.fan-view{position:relative;touch-action:none}.fan-view .pivot{position:absolute;left:50%}.fan-view .pivot .item{left:0;top:0;position:absolute;vertical-align:middle;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none}.fan-view .pivot .item.active{background-color:var(--primary-container)}.fan-view .pivot .item.selected{border:solid 2px var(--success);border-radius:15px}@keyframes pulse{0%{border-color:var(--success)}50%{border-color:rgba(0,0,0,0)}100%{border-color:var(--success)}}.turn-taker .arc.active{stroke-dasharray:100;stroke-dashoffset:100}.turn-taker .arc.active.clockwise{animation:tt-clockwise 3s ease infinite}.turn-taker .arc.active.counter-clockwise{animation:tt-counter-clockwise 3s ease infinite}.turn-taker .arc.cardy{animation:flashOpacity 2s infinite ease-in-out;animation-delay:calc(var(--i)/2)}@keyframes tt-counter-clockwise{0%{stroke-dashoffset:100}to{stroke-dashoffset:-100}}@keyframes tt-clockwise{0%{stroke-dashoffset:-100}to{stroke-dashoffset:100}}.message-feed-container{display:grid;grid-template-columns:1fr 360px 1fr;height:100%;width:100%;position:absolute;user-select:none;pointer-events:none}@media(max-width: 767px){.message-feed-container{grid-template-columns:40px 1fr 40px}}.message-feed-container .message-feed{grid-column:2;display:flex;gap:1rem;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;border-radius:10px;margin:0 20px;z-index:100}@media(max-width: 767px){.message-feed-container .message-feed{margin:0}}.message-feed-container .message-feed .message{background:var(--dialog);padding:.5rem;width:100%;text-align:center}.top-card{position:relative}.top-card img{width:100%;border-color:rgba(0,0,0,0);border-width:2px;border-style:solid;padding:3px;border-radius:.5rem}.top-card.request img{animation:flash-for-request 1s infinite ease-in-out}.top-card .piled-card{position:absolute;top:0;left:0;z-index:1;width:100%;animation:slide-in .5s ease-in-out}@keyframes flash-for-request{0%{border-color:rgba(0,0,0,0)}50%{border-color:var(--accent)}100%{border-color:rgba(0,0,0,0)}}@keyframes slide-in{0%{transform:translateX(150%)}100%{transform:translateX(0)}}.home-page{display:grid;grid-template-rows:3fr auto 1fr}.play-item{display:flex;align-items:center;justify-content:center;min-height:200px;width:200px}.play-item .card-image{left:0;z-index:-1;width:100%}.play-item .details{position:absolute;bottom:20%}.lobby-page{display:grid;grid-template-rows:auto 1fr auto}.play-page{display:grid;grid-template-rows:auto auto 1fr auto auto;padding:1rem 0}.play-page .player-board-container{z-index:5;height:100%;width:100%;position:absolute}.play-page .player-board-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--dialog);opacity:.8;z-index:-1}.play-page .top-card-container{display:grid;grid-template-columns:120px 1fr auto 1fr 100px}.playing-card-item{display:flex;align-items:center;justify-content:center;width:200px;min-height:200px}.playing-card-item .card-image{left:0;z-index:-1;width:100%}.playing-card-item.selected{border-color:var(--accent) !important}.suit-picker-container{display:grid;grid-template-columns:1fr 3fr 1fr;height:100%;width:100%;position:absolute;z-index:5;justify-content:center;align-items:center}@media(max-width: 767px){.suit-picker-container{grid-template-columns:40px 1fr 40px}}.suit-picker-container .suit-picker{grid-column:2;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;justify-content:center;align-items:center;padding:1rem;background:var(--dialog)}@media(max-width: 767px){.suit-picker-container .suit-picker{grid-template-columns:1fr 1fr}}.suit-picker-container .suit-picker button{border:none;background-color:rgba(0,0,0,0);padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;border:3px solid rgba(0,0,0,0);border-radius:1rem}.suit-picker-container .suit-picker button:hover{border-color:var(--accent)}.suit-picker-container .suit-picker button img{width:100%}.cardy-lights{display:flex;gap:.5rem;align-items:end}.cardy-lights .light{height:10px;width:10px;border-radius:50%}.bombs-indicator{font-size:1.25rem;display:flex;align-items:center;gap:.5rem;width:fit-content}.fade-in{animation:fadeIn .5s ease-in forwards}.fade-out{animation:fadeOut .5s ease-out forwards}.flash-opacity{animation:flashOpacity 2s infinite ease-in-out}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes flashOpacity{0%{opacity:0}50%{opacity:1}100%{opacity:0}}#app{height:100%}main{flex-direction:column;height:100%}.app-bar{border-bottom:2px solid var(--outline);box-sizing:border-box;padding-top:.5rem}.nav-items{display:flex;align-items:center;justify-content:center;position:relative}.nav-items .nav-item{padding:1rem 2rem;color:var(--on-background);text-decoration:none;transition:all .3s ease-in-out;position:relative;display:flex;align-items:center;justify-content:center}.nav-items .nav-item:hover{color:var(--tertiary)}.nav-items .nav-item.active{color:var(--tertiary)}.nav-items .nav-item .selector{position:absolute;top:2px;left:0;width:100%;height:100%;transition:all .3s ease-in-out;border:2px solid var(--outline);border-bottom-color:var(--background);transform:translateX(calc(var(--i) * 100%));border-radius:8px 8px 0 0}.nav-items .nav-item.alert::after{content:"";position:absolute;top:8px;right:16px;width:8px;height:8px;background-color:var(--success);border-radius:50%}#app{min-height:100dvh;height:100%}.main-layout{display:grid;grid-template-rows:auto minmax(0, 1fr);height:100dvh}.game-layout{height:100dvh}main{position:relative;min-height:0}.app-bar{padding-top:env(safe-area-inset-top)}.nav-items .nav-item{padding:1rem min(4vw,2rem)}.home-page{height:100%;overflow:hidden}.home-page .play-items{min-height:260px}.play-page{height:100%;overflow:hidden}.play-item{border-radius:.75rem}.play-item .card-image{border-radius:.75rem}.card-image{object-fit:contain}.player-board{display:grid;gap:.75rem}.profile-card{margin-top:3rem}#blazor-error-ui{display:none;position:fixed;bottom:0;width:100%;z-index:1000;background:var(--error);color:#190b11;padding:1rem}#blazor-error-ui .dismiss{float:right;border:0;background:rgba(0,0,0,0)}@media(max-width: 480px){.play-page .top-card-container{grid-template-columns:90px 1fr auto 1fr 70px}.playing-card-item{width:140px;min-height:180px}}.layout-status{padding:1rem;text-align:center}.authentication-layout{min-height:100dvh;display:grid;place-items:center;padding:2rem 1rem;background:radial-gradient(ellipse at 20% 10%, rgba(117, 205, 180, 0.0823529412), transparent 55%),var(--background)}.auth-card{width:min(100%,400px);border:1px solid var(--outline);border-radius:1.25rem;padding:2rem;background:var(--dialog);box-shadow:0 24px 80px rgba(0,0,0,.2666666667)}.auth-card h1{margin-bottom:.5rem}.auth-card>p{margin-top:0;color:var(--foreground-secondary)}.auth-card form{display:grid;gap:.5rem}.auth-card form input{margin-bottom:.5rem}.auth-card form .au-button{margin-top:1rem}.wordmark{color:var(--on-background);text-decoration:none;font-size:1.5rem;font-weight:750;letter-spacing:-0.06em}.wordmark span{color:var(--primary);margin-left:.3rem}.auth-divider{margin-block:1.5rem 1rem;text-align:center;font-size:.8rem;color:var(--foreground-secondary)}.google-button{display:flex;justify-content:center}.auth-switch{display:block;margin-top:1.5rem;font-size:.8rem;text-align:center}