.bp{gap:12px;margin-bottom:16px}.bp-stage{background:radial-gradient(circle at 50% 50%, #ff8c3229, transparent 55%), radial-gradient(circle at 50% 120%, #e5484d1f, transparent 60%), var(--inset);isolation:isolate;contain:paint;--arrow-offset:104px;border:1px solid #ff9a3d1f;border-radius:14px;height:clamp(420px,100vh - 330px,640px);position:relative;overflow:hidden}.bp-arena{position:absolute;inset:0}.bp-ring{aspect-ratio:1;max-width:100%;height:100%;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.bp-table{background:radial-gradient(circle,#ff9a3d12,#0000 70%);border:1px solid #ff9a3d29;border-radius:50%;position:absolute;inset:12%;box-shadow:inset 0 0 60px #ff782814,0 0 40px #00000040}.bp-spectator-badge{z-index:3;position:absolute;top:12px;left:12px}.bp-player{text-align:center;flex-direction:column;align-items:center;gap:3px;width:112px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .4s,filter .4s;display:flex;position:absolute;transform:translate(-50%,-50%)}.bp-avatar{background:var(--card);border:2px solid #ffffff1f;border-radius:50%;place-items:center;width:60px;height:60px;transition:border-color .25s;display:grid;position:relative;box-shadow:0 6px 16px #00000073}.bp-avatar .avatar{width:100%;height:100%;box-shadow:none}.bp-avatar:after{content:"";opacity:0;pointer-events:none;border-radius:50%;transition:opacity .25s;position:absolute;inset:-3px;box-shadow:0 0 0 2px #ff9a3d,0 0 26px #ff8c32e6}.bp-you{background:var(--accent);color:var(--on-accent);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:0 6px;font-size:.62rem;font-weight:800;line-height:1.5;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.bp-player.me .bp-avatar{border-color:rgba(var(--accent-rgb), .7)}.bp-player.current{z-index:2;transform:translate(-50%,-50%)scale(1.15)}.bp-player.current .bp-avatar{border-color:#ff9a3d}.bp-player.current .bp-avatar:after{animation:.8s ease-in-out infinite alternate bp-glow}.bp-player.dead{opacity:.4;filter:grayscale()}.bp-name{text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 6px #000000b3;max-width:100%;margin-top:4px;font-size:.9rem;font-weight:700;overflow:hidden}.bp-lives{justify-content:center;gap:2px;display:flex}.bp-lives .heart{fill:#f43f5e;stroke:#f43f5e;stroke-width:1.5px;filter:drop-shadow(0 0 3px #f43f5e80);width:15px;height:15px;animation:.35s ease-out bp-pop}.bp-lives .heart.lost{fill:#0000;stroke:#ffffff8c;filter:none}.bp-bubble{color:#1d1712;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;background:#f5f0e8f5;border-radius:12px;max-width:260px;padding:6px 14px;font-size:1.15rem;font-weight:800;animation:.3s cubic-bezier(.34,1.56,.64,1) bp-bubble-in;position:absolute;top:calc(100% + 8px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 20px #00000073}.bp-bubble:before{content:"";background:inherit;border-radius:2px;width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.bp-bubble.up{top:auto;bottom:calc(100% + 8px)}.bp-bubble.up:before{top:auto;bottom:-6px}.bp-bubble mark{color:#e5672b;background:0 0}.bp-bubble-dots{color:#a39a8f}.bp-bubble.reject{animation:.4s ease-out bp-reject}.bp-flash{z-index:3;white-space:nowrap;pointer-events:none;border-radius:999px;align-items:center;gap:2px;padding:3px 9px;font-size:.85rem;font-weight:800;animation:1.5s ease-out forwards bp-float-up;display:inline-flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #0006}.bp-flash.down{animation-name:bp-float-down;top:100%;bottom:auto}.bp-flash.accepted{background:var(--ok);color:#10301c}.bp-flash.life{color:#3b0a24;background:#f472b6}.bp-flash.exploded,.bp-flash.eliminated{background:var(--error);color:#3b0a0a}.bp-center{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bp-center:before{content:"";z-index:-1;background:radial-gradient(circle,#ff8c3259,#0000 65%);border-radius:50%;width:190px;height:190px;margin:-95px 0 0 -95px;animation:1.6s ease-in-out infinite alternate bp-halo;position:absolute;top:44px;left:50%}.bp-bomb{filter:drop-shadow(0 8px 14px #0000008c);will-change:transform;display:block;position:relative;left:5px}.bp-bomb.ticking{animation:.5s ease-in-out infinite alternate bp-pulse}.bp-syllable{white-space:nowrap;background:var(--text);color:var(--bg);letter-spacing:.1em;border-radius:12px;margin-top:8px;padding:5px 18px;font-size:1.9rem;font-weight:900;animation:.35s cubic-bezier(.34,1.56,.64,1) bp-pop-in;position:absolute;top:100%;left:50%;translate:-50%;box-shadow:0 0 0 3px #ff9a3d99,0 10px 24px #00000080}.bp-arrow{left:calc(50% + var(--arrow-offset));width:22px;height:4px;transform-origin:calc(-1 * var(--arrow-offset)) 50%;will-change:transform;background:linear-gradient(90deg,#0000,#ff9a3d);border-radius:2px;margin-top:-2px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;top:44px}.bp-arrow:after{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:10px solid #ff9a3d;position:absolute;top:-5px;right:-8px}.bp-red-flash,.bp-boom,.bp-countdown,.bp-go,.bp-finished{z-index:5}.bp-boom{pointer-events:none;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bp-red-flash{pointer-events:none;opacity:0;background:radial-gradient(circle,#e5484d26,#e5484d73 80%);position:absolute;inset:0}.bp-countdown,.bp-go{color:#ff9a3d;text-shadow:0 4px 20px #0009;pointer-events:none;place-items:center;font-weight:900;display:grid;position:absolute;inset:0}.bp-countdown{background:#0a09088c}.bp-countdown>*{grid-area:1/1}.bp-countdown span{font-size:6rem;animation:1s ease-out forwards bp-zoom}.bp-countdown-ring{width:190px;height:190px;transform:rotate(-90deg)}.bp-countdown-ring circle{fill:none;stroke:#ff9a3d;stroke-width:5px;stroke-linecap:round;stroke-dasharray:340;stroke-dashoffset:0;filter:drop-shadow(0 0 8px #ff9a3d99);animation:1s linear forwards bp-ring-empty}.bp-go{font-size:3.2rem;animation:.9s ease-out forwards bp-go}.bp-finished{scrollbar-width:thin;background:radial-gradient(circle at 50% 30%,#ffd23f1f,#0000 55%),#0a0908e6;flex-direction:column;justify-content:safe center;align-items:center;gap:8px;padding:18px 12px;animation:.4s ease-out bp-fade-in;display:flex;position:absolute;inset:0;overflow:hidden auto}.bp-trophy{line-height:0;animation:.8s ease-in-out infinite alternate bp-bounce}.bp-winner-avatar{margin-top:26px;animation:.5s cubic-bezier(.34,1.56,.64,1) .1s both bp-pop-in;position:relative}.bp-winner-avatar .avatar{display:block;box-shadow:0 0 0 3px #ffd23f,0 0 34px #ffd23f73}.bp-crown{position:absolute;top:-26px;left:50%;transform:translate(-50%)rotate(-8deg)}.bp-winner{font-size:1.9rem;font-weight:900;animation:.5s cubic-bezier(.34,1.56,.64,1) .2s both bp-pop-in}.bp-ranking{flex-direction:column;gap:6px;width:min(340px,100%);margin:4px 0 0;padding:0;list-style:none;display:flex}.bp-ranking li{border:1px solid var(--glass-border);animation:.4s cubic-bezier(.34,1.56,.64,1) both home-rise;animation-delay:calc(.35s + var(--i) * 70ms);background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:6px 12px 6px 8px;display:flex}.bp-ranking li.winner{background:#ffd23f14;border-color:#ffd23f8c}.bp-ranking li.me .bp-rank-name{color:var(--accent)}.bp-rank{background:var(--border);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:900;display:grid}.bp-ranking li.winner .bp-rank{color:#2a1f00;background:linear-gradient(#ffd54f,#c9a227)}.bp-rank-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.bp-rank-words{color:var(--muted);font-size:.85rem}.bp-rank-words strong{color:var(--text)}.end-actions{flex-direction:column;align-items:center;margin-top:8px;animation:.4s cubic-bezier(.34,1.56,.64,1) .3s both bp-pop-in;display:flex}.end-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.end-buttons button{align-items:center;gap:7px;display:inline-flex}.end-waiting{color:var(--muted);margin-top:8px;font-style:italic}.bp-bar{background:var(--inset);border:1px solid var(--glass-border);border-radius:999px;align-items:center;gap:10px;min-height:54px;padding:6px 8px 6px 14px;transition:border-color .25s,box-shadow .25s,background .25s;display:flex}.bp-bar input{letter-spacing:.03em;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 4px;font-size:1.15rem;font-weight:700}.bp-bar input[readonly]{cursor:default;letter-spacing:0;font-weight:500}.bp-bar input[readonly]::placeholder{color:var(--muted)}.bp-bar.my-turn{background:#ff8c3214;border-color:#ff9a3d;animation:.4s cubic-bezier(.34,1.56,.64,1) bp-bar-on;box-shadow:0 0 0 3px #ff9a3d33,0 0 30px #ff8c3233}.bp-bar-tag{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:linear-gradient(150deg,#ff9a3d,#e5484d);border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:.85rem;font-weight:900}.bp-bar-key{border:1px solid var(--glass-border);color:var(--muted);font:inherit;border-bottom-width:3px;border-radius:8px;flex-shrink:0;margin-right:6px;padding:4px 10px;font-size:.8rem;font-weight:700}.bp-bar-error{color:var(--error);flex-shrink:0;margin-right:8px;font-size:.85rem;font-weight:700;animation:.2s ease-out bp-fade-in}.card .bp-bar.spectator{color:var(--muted);justify-content:center}.bp-letters{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;display:flex}.bp-letters-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:inline-flex}.bp-letters-label strong{color:var(--accent)}.bp-letters-list{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.bp-letters-list span{width:26px;height:28px;color:var(--muted);background:var(--inset);border:1px solid var(--glass-border);border-radius:7px;place-items:center;font-size:.8rem;font-weight:800;transition:background .3s,color .3s;display:grid}.bp-letters-list span.used{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 0 10px rgba(var(--accent-rgb), .35);animation:.35s ease-out bp-pop}@media (width<=640px){.bp-stage{--arrow-offset:80px;height:440px}.bp-player{width:84px}.bp-avatar{width:46px;height:46px}.bp-name{font-size:.78rem}.bp-bomb{width:64px;height:64px}.bp-center:before{top:32px}.bp-arrow{display:none}.bp-syllable{font-size:1.4rem}.bp-bubble{max-width:160px;font-size:.95rem}.bp-bar-key{display:none}.bp-bar-error{text-align:right;max-width:42%;margin-right:12px;font-size:.72rem;line-height:1.2}.bp-bar input{min-width:80px}}@keyframes bp-pulse{0%{transform:scale(1)rotate(-4deg)}to{transform:scale(1.1)rotate(4deg)}}@keyframes bp-halo{0%{opacity:.6;transform:scale(.85)}to{opacity:1;transform:scale(1.1)}}@keyframes bp-glow{0%{opacity:.45}to{opacity:1}}@keyframes bp-pop{0%{transform:scale(.4)}60%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes bp-pop-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes bp-bubble-in{0%{opacity:0;transform:translate(-50%)scale(.6)}}@keyframes bp-bar-on{0%{transform:scale(.98)}}@keyframes bp-float-up{0%{opacity:0;transform:translate(-50%,6px)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.1)}70%{opacity:1;transform:translate(-50%,-14px)scale(1)}to{opacity:0;transform:translate(-50%,-28px)scale(1)}}@keyframes bp-float-down{0%{opacity:0;transform:translate(-50%,-6px)scale(.6)}15%{opacity:1;transform:translate(-50%,4px)scale(1.1)}70%{opacity:1;transform:translate(-50%,14px)scale(1)}to{opacity:0;transform:translate(-50%,26px)scale(1)}}@keyframes bp-zoom{0%{opacity:0;transform:scale(1.8)}30%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(.9)}}@keyframes bp-ring-empty{to{stroke-dashoffset:340px}}@keyframes bp-go{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.4)}}@keyframes bp-reject{0%,to{transform:translate(-50%)}20%{color:var(--error);transform:translate(calc(-50% - 9px))}40%{color:var(--error);transform:translate(calc(9px - 50%))}60%{color:var(--error);transform:translate(calc(-50% - 5px))}80%{transform:translate(calc(4px - 50%))}}@keyframes bp-bounce{0%{transform:translateY(0)rotate(-6deg)}to{transform:translateY(-10px)rotate(6deg)}}@keyframes bp-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.bp *{animation-duration:.01ms!important;animation-iteration-count:1!important}}.nc,.nc-clue-splash{--red:#f0506e;--red-rgb:240, 80, 110;--red-dark:#7a1a32;--blue:#4f8df7;--blue-rgb:79, 141, 247;--blue-dark:#1c3a82;--neutral:#d9c9a3;--neutral-dark:#6e6347;--assassin:#0b0a10;--card-face:#c4b08a;--card-band:#5b4330;--bounce:cubic-bezier(.34, 1.56, .64, 1)}.nc{gap:12px;margin-bottom:16px}.card.nc{background-image:radial-gradient(circle at 0 30%,#f0506e29,#0000 40%),radial-gradient(circle at 100% 70%,#4f8df72e,#0000 40%)}.nc-notice,.nc-error{text-align:center;margin:0}.nc-notice{animation:.4s ease-out nc-slide-in}.nc-status{text-align:center;flex-direction:column;justify-content:center;align-items:stretch;gap:8px;min-height:52px;display:flex}.nc-topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.nc-round{background:var(--inset);border:1px solid var(--glass-border);color:var(--muted);white-space:nowrap;border-radius:999px;justify-self:start;padding:4px 12px;font-size:.85rem;font-weight:700}.nc-round strong{color:var(--text)}.nc-time{background:#ffffff12;border-radius:999px;height:6px;overflow:hidden}.nc-time-bar{border-radius:inherit;background:var(--accent);transform-origin:0;height:100%;animation:nc-time var(--time-ms) linear forwards}@keyframes nc-time{0%{transform:scaleX(var(--time-from))}70%{background:var(--accent)}85%{background:#f5b83d}to{background:var(--error);transform:scaleX(0)}}.nc-victory{animation:nc-stamp .6s var(--bounce);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.nc-victory.red .nc-status-text{color:var(--red)}.nc-victory.blue .nc-status-text{color:var(--blue)}.nc-victory-crown{filter:drop-shadow(0 0 12px #ffd23f80);transform:rotate(-12deg)}.nc-victory-team{display:flex}.nc-victory-team>span{animation:nc-pop-in .45s var(--bounce) both;animation-delay:calc(.4s + var(--i) * .12s);line-height:0}.nc-victory-team>span+span{margin-left:-8px}.nc-victory-team .avatar{box-shadow:0 0 0 3px #ffd23f}.nc-status-text{text-transform:uppercase;letter-spacing:.04em;animation:nc-slide-in .45s var(--bounce);font-size:clamp(1.1rem,2.4vw,1.6rem);font-weight:900}.nc-status-text.red{color:var(--red)}.nc-status-text.blue{color:var(--blue)}.nc-status-sub{color:var(--muted);animation:.45s ease-out .15s both nc-slide-in}.nc-clue{animation:nc-stamp .55s var(--bounce);border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 0;display:flex;position:relative;overflow:hidden}.nc-clue:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:40%;animation:.9s ease-out .5s both nc-shine;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.nc-clue-word,.nc-clue-number{text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;padding:6px 16px;font-size:1.4rem;font-weight:900;display:flex}.nc-clue-word{color:#2a2418;background:#f6e8d2}.nc-clue.red .nc-clue-number{background:var(--red);color:#fff}.nc-clue.blue .nc-clue-number{background:var(--blue);color:#fff}.nc-clue small{width:100%;color:var(--muted);font-weight:600}.nc-timer{text-align:right;font-variant-numeric:tabular-nums;justify-self:end;min-width:64px;font-size:1.3rem;font-weight:900}.nc-infinity{width:1.3em;height:.7em;display:block}.nc-timer.urgent{color:var(--error);animation:.5s ease-in-out infinite alternate nc-blink}.nc-layout{--board-w:max(560px, calc((100vh - 440px) * 1.65));grid-template-columns:200px minmax(0, var(--board-w)) 200px;justify-content:center;align-items:start;gap:20px;display:grid}.nc-center{flex-direction:column;gap:12px;min-width:0;display:flex}.nc-center>.nc-clue{animation:nc-stamp .55s var(--bounce) 1.7s both;align-self:center}.nc-panel{transition:transform .4s var(--bounce), filter .4s ease, opacity .4s ease;flex-direction:column;gap:10px;display:flex}.nc-panel.red{--team:var(--red);--team-rgb:var(--red-rgb);--team-dark:var(--red-dark);animation:nc-from-left .6s var(--bounce)}.nc-panel.blue{--team:var(--blue);--team-rgb:var(--blue-rgb);--team-dark:var(--blue-dark);animation:nc-from-right .6s var(--bounce)}.nc-box{background:linear-gradient(160deg, rgba(var(--team-rgb), .22), rgba(var(--team-rgb), .05));border:1px solid rgba(var(--team-rgb), .4);border-radius:16px;flex-direction:column;gap:8px;padding:12px;transition:box-shadow .2s,border-color .3s;display:flex;position:relative}.nc-box:after{content:"";border-radius:inherit;box-shadow:0 0 26px rgba(var(--team-rgb), .45), inset 0 0 18px rgba(var(--team-rgb), .15);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:-1px}.nc-panel.active .nc-box{border-color:rgba(var(--team-rgb), .85)}.nc-panel.active .nc-box:after{opacity:1}.nc-panel.active{transform:scale(1.04)}.nc-panel.inactive{opacity:.85;transform:scale(.97)}.nc-box.mine{box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--accent)}.nc-box h3{text-transform:uppercase;letter-spacing:.08em;color:var(--team);justify-content:center;align-items:center;gap:6px;margin:0;font-size:.8rem;display:flex}.nc-box ul{flex-direction:column;gap:6px;margin:0;padding:0;font-size:.95rem;font-weight:700;list-style:none;display:flex}.nc-player{background:#00000047;border-radius:999px;align-items:center;gap:10px;min-width:0;padding:4px 12px 4px 4px;display:flex}.nc-player .avatar{box-shadow:0 0 0 2px rgba(var(--team-rgb), .9)}.nc-player.me{background:rgba(var(--team-rgb), .3)}.nc-player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nc-box li{animation:nc-slide-in .35s var(--bounce)}.nc-empty{text-align:center;color:var(--muted);padding:6px 0;font-style:italic;font-weight:400}.nc-join{border:1px dashed rgba(var(--team-rgb), .7);background:rgba(var(--team-rgb), .08);color:var(--text);transition:transform .15s var(--bounce), background .2s ease, border-color .2s ease;border-radius:999px;justify-content:center;align-items:center;gap:7px;margin-top:auto;padding:6px 12px;font-size:.82rem;display:flex}.nc-join:hover:not(:disabled){background:var(--team);border-color:var(--team);color:#fff;transform:translateY(-2px)scale(1.03)}.nc-join-plus{flex-shrink:0;width:10px;height:10px;position:relative}.nc-join-plus:before,.nc-join-plus:after{content:"";background:currentColor;border-radius:2px;width:10px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nc-join-plus:after{transform:translate(-50%,-50%)rotate(90deg)}.nc-big-score{font-variant-numeric:tabular-nums;color:var(--team);text-shadow:0 0 24px rgba(var(--team-rgb), .5);flex-direction:column;align-items:center;gap:2px;font-size:3rem;font-weight:900;line-height:1;display:flex}.nc-big-score small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-shadow:none;font-size:.7rem;font-weight:700}.nc-team-name{text-align:center;text-transform:uppercase;letter-spacing:.08em;color:var(--team);text-shadow:0 0 18px rgba(var(--team-rgb), .5);padding:6px 0;font-size:.95rem;font-weight:900}.nc-actions .end-waiting .lobby-dots{margin-left:6px}.nc-big-score span{animation:nc-bump .6s var(--bounce);display:inline-block}.nc-board-wrap{width:100%;position:relative}.nc-board{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.nc-card{aspect-ratio:16/10;-webkit-user-select:none;user-select:none;perspective:900px;transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s ease-out;position:relative}.nc-card-inner{transform-style:preserve-3d;transition:transform .7s var(--bounce);position:absolute;inset:0}.nc-card.revealed .nc-card-inner{transition:none;transform:rotateY(180deg)}.nc-face{backface-visibility:hidden;border-radius:12px;flex-direction:column;justify-content:flex-end;padding:8px;transition:box-shadow .2s,border-color .2s;display:flex;position:absolute;inset:0;box-shadow:0 4px #00000059}.nc-face.front{background:var(--card-face);border:3px solid #0000}.nc-face.back{justify-content:space-between;align-items:center;transform:rotateY(180deg)}.nc-face.back.pattern{background:repeating-linear-gradient(45deg,#3a2f27 0 8px,#2a221c 8px 16px)}.nc-face.back.red{background:linear-gradient(160deg, var(--red) 0%, var(--red-dark) 100%)}.nc-face.back.blue{background:linear-gradient(160deg, var(--blue) 0%, var(--blue-dark) 100%)}.nc-face.back.neutral{background:linear-gradient(160deg, var(--neutral) 0%, var(--neutral-dark) 100%)}.nc-face.back.assassin{background:radial-gradient(circle at center, #3a3640 0%, var(--assassin) 80%)}.nc-label{background:var(--card-band);color:#fff;--label-size:clamp(.75rem, 1.5vw, 1.15rem);font-weight:900;font-size:calc(var(--label-size) * var(--label-scale,1));text-transform:uppercase;letter-spacing:.02em;text-align:center;overflow-wrap:anywhere;border-radius:6px;padding:7px 4px;line-height:1.15;transition:background .3s;display:block}.nc-label.long{--label-scale:.8;letter-spacing:0}.nc-label.xlong{--label-scale:.66;letter-spacing:0}.nc-face .nc-label.long,.nc-face .nc-label.xlong{padding-block:9px}.nc-face.back .nc-label{--label-size:clamp(.7rem, 1.3vw, 1rem);background:#00000059;width:100%}.nc-figure{flex:1;place-items:end center;min-height:0;margin-bottom:-2px;display:grid}.nc-figure svg{filter:drop-shadow(0 3px 2px #0000004d);width:auto;height:100%;max-height:64px;overflow:visible}.nc-figure .fig-body{fill:#000;opacity:.42}.nc-figure .fig-shade{fill:#00000040}.nc-figure .fig-dark{fill:#000000d1}.nc-figure .fig-band{fill:#ffffff4d}.nc-figure .fig-shirt{fill:#ffffffeb}.nc-figure .fig-glint,.nc-figure .fig-collar,.nc-figure .fig-smile{fill:none;stroke-width:1.6px;stroke-linecap:round}.nc-figure .fig-glint{stroke:#ffffffd9}.nc-figure .fig-collar{stroke:#00000059;stroke-width:2.5px}.nc-figure .fig-smile{stroke:#000000d1}.nc-figure .fig-hood{fill:#050407}.nc-figure .fig-hood-edge{fill:none;stroke:#ffffff24;stroke-width:1.2px}.nc-figure .fig-eyes{fill:#ff3047;filter:drop-shadow(0 0 2px #ff3047)drop-shadow(0 0 5px #ff3047cc)}.nc-figure .fig-clasp{fill:#b8a06a}.nc-card.revealed .nc-figure{animation:nc-figure-in .5s var(--bounce) 1.2s both}.nc-face.back.assassin .nc-figure{animation:nc-skull .8s var(--bounce) 1.2s both}.nc-card.clickable{cursor:pointer}.nc-card.clickable:hover{transform:perspective(700px) translateY(-5px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.nc-card.clickable:hover .nc-face.front{box-shadow:0 10px 18px #00000073}.nc-card.pointed{--point:var(--accent);z-index:2;transform:perspective(700px) translateY(-6px) scale(1.04) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.nc-card.point-red{--point:var(--red)}.nc-card.point-blue{--point:var(--blue)}.nc-card.pointed.pointed .nc-face.front{border-width:4px;border-color:var(--point);box-shadow:0 0 0 3px color-mix(in srgb, var(--point) 40%, transparent), 0 12px 22px #00000073}.nc-card.pointed:before{content:"";box-shadow:0 0 24px 4px var(--point);pointer-events:none;border-radius:16px;animation:.9s ease-in-out infinite alternate nc-glow;position:absolute;inset:-6px}.nc-card.my-point{transform:perspective(700px) translateY(-8px) scale(1.07) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.nc-card.key-red .nc-face.front{background:color-mix(in srgb, var(--red) 55%, var(--card-face));border-color:var(--red)}.nc-card.key-red .nc-face.front .nc-label{background:var(--red-dark)}.nc-card.key-blue .nc-face.front{background:color-mix(in srgb, var(--blue) 55%, var(--card-face));border-color:var(--blue)}.nc-card.key-blue .nc-face.front .nc-label{background:var(--blue-dark)}.nc-card.key-assassin .nc-face.front{background:#3a3640}.nc-card.key-assassin .nc-face.front .nc-label{background:#000}.nc-card.ghost{animation:.5s ease-out both nc-ghost;animation-delay:calc(var(--i) * 45ms)}.nc-card.ghost.red .nc-face.front .nc-label{background:var(--red)}.nc-card.ghost.blue .nc-face.front .nc-label{background:var(--blue)}.nc-card.ghost.assassin .nc-face.front{background:#3a3640}.nc-card.ghost.assassin .nc-face.front .nc-label{background:#000}.nc-board.dealing .nc-card{animation:nc-deal .55s var(--bounce) both;animation-delay:calc(var(--i) * 40ms)}.nc-board.dealing .nc-card-inner{animation:.55s ease-out both nc-deal-flip;animation-delay:calc(var(--wave) * .11s + 1s)}.nc-card.facedown{border:1px solid var(--glass-border);background:repeating-linear-gradient(45deg, #ffffff06 0 8px, transparent 8px 16px), var(--inset);animation:nc-pop-in .4s var(--bounce) both;animation-delay:calc(var(--i) * 25ms);border-radius:12px;place-items:center;display:grid;overflow:hidden}.nc-card.facedown:after{content:"";animation:3s ease-in-out infinite nc-wave;animation-delay:calc(var(--i) * 70ms);background:linear-gradient(110deg,#0000 30%,#ffffff29 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.nc-facedown-mark{color:#ffffff1f;font-size:clamp(28px,3.2vw,44px)}.nc-burst{z-index:4;pointer-events:none;position:absolute;top:50%;left:50%}.nc-burst span{border-radius:50%;width:8px;height:8px;animation:.9s cubic-bezier(.1,.8,.3,1) both nc-spark;position:absolute}.nc-burst.red span{box-shadow:0 0 8px var(--red);background:#ffd1da}.nc-burst.blue span{box-shadow:0 0 8px var(--blue);background:#d6e5ff}.nc-pointers{z-index:3;display:flex;position:absolute;top:-10px;left:-8px}.nc-pointers span{animation:nc-pointer-in .45s var(--bounce);border-radius:50%;line-height:0;box-shadow:0 3px 8px #00000073}.nc-pointers span+span{margin-left:-8px}.nc-pointers.red .avatar{box-shadow:0 0 0 2px var(--red)}.nc-pointers.blue .avatar{box-shadow:0 0 0 2px var(--blue)}.nc-reveal{--team:var(--accent);white-space:nowrap;z-index:3;color:#fff;animation:nc-pop-in .3s var(--bounce);transition:transform .15s var(--bounce);border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 4px;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 4px 12px #00000073}.nc-reveal.red{--team:var(--red)}.nc-reveal.blue{--team:var(--blue)}.nc-reveal,.nc-reveal:hover:not(:disabled){background:var(--team)}.nc-reveal:hover:not(:disabled){transform:scale(1.08)}.nc-check{background:#fff;border-radius:50%;flex-shrink:0;width:16px;height:16px;position:relative}.nc-check:after{content:"";border:solid var(--team);border-width:0 2px 2px 0;width:4px;height:7px;position:absolute;top:3px;left:5.5px;transform:rotate(45deg)}.nc-flash{opacity:0;pointer-events:none;z-index:5;background:radial-gradient(circle,#f03c5080 0%,#3c000af2 75%);border-radius:18px;position:absolute;inset:-10px}.nc-banner{z-index:6;pointer-events:none;background:linear-gradient(90deg, var(--team-dark), var(--team), var(--team-dark));place-items:center;height:112px;margin-top:-56px;padding:0 24px;animation:1.7s cubic-bezier(.7,0,.3,1) both nc-banner;display:grid;position:absolute;top:50%;left:-16px;right:-16px;box-shadow:0 12px 30px #00000080}.nc-banner.red{--team:var(--red);--team-dark:var(--red-dark)}.nc-banner.blue{--team:var(--blue);--team-dark:var(--blue-dark)}.nc-banner span{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 3px 12px #0006;font-size:clamp(1.2rem,3vw,2.1rem);font-weight:900;line-height:1.2;animation:1.7s cubic-bezier(.2,.8,.2,1) both nc-banner-text}.nc-actions{text-align:center;flex-direction:column;align-items:center;gap:8px;min-height:40px;display:flex}.nc-actions>*{animation:.35s ease-out nc-slide-in}.nc-actions-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.nc-help{color:var(--muted)}.nc-link{color:var(--muted);background:0 0;padding:2px 6px;font-weight:600;text-decoration:underline}.nc-link:hover:not(:disabled){color:var(--text);background:0 0}.nc-icon-button{align-items:center;gap:8px;display:inline-flex}.nc-clue-form{--glow:var(--accent-rgb);flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.nc-clue-form.red{--glow:var(--red-rgb)}.nc-clue-form.blue{--glow:var(--blue-rgb)}.nc-form{background:rgba(var(--glow), .08);border:1px solid rgba(var(--glow), .8);width:min(520px,100%);box-shadow:0 0 0 3px rgba(var(--glow), .18), 0 0 28px rgba(var(--glow), .18);border-radius:999px;align-items:center;gap:10px;padding:5px 5px 5px 8px;display:flex}.nc-form input{min-width:0;box-shadow:none;background:0 0;border:none;outline:none;flex:1;padding:8px 4px;font-size:1.05rem;font-weight:700}.nc-form-tag{background:rgb(var(--glow));color:#fff;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:5px 12px;font-size:.8rem;font-weight:900}.nc-form .chat-send:not(:disabled),.nc-form .chat-send:hover:not(:disabled){background:rgb(var(--glow));color:#fff;box-shadow:0 4px 14px rgba(var(--glow), .45)}.nc-numbers{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;display:flex}.nc-numbers-label{color:var(--muted);margin-right:4px;font-size:.85rem;font-weight:600}.nc-numbers button{background:var(--inset);border:1px solid var(--glass-border);width:32px;height:32px;color:var(--muted);transition:background .15s ease, color .15s ease, transform .2s var(--bounce);border-radius:50%;place-items:center;padding:0;font-size:.9rem;font-weight:800;display:grid}.nc-numbers button:hover:not(:disabled){background:rgba(var(--glow), .2);color:var(--text);transform:translateY(-2px)}.nc-numbers button.active,.nc-numbers button.active:hover:not(:disabled){background:rgb(var(--glow));border-color:rgb(var(--glow));color:#fff;box-shadow:0 4px 12px rgba(var(--glow), .45);transform:scale(1.12)}.nc-numbers .nc-infinity{width:18px;height:10px}.nc-history{border:1px solid rgba(var(--team-rgb), .3);background:var(--inset);border-radius:16px;padding:10px 12px;animation:.4s ease-out nc-slide-in}.nc-history h3{text-transform:uppercase;letter-spacing:.08em;text-align:center;color:var(--team);margin:0 0 8px;font-size:.8rem}.nc .nc-history-empty{text-align:center;color:var(--muted);margin:0;font-size:.8rem;font-style:italic}.nc-history ol{scrollbar-width:thin;flex-direction:column;gap:10px;max-height:max(140px,100vh - 600px);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.nc-history li{animation:nc-from-left .4s var(--bounce);flex-direction:column;align-items:flex-start;gap:5px;display:flex}.nc-history li+li{border-top:1px solid var(--border);padding-top:10px}.nc-clue.mini{border-radius:6px;flex-wrap:nowrap;animation:none;display:inline-flex}.nc-clue.mini:after{display:none}.nc-clue.mini .nc-clue-word,.nc-clue.mini .nc-clue-number{padding:3px 8px;font-size:.85rem}.nc-history-guesses{flex-wrap:wrap;gap:4px;display:flex}.nc-history-guesses em{color:var(--muted)}.nc-chip{text-transform:uppercase;color:#fff;animation:nc-pop-in .35s var(--bounce);border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:700}.nc-chip.red{background:var(--red)}.nc-chip.blue{background:var(--blue)}.nc-chip.neutral{background:var(--neutral-dark)}.nc-chip.assassin{background:#000}@media (width<=860px){.nc-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.nc-center{order:1;grid-column:1/-1}.nc-board{gap:5px}.nc-big-score{font-size:2.2rem}.nc-topbar{grid-template-columns:1fr 1fr}.nc-topbar .nc-status-text{grid-area:2/1/auto/-1}.nc-numbers-label{width:100%;margin:0}.nc-box{min-height:0}}@keyframes nc-slide-in{0%{opacity:0;filter:blur(3px);transform:translateY(12px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes nc-pop-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes nc-from-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes nc-from-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes nc-stamp{0%{opacity:0;filter:blur(4px);transform:scale(2.4)rotate(-8deg)}55%{opacity:1;filter:blur();transform:scale(.92)rotate(1deg)}75%{transform:scale(1.04)rotate(0)}to{transform:scale(1)}}@keyframes nc-shine{0%{left:-60%}to{left:130%}}@keyframes nc-deal{0%{opacity:0;transform:perspective(700px)translateY(-80px)rotate(-14deg)scale(.4)}to{opacity:1;transform:perspective(700px)translateY(0)rotate(0)scale(1)}}@keyframes nc-deal-flip{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes nc-figure-in{0%{opacity:0;transform:scale(.2)rotate(-30deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes nc-skull{0%{opacity:0;transform:scale(.2)}50%{opacity:1;transform:scale(1.8)rotate(-10deg)}to{transform:scale(1)rotate(0)}}@keyframes nc-spark{0%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(0)}}@keyframes nc-ghost{0%{opacity:1;transform:perspective(700px)rotateX(70deg)}to{opacity:.55;transform:perspective(700px)rotateX(0)}}@keyframes nc-wave{0%{transform:translate(-100%)}40%,to{transform:translate(100%)}}@keyframes nc-pointer-in{0%{opacity:0;transform:translateY(-14px)scale(.4)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes nc-banner{0%{clip-path:inset(0 100% 0 0)}22%{clip-path:inset(0)}78%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}@keyframes nc-banner-text{0%{opacity:0;transform:translate(-60px)}25%{opacity:1;transform:translate(0)}75%{opacity:1;transform:translate(12px)}to{opacity:0;transform:translate(70px)}}.nc-clue-splash{z-index:60;pointer-events:none;background:#05040399;place-items:center;padding:16px;animation:2s both nc-splash-bg;display:grid;position:fixed;inset:0}.nc-clue.big{animation:nc-splash 2s var(--bounce) both;border-radius:16px;box-shadow:0 20px 60px #0009}.nc-clue.big .nc-clue-word,.nc-clue.big .nc-clue-number{padding:14px 30px;font-size:clamp(2rem,7vw,4.2rem)}@keyframes nc-splash-bg{0%{opacity:0}12%,75%{opacity:1}to{opacity:0}}@keyframes nc-splash{0%{opacity:0;filter:blur(6px);transform:scale(2.6)rotate(-8deg)}18%{opacity:1;filter:blur();transform:scale(.94)rotate(1deg)}26%{transform:scale(1.04)rotate(0)}32%,75%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(35vh)scale(.35)}}@keyframes nc-bump{0%{color:#fff;transform:scale(1.7)rotate(-10deg)}to{transform:scale(1)rotate(0)}}@keyframes nc-glow{0%{opacity:.3}to{opacity:1}}@keyframes nc-blink{0%{opacity:1}to{opacity:.4}}@media (prefers-reduced-motion:reduce){.nc *,.nc :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}@media (width<=520px){.nc-board{gap:4px}.nc-card{aspect-ratio:1}.nc-face{border-radius:8px;padding:3px}.nc-face.front{border-width:2px}.nc-label,.nc-face.back .nc-label{--label-size:.5rem;letter-spacing:0;border-radius:4px;padding:4px 1px}.nc-label.long{--label-scale:.86}.nc-label.xlong{--label-scale:.72}.nc-figure svg{max-height:34px}.nc-reveal{gap:0;padding:2px;font-size:0;top:2px;right:2px}.nc-check{width:18px;height:18px}.nc-check:after{top:3.5px;left:6.5px}.nc-form-tag{display:none}}.mc{--bounce:cubic-bezier(.34, 1.56, .64, 1);--devil:#e5484d;--devil-dark:#5c1518;gap:14px;margin-bottom:16px}.mc-top{grid-template-columns:170px 1fr 170px;align-items:center;gap:10px;display:grid}.mc-round{background:var(--inset);border:1px solid var(--glass-border);color:var(--muted);white-space:nowrap;border-radius:999px;justify-self:start;padding:4px 12px;font-size:.85rem;font-weight:700}.mc-round strong{color:var(--text)}.mc-status{text-align:center;text-transform:uppercase;letter-spacing:.03em;animation:mc-pop .45s var(--bounce);margin:0;font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:900}.mc-timer{font-variant-numeric:tabular-nums;justify-self:end;font-size:1.3rem;font-weight:800}.mc-timer.urgent{color:var(--error);animation:.5s ease-in-out infinite alternate mc-blink}.mc-bar{background:var(--inset);border-radius:999px;height:6px;overflow:hidden}.mc-bar div{background:var(--accent);transform-origin:0;height:100%;animation:mc-drain var(--bar-ms) linear forwards}.mc-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:16px;display:grid}.mc-role{perspective:1000px;min-height:300px}.mc-role.empty{min-height:0}.mc-role.spectator{text-align:center;background:var(--inset);border:2px dashed var(--border);border-radius:16px;place-content:center;padding:16px;display:grid}.mc-role.spectator p{margin:0}.mc-role-inner{min-height:300px;transform-style:preserve-3d;position:relative;transform:rotateY(0)}.mc-role.revealing .mc-role-inner{animation:mc-card-flip 1.6s var(--bounce) both}.mc-role-face{text-align:center;backface-visibility:hidden;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:18px;display:flex;position:absolute;inset:0;box-shadow:0 10px 28px #00000073}.mc-role-face.back{background:radial-gradient(circle,#f0506e40,#0000 60%),repeating-linear-gradient(45deg,#3a1d3f 0 10px,#2a1530 10px 20px);border:3px solid #f0506e80;transform:rotateY(180deg)}.mc-role-mark.gi{color:#ffffff2e}.mc-role-face.front:before{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:10px;position:absolute;inset:8px}.mc-role.citizen .mc-role-face.front{background:radial-gradient(circle at 50% 25%, rgba(var(--accent-rgb), .22), transparent 60%), linear-gradient(160deg, #22382a, #111a14);border:3px solid var(--accent)}.mc-role-key{margin-bottom:-2px}.mc-role.impostor .mc-role-face.front{background:radial-gradient(circle at 50% 30%, #7a1d22, var(--devil-dark) 70%);border:3px solid var(--devil)}.mc .mc-small{color:var(--muted);margin:0;font-size:.82rem;line-height:1.35}.mc-role-word{text-transform:uppercase;color:var(--accent);font-weight:900;line-height:1.1}.mc-role-title{text-transform:uppercase;color:#ffd1d3;font-size:1.4rem;font-weight:900}.mc-role-devil{animation:1.6s ease-in-out infinite mc-wiggle}.mc-devil{fill:var(--devil);filter:drop-shadow(0 0 6px #e5484d99)}.mc-players{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.mc-player{background:var(--inset);transition:border-color .2s ease, transform .25s var(--bounce), box-shadow .25s ease;animation:mc-pop .4s var(--bounce) both;animation-delay:calc(var(--i) * 50ms);border:2px solid #0000;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex;position:relative}.mc-player.me{border-color:var(--border)}.mc-player.speaking{border-color:var(--accent);box-shadow:0 0 18px rgba(var(--accent-rgb), .35);transform:scale(1.03)}.mc-player.spectator{opacity:.55}.mc-player.votable{cursor:pointer}.mc-player.votable:hover{border-color:#e5484d99;transform:translateY(-3px)}.mc-player.selected{border-color:var(--devil);background:linear-gradient(160deg, #e5484d24, var(--inset));transform:scale(1.03);box-shadow:0 0 22px #e5484d59}.mc-accuse-hint{background:var(--devil);color:#fff;text-transform:uppercase;opacity:0;pointer-events:none;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:900;transition:opacity .15s,transform .15s;position:absolute;top:-10px;right:10px;transform:translateY(4px)}.mc-player.votable:hover .mc-accuse-hint{opacity:1;transform:translateY(0)}.mc-player.my-vote{border-color:var(--devil);transform:scale(1.03);box-shadow:0 0 20px #e5484d73}.mc-player.accused{border-color:var(--devil);animation:.5s ease-in-out infinite mc-shake}.mc-player.unmasked{border-color:var(--devil);background:linear-gradient(160deg, #3a1214, var(--inset));box-shadow:0 0 22px #e5484d80}.mc-player-head{align-items:center;gap:10px;display:flex}.mc-avatar{flex-shrink:0;display:inline-grid;position:relative}.mc-horns{animation:mc-horns .6s var(--bounce) both;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.mc-horns .mc-devil{width:40px;height:40px}.mc-avatar.big .mc-horns .mc-devil{width:62px;height:62px}.mc-avatar.big .mc-horns{top:-22px}.mc-player-info{flex-direction:column;flex:1;min-width:0;display:flex}.mc-player-name{text-overflow:ellipsis;white-space:nowrap;font-size:1.08rem;font-weight:800;overflow:hidden}.mc-player-score{color:var(--muted);font-size:.85rem}.mc-votes-against{background:var(--devil);color:#fff;min-width:28px;height:28px;animation:mc-bump .45s var(--bounce);border-radius:999px;place-items:center;padding:0 6px;font-size:.95rem;font-weight:900;display:grid;box-shadow:0 0 12px #e5484d80}.mc-vote-info{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:10px;display:flex}.mc-vote-line{align-items:center;gap:8px;min-height:28px;display:flex}.mc-vote-label{width:78px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-size:.75rem;font-weight:700}.mc-vote-waiting{color:var(--muted);font-size:.9rem;font-style:italic}.mc-vote-target{color:#ffd1d3;animation:mc-slide .35s var(--bounce);background:#e5484d2e;border-radius:999px;align-items:center;gap:6px;padding:2px 12px 2px 4px;font-size:.92rem;font-weight:800;display:inline-flex}.mc-arrow{width:16px;height:16px;fill:var(--devil)}.mc-accusers{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.mc-accuser{background:var(--card);animation:mc-pop .35s var(--bounce);border-radius:999px;align-items:center;gap:4px;padding-right:6px;font-size:.85rem;font-weight:700;display:inline-flex}.mc-accuser .avatar{box-shadow:0 0 0 2px var(--devil)}.mc-accuse.pending{background:var(--devil);color:#fff}.mc-accuse{background:var(--devil);color:#fff;text-transform:uppercase;animation:mc-pop .35s var(--bounce);border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:900;position:absolute;top:-10px;right:10px}.mc-clues{flex-wrap:wrap;gap:5px;min-height:26px;display:flex}.mc-clue{color:#2a2418;letter-spacing:.02em;text-transform:uppercase;animation:mc-stamp .45s var(--bounce);background:#f6e8d2;border-radius:8px;padding:4px 11px;font-size:.95rem;font-weight:800}.mc-clue.missed{background:var(--border);color:var(--muted)}.mc-clue.empty{color:var(--muted);text-transform:none;background:0 0;font-style:italic;font-weight:400;animation:none}.mc-typing{align-self:center;margin-left:4px}.mc-action{flex-direction:column;align-items:center;gap:6px;display:flex}.mc-action:empty{display:none}.mc-form{--glow:var(--accent-rgb);background:rgba(var(--glow), .07);border:1px solid rgba(var(--glow), .8);width:min(620px,100%);box-shadow:0 0 0 3px rgba(var(--glow), .18), 0 0 28px rgba(var(--glow), .18);animation:mc-pop .35s var(--bounce);border-radius:999px;align-items:center;gap:10px;padding:5px 5px 5px 8px;display:flex}.mc-form.devil{--glow:229, 72, 77}.mc-form input{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 4px;font-size:1.05rem;font-weight:700}.mc-form-tag{background:rgb(var(--glow));color:var(--on-accent);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:5px 12px;font-size:.8rem;font-weight:900}.mc-form.devil .mc-form-tag{color:#fff}.mc-form.devil .chat-send:not(:disabled){background:linear-gradient(150deg, #f06368, var(--devil));color:#fff;box-shadow:0 4px 14px #e5484d66}.mc-last-chance{width:100%;animation:mc-pop .4s var(--bounce);background:radial-gradient(circle at 50% 0,#e5484d38,#0000 70%);border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:26px 16px 18px;display:flex}.mc-last-chance .mc-avatar .avatar{box-shadow:0 0 0 3px var(--devil), 0 0 30px #e5484d80;animation:.6s ease-in-out infinite mc-shake}.mc .mc-last-chance-text{color:var(--text);align-items:center;gap:8px;margin:0;font-size:1.05rem;display:flex}.mc-last-chance-text .lobby-dots span{background:var(--devil)}.mc-vote-bar{width:min(720px,100%);min-height:54px;animation:mc-pop .35s var(--bounce);background:#e5484d12;border:1px solid #e5484d8c;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;padding:6px 8px 6px 20px;font-size:1rem;display:flex}.mc-vote-bar.done{background:rgba(var(--accent-rgb), .07);border-color:rgba(var(--accent-rgb), .55);color:var(--text)}.mc-vote-choice{align-items:center;gap:8px;font-size:1.1rem;display:inline-flex}.mc-vote-bar button:not(.secondary){background:var(--devil);color:#fff}.mc-vote-bar button:not(.secondary):hover:not(:disabled){background:#f06368}.mc-vote-check{background:var(--accent);border-radius:50%;flex-shrink:0;width:26px;height:26px;position:relative}.mc-vote-check:after{content:"";border:solid var(--on-accent);border-width:0 2.5px 2.5px 0;width:6px;height:11px;position:absolute;top:5px;left:9px;transform:rotate(45deg)}.mc-result{text-align:center;animation:mc-pop .5s var(--bounce);border-radius:16px;flex-direction:column;align-items:center;gap:14px;padding:18px;display:flex}.mc-result.good{background:linear-gradient(160deg, rgba(var(--accent-rgb), .18), var(--inset));border:2px solid var(--accent)}.mc-result.bad{background:linear-gradient(160deg, #e5484d33, var(--inset));border:2px solid var(--devil)}.mc .mc-result-headline{color:var(--text);margin:0;font-size:1.4rem;font-weight:900}.mc-result-reveal{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;display:flex}.mc-result-impostor{flex-direction:column;align-items:center;gap:10px;display:flex}.mc-result-word{flex-direction:column;align-items:center;gap:4px;display:flex}.mc-result-word strong{text-transform:uppercase;color:var(--accent);animation:mc-stamp .6s var(--bounce) .3s both;font-size:1.8rem;font-weight:900}.mc-gains{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mc-gains li{background:var(--inset);animation:mc-pop .35s var(--bounce) both;animation-delay:calc(.5s + var(--i) * 70ms);border-radius:999px;align-items:center;gap:6px;padding:3px 12px 3px 3px;font-weight:600;display:flex}.mc-gains strong{color:var(--accent)}.mc-final{flex-direction:column;align-items:center;gap:12px;padding:10px 0 6px;display:flex}.mc-podium-wrap h3{text-align:center;margin:0 0 12px;font-size:1.4rem}.mc-podium{justify-content:center;align-items:flex-end;gap:10px;display:flex}.mc-step{width:130px;animation:mc-rise .7s var(--bounce) both;flex-direction:column;align-items:center;gap:4px;display:flex}.mc-step.place-1{animation-delay:.5s}.mc-step.place-2{animation-delay:.25s}.mc-step-avatar{line-height:0;display:block;position:relative}.place-1 .mc-step-avatar{margin-top:24px}.place-1 .mc-step-avatar .avatar{box-shadow:0 0 0 3px #ffd23f,0 0 30px #ffd23f66}.mc-crown{position:absolute;top:-24px;left:50%;transform:translate(-50%)rotate(-8deg)}.mc-step-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:800;overflow:hidden}.mc-step-score{color:var(--muted);font-size:.85rem}.mc-step-block{width:100%;color:var(--on-accent);border-radius:10px 10px 0 0;place-items:center;font-size:1.6rem;font-weight:900;display:grid}.place-1 .mc-step-block{background:linear-gradient(#ffd54f,#c9a227);height:90px}.place-2 .mc-step-block{background:linear-gradient(#e0e0e0,#9e9e9e);height:64px}.place-3 .mc-step-block{background:linear-gradient(#e0a36b,#a0632f);height:44px}.mc-rest{flex-direction:column;gap:6px;width:min(360px,100%);margin:4px 0 0;padding:0;list-style:none;display:flex}.mc-rest li{background:var(--inset);animation:mc-pop .4s var(--bounce) both;animation-delay:calc(.8s + var(--i) * 70ms);border-radius:12px;align-items:center;gap:10px;padding:5px 12px 5px 6px;display:flex}@keyframes mc-rise{0%{opacity:0;transform:translateY(40px)}}.mc-place{background:var(--border);border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.place-1 .mc-place{color:#2a1f00;background:linear-gradient(#ffd54f,#c9a227)}.place-2 .mc-place{color:#1a1a1a;background:linear-gradient(#e0e0e0,#9e9e9e)}.place-3 .mc-place{color:#1f1004;background:linear-gradient(#e0a36b,#a0632f)}.mc-final-name{flex:1;font-weight:700}.mc-final strong{color:var(--accent)}@media (width<=800px){.mc-layout{grid-template-columns:1fr}.mc-top{grid-template-columns:1fr auto}.mc-status{grid-area:2/1/auto/-1}}@keyframes mc-card-flip{0%{opacity:0;transform:translateY(-40px)rotateY(180deg)scale(.8)}35%{opacity:1;transform:translateY(0)rotateY(180deg)scale(1)}to{transform:rotateY(0)scale(1)}}@keyframes mc-bump{0%{transform:scale(.4)}60%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes mc-slide{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes mc-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes mc-stamp{0%{opacity:0;transform:scale(1.8)rotate(-6deg)}60%{opacity:1;transform:scale(.95)}to{transform:scale(1)}}@keyframes mc-horns{0%{opacity:0;transform:translate(-50%,12px)scale(.3)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes mc-wiggle{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}@keyframes mc-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes mc-blink{0%{opacity:1}to{opacity:.4}}@keyframes mc-drain{0%{transform:scaleX(1)}70%{background:var(--accent)}85%{background:#f5b83d}to{background:var(--error);transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.mc *,.mc :after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.mc .mc-bar div{animation-duration:var(--bar-ms)!important}}.card.mc{background-image:radial-gradient(circle at 12% 0,#f0506e3d,#0000 50%),radial-gradient(circle at 92% 100%,#7b2fbf47,#0000 55%)}@media (width<=640px){.mc-step{width:92px}.mc-podium{gap:6px}.mc-role,.mc-role-inner{min-height:230px}}.mc-action.reserved{justify-content:center;min-height:250px}.mc-action.reserved:empty{display:flex}.mc-action .mc-result{width:100%}.mc-player{min-height:186px}.sk{--bounce:cubic-bezier(.34, 1.56, .64, 1);--found:#2fb85a;--close:#f5b83d;margin-bottom:16px}.sk-layout{grid-template-columns:230px minmax(0,1fr) 280px;align-items:start;gap:16px;display:grid}.sk-players{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sk-player{background:var(--inset);transition:background .3s ease, border-color .3s ease, transform .3s var(--bounce);animation:sk-slide-in .4s var(--bounce) both;border:2px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative}.sk-player.me{border-color:var(--border)}.sk-player.guessed{background:rgba(var(--accent-rgb), .18);border-color:var(--found)}.sk-player.drawer{border-color:var(--accent);transform:scale(1.03)}.sk-rank{width:26px;color:var(--muted);flex-shrink:0;font-size:.85rem;font-weight:800}.sk-player-info{flex-direction:column;flex:1;min-width:0;display:flex}.sk-player-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.sk-player-score{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.sk-pencil{width:22px;height:22px;fill:var(--accent);flex-shrink:0;animation:1.2s ease-in-out infinite sk-wiggle}.sk-pencil .tip{fill:#f2c9a0}.sk-check{background:var(--found);width:22px;height:22px;box-shadow:0 0 12px rgba(var(--accent-rgb), .5);animation:sk-pop .4s var(--bounce);border-radius:50%;flex-shrink:0;position:relative}.sk-check:after{content:"";border:solid var(--on-accent);border-width:0 2.5px 2.5px 0;width:6px;height:10px;position:absolute;top:4px;left:7px;transform:rotate(45deg)}.sk-popup{color:var(--found);pointer-events:none;font-size:1.1rem;font-weight:900;animation:1.6s ease-out forwards sk-popup;position:absolute;top:8px;right:44px}.sk-center{flex-direction:column;gap:12px;min-width:0;display:flex}.sk-topbar{grid-template-columns:110px 1fr 110px;align-items:center;gap:8px;min-height:52px;display:grid}.sk-round{background:var(--inset);border:1px solid var(--glass-border);color:var(--muted);white-space:nowrap;border-radius:999px;justify-self:start;padding:4px 12px;font-size:.85rem;font-weight:700}.sk-round strong{color:var(--text)}.sk-time{background:#ffffff12;border-radius:999px;height:6px;margin-top:-4px;overflow:hidden}.sk-time-bar{border-radius:inherit;background:var(--accent);transform-origin:0;height:100%;animation:sk-time var(--time-ms) linear forwards}@keyframes sk-time{0%{transform:scaleX(var(--time-from))}70%{background:var(--accent)}85%{background:#f5b83d}to{background:var(--error);transform:scaleX(0)}}.sk-timer{text-align:center;font-variant-numeric:tabular-nums;justify-self:end;min-width:64px;font-size:1.3rem;font-weight:900}.sk-timer.urgent{color:var(--error);animation:.5s ease-in-out infinite alternate sk-blink}.sk-word{flex-wrap:wrap;justify-content:center;justify-self:center;align-items:flex-end;gap:5px;display:flex}.sk-word.known{background:rgba(var(--accent-rgb), .14);border:1px solid rgba(var(--accent-rgb), .5);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);animation:sk-stamp .5s var(--bounce);border-radius:12px;padding:4px 18px;font-size:1.5rem;font-weight:900}.sk-letter{background:var(--inset);text-transform:uppercase;border:2px solid #ffffff24;border-radius:8px;place-items:center;width:28px;height:36px;font-size:1.25rem;font-weight:900;line-height:1;display:grid}.sk-letter.shown{border-color:rgba(var(--accent-rgb), .7);color:var(--accent);animation:sk-letter-in .5s var(--bounce)}.sk-space{width:14px}.sk-count{color:var(--muted);margin-left:6px;font-size:.8rem;font-weight:700}.sk-board{aspect-ratio:4/3;width:100%;max-width:max(480px,133.333vh - 533.333px);box-shadow:0 0 0 3px var(--border), 0 14px 34px #00000073;background:#fff;border-radius:14px;margin:0 auto;position:relative;overflow:hidden}.sk-canvas{touch-action:none;width:100%;height:100%;display:block}.sk-canvas.can-draw{cursor:crosshair}.sk-overlay{text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(circle at 50% 35%,#ffd23f1a,#0000 60%),#100d0be6;flex-direction:column;justify-content:safe center;align-items:center;gap:14px;padding:20px;animation:.3s ease-out sk-fade;display:flex;position:absolute;inset:0;overflow-y:auto}.sk-overlay h3{margin:0;font-size:1.4rem}.sk-choices{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.sk-choices button{background:var(--glass);border:2px solid rgba(var(--accent-rgb), .45);min-width:140px;color:var(--text);text-transform:uppercase;letter-spacing:.05em;animation:sk-pop .45s var(--bounce) both;animation-delay:calc(var(--i) * 90ms);transition:transform .2s var(--bounce), border-color .2s ease, background .2s ease, box-shadow .2s ease;border-radius:16px;padding:22px 24px;font-size:1.2rem;font-weight:900;box-shadow:0 10px 24px #00000059}.sk-choices button:hover:not(:disabled){background:rgba(var(--accent-rgb), .16);border-color:var(--accent);color:var(--accent);box-shadow:0 16px 30px #00000073, 0 0 24px rgba(var(--accent-rgb), .25);transform:translateY(-6px)scale(1.05)}.sk-waiting{flex-direction:column;align-items:center;gap:10px;font-size:1.1rem;display:flex}.sk-waiting .avatar{animation:1.4s ease-in-out infinite sk-bob}.sk .sk-waiting p{color:var(--text);align-items:center;gap:8px;margin:0;display:flex}.sk-waiting .avatar{box-shadow:0 0 0 3px var(--accent), 0 0 30px rgba(var(--accent-rgb), .35)}.sk-reveal-label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0;font-weight:700}.sk .sk-reveal-word{text-transform:uppercase;color:var(--accent);animation:sk-stamp .6s var(--bounce);margin:0;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900}.sk-nobody{color:var(--muted);margin:0}.sk-gains{flex-direction:column;gap:6px;min-width:220px;margin:0;padding:0;list-style:none;display:flex}.sk-gains li{animation:sk-slide-in .4s var(--bounce) both;animation-delay:calc(.3s + var(--i) * 80ms);background:#ffffff14;border-radius:999px;align-items:center;gap:10px;padding:4px 12px 4px 4px;display:flex}.sk-gains span{text-align:left;flex:1;font-weight:600}.sk-gains strong{color:var(--found)}.sk-final{justify-content:space-evenly}.sk-podium-wrap h3{margin-bottom:10px}.sk-podium{justify-content:center;align-items:flex-end;gap:10px;display:flex}.sk-step{width:120px;animation:sk-rise .7s var(--bounce) both;flex-direction:column;align-items:center;gap:4px;display:flex}.sk-step.place-1{animation-delay:.5s}.sk-step.place-2{animation-delay:.25s}.sk-step-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:800;overflow:hidden}.sk-step-score{color:var(--muted);font-size:.85rem}.sk-step-avatar{line-height:0;display:block;position:relative}.place-1 .sk-step-avatar{margin-top:24px}.place-1 .sk-step-avatar .avatar{box-shadow:0 0 0 3px #ffd23f,0 0 30px #ffd23f66}.sk-crown{position:absolute;top:-24px;left:50%;transform:translate(-50%)rotate(-8deg)}.sk-step-block{width:100%;color:var(--on-accent);border-radius:10px 10px 0 0;place-items:center;font-size:1.6rem;font-weight:900;display:grid}.place-1 .sk-step-block{background:linear-gradient(#ffd54f,#c9a227);height:90px}.place-2 .sk-step-block{background:linear-gradient(#e0e0e0,#9e9e9e);height:64px}.place-3 .sk-step-block{background:linear-gradient(#e0a36b,#a0632f);height:44px}.place-1 .avatar{animation:1.6s ease-in-out infinite sk-bob}.sk-rest{width:min(300px,100%);color:var(--muted);text-align:left;flex-direction:column;gap:4px;margin:10px auto 0;padding:0;font-size:.9rem;list-style:none;display:flex}.sk-rest li{background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;padding:4px 10px 4px 6px;display:flex}.sk-rest-rank{text-align:center;width:18px;font-weight:800}.sk-rest-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;font-weight:600;overflow:hidden}.sk-rest strong{color:var(--text)}.sk-tools{background:var(--inset);border:1px solid var(--glass-border);animation:sk-slide-up .35s var(--bounce);border-radius:18px;flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:10px 14px;padding:8px 14px;display:flex;box-shadow:0 10px 24px #0000004d}.sk-divider{background:var(--glass-border);width:1px;height:30px}.sk-palette{grid-template-columns:repeat(8,24px);gap:5px;display:grid}.sk-swatch{width:24px;height:24px;transition:transform .12s var(--bounce);border:2px solid #00000059;border-radius:50%;padding:0}.sk-swatch:hover:not(:disabled){transform:scale(1.15)}.sk-swatch.selected{box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--accent);transform:scale(1.15)}.sk-sizes{gap:6px;display:flex}.sk-size{background:0 0;border:2px solid #0000;border-radius:12px;place-items:center;width:38px;height:38px;padding:0;transition:background .15s;display:grid}.sk-size:hover:not(:disabled){background:#ffffff12}.sk-size.selected,.sk-size.selected:hover:not(:disabled){border-color:var(--accent);background:rgba(var(--accent-rgb), .12)}.sk-size span{border-radius:50%;box-shadow:0 0 0 1.5px #ffffff8c}.sk-actions{gap:6px;display:flex}.sk-tool{width:40px;height:40px;color:var(--text);transition:background .15s ease, color .15s ease, transform .15s var(--bounce);background:0 0;border-radius:12px;place-items:center;padding:0;display:grid}.sk-tool:hover:not(:disabled){background:#ffffff14;transform:translateY(-1px)}.sk-tool.active,.sk-tool.active:hover:not(:disabled){background:var(--accent);color:var(--on-accent);box-shadow:0 4px 14px rgba(var(--accent-rgb), .35)}.sk-tool.danger:hover:not(:disabled){color:var(--error);background:#f8717126}.sk-tool svg{fill:currentColor;width:22px;height:22px}.sk-canvas.fill{cursor:cell}.sk-canvas.brush{cursor:none}.sk-cursor{pointer-events:none;opacity:0;transition:opacity .1s;position:absolute;top:0;left:0}.sk-cursor span{opacity:.75;border-radius:50%;display:block;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffe6,0 0 0 2px #0009}.sk-cursor span.eraser{background:#ffffffd9;outline:1px dashed #000000b3}.sk-feed{flex-direction:column;gap:8px;height:max(320px,100vh - 330px);min-height:320px;display:flex}.sk .sk-feed-title{margin:2px 0 0;font-size:1rem}.sk-feed ol{scrollbar-width:thin;background:var(--inset);border-radius:12px;flex-direction:column;flex:1;gap:2px;margin:0;padding:8px;list-style:none;display:flex;overflow-y:auto}.sk-line{overflow-wrap:anywhere;border-radius:8px;padding:4px 8px;font-size:.92rem;animation:.25s ease-out sk-slide-in}.sk-line.mine{background:#ffffff0d}.sk-line.found{background:rgba(var(--accent-rgb), .2);color:var(--found);animation:sk-pop .4s var(--bounce);font-weight:600}.sk-line.close{color:var(--close);background:#f5b83d26;font-weight:600;animation:.4s ease-in-out sk-shake}.sk-line.info{color:var(--muted);font-style:italic}.sk-feed .chat-form:has(input:disabled){opacity:.6}@media (width<=1000px){.sk-layout{grid-template-columns:minmax(0,1fr)}.sk-players{flex-flow:wrap}.sk-player{flex:160px}.sk-feed{height:300px}}@media (width<=640px){.sk-topbar{grid-template-columns:auto auto;justify-content:space-between}.sk-word{grid-area:2/1/auto/-1}.sk-word.known{font-size:1.2rem}.sk-letter{width:22px;height:30px;font-size:1rem}.sk-board:has(.sk-final){aspect-ratio:auto}.sk-board:has(.sk-final) .sk-canvas{display:none}.sk-final{position:static}.sk-step{width:92px}.sk-podium{gap:6px}}@keyframes sk-slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes sk-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sk-fade{0%{opacity:0}to{opacity:1}}@keyframes sk-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes sk-stamp{0%{opacity:0;transform:scale(1.8)}60%{opacity:1;transform:scale(.95)}to{transform:scale(1)}}@keyframes sk-letter-in{0%{opacity:0;transform:translateY(-14px)scale(.4)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sk-popup{0%{opacity:0;transform:translateY(6px)scale(.6)}20%{opacity:1;transform:translateY(-6px)scale(1.15)}to{opacity:0;transform:translateY(-34px)scale(1)}}@keyframes sk-wiggle{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes sk-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sk-blink{0%{opacity:1}to{opacity:.45}}@keyframes sk-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes sk-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sk *,.sk :after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.sk .sk-choose-timer .sk-choose-bar{animation-duration:var(--choose-ms)!important}}.sk-choose-timer{background:#ffffff1f;border-radius:999px;width:min(360px,80%);height:10px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.sk-choose-bar{border-radius:inherit;background:var(--accent);transform-origin:0;height:100%;animation-name:sk-drain;animation-duration:var(--choose-ms);animation-timing-function:linear;animation-fill-mode:forwards}.sk-overlay .sk-choose-seconds{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:800}.sk-overlay .sk-choose-seconds.urgent{color:var(--error);animation:.5s ease-in-out infinite alternate sk-blink}@keyframes sk-drain{0%{transform:scaleX(1)}70%{background:var(--accent)}85%{background:#f5b83d}to{background:var(--error);transform:scaleX(0)}}:root{--bg:#0a0908;--card:#171412;--border:#2f2a25;--text:#f2ede6;--muted:#a39a8f;--accent:#2fb85a;--accent-rgb:47, 184, 90;--accent-hover:#3fcc6b;--on-accent:#0b1f10;--ok:#a3e635;--error:#f87171;--glass:#1714129e;--glass-border:#ffffff14;--inset:#0a09088c;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2{margin:0 0 12px}h2{font-size:1.1rem}button{font:inherit;background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-weight:600}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--glass);border:1px solid var(--glass-border);color:var(--text);transition:background .2s,border-color .2s,color .2s,transform .2s cubic-bezier(.34,1.56,.64,1)}button.secondary:hover:not(:disabled){background:rgba(var(--accent-rgb), .12);border-color:rgba(var(--accent-rgb), .6);color:var(--accent);transform:translateY(-1px)}button.secondary:active:not(:disabled){transform:translateY(0)scale(.97)}button.secondary.leave-button:hover:not(:disabled){color:var(--error);background:#f871711f;border-color:#f8717199}input{font:inherit;border:1px solid var(--border);background:var(--inset);color:var(--text);border-radius:8px;width:100%;padding:10px 12px}.app{max-width:1200px;margin:0 auto;padding:16px}.app:has(.room.in-game){max-width:1680px}.header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header h1{color:var(--accent);margin:0}.header-right{align-items:center;gap:12px;display:flex}.icon-button{background:var(--glass);border:1px solid var(--glass-border);place-items:center;padding:7px 10px;font-size:1.1rem;line-height:1;display:inline-grid}.icon-button .gi{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.icon-button:hover:not(:disabled) .gi{transform:scale(1.15)}.icon-button:hover:not(:disabled){background:var(--card)}.music-control{align-items:center;gap:8px;display:flex}.music-control.silent .music-volume,.music-control.silent .icon-button{opacity:.45}.music-volume{appearance:none;background:linear-gradient(to right, var(--accent) var(--fill), var(--border) var(--fill));cursor:pointer;border:none;border-radius:999px;width:90px;height:6px;padding:0;transition:opacity .2s}.music-volume::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #00000080}.music-volume::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #00000080}.status{font-size:.85rem}.status.online{color:var(--accent)}.status.offline{color:var(--muted)}.card{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%);border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:background-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex;box-shadow:0 18px 40px #00000059}.card p{color:var(--muted);margin:0}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.home{max-width:720px;margin:0 auto;position:relative}.home-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.home-actions .segmented,.home-actions .code-input{height:48px}.home-actions .segmented{align-self:stretch}.home-actions .segmented button{flex:1;font-size:.95rem}.home-actions .card>button:last-child{margin-top:auto}@media (width<=520px){.home-actions{grid-template-columns:1fr}.header{flex-wrap:wrap;gap:8px}.header-right{gap:8px}.music-volume{width:64px}.room-header{flex-wrap:wrap;gap:10px}.room-header-actions button{white-space:nowrap}}.code-input{text-transform:uppercase;letter-spacing:.4em;text-align:center;font-size:1.3rem}.error{color:var(--error);margin:12px 0 0}.notice{color:var(--muted);background:var(--card);border-radius:8px;padding:10px 12px}.room-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.room-header-actions{gap:8px;display:flex}.label{color:var(--muted);font-size:.85rem;display:block}.room-code{color:var(--text);vertical-align:middle;background:0 0;gap:6px;margin-top:4px;padding:0;display:inline-flex}.room-code:hover:not(:disabled){background:0 0}.room-code-letter{background:var(--inset);border:2px solid rgba(var(--accent-rgb), .5);width:42px;height:50px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s,color .2s;transition-delay:calc(var(--i) * 40ms);border-radius:10px;place-items:center;font-size:1.5rem;font-weight:900;display:grid}.room-code:hover .room-code-letter,.room-code.wave .room-code-letter{border-color:var(--accent);color:var(--accent);transform:translateY(-3px)}.games-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.game-card{border:1px solid var(--glass-border);background:var(--inset);border-radius:14px;gap:12px;padding:12px;display:flex}button.game-card{text-align:left;width:100%;height:100%;color:var(--text);cursor:pointer;font-weight:400;transition:border-color .2s,transform .15s,box-shadow .2s}button.game-card:hover:not(:disabled){background:var(--inset);border-color:rgba(var(--accent-rgb), .55);box-shadow:0 14px 30px #0006, 0 0 22px rgba(var(--accent-rgb), .15);transform:translateY(-3px)}.game-card.selected,button.game-card.selected:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 0 26px rgba(var(--accent-rgb), .3);animation:.35s ease-out game-selected}.game-card.soon.selected{opacity:1}@keyframes game-selected{0%{transform:scale(1)}40%{transform:scale(1.03)}to{transform:scale(1)}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050403bf;place-items:center;padding:16px;animation:.15s ease-out modal-fade;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:380px;animation:.2s cubic-bezier(.34,1.56,.64,1) modal-pop;box-shadow:0 20px 50px #00000080}.modal h2{margin:0}.modal .field{margin-bottom:0}.modal .error{margin:0}.modal-buttons{justify-content:flex-end;gap:8px;display:flex}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.visibility-choice{align-self:flex-start}.visibility-badge{border:1px solid var(--glass-border);background:var(--glass);color:var(--muted);vertical-align:middle;border-radius:999px;align-items:center;gap:6px;margin-left:12px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-flex}button.visibility-badge:hover:not(:disabled){background:var(--card);color:var(--text)}.public-rooms{margin-top:24px}.room-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.room-row{border:1px solid var(--border);background:var(--inset);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;animation:.3s ease-out game-selected;display:flex}.room-row-info{flex-direction:column;flex:1;min-width:0;display:flex}.room-row-info strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-row-info span,.room-row-players{color:var(--muted);font-size:.85rem}.room-row-players{white-space:nowrap}.room-row button{padding:6px 14px}@media (width<=480px){.room-row{flex-wrap:wrap}}.settings-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px 24px;margin:0;padding:0;list-style:none;display:grid}.setting{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.setting-label{flex-direction:column;gap:2px;display:flex}.setting-label small{color:var(--muted);font-size:.75rem}.setting-value{white-space:nowrap;text-align:center;min-width:52px;font-weight:700;animation:.3s ease-out game-selected;display:inline-block}.setting-value.readonly{color:var(--accent);min-width:0}.stepper{background:var(--inset);border:1px solid var(--glass-border);border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.stepper button{background:rgba(var(--accent-rgb), .12);width:30px;height:30px;color:var(--accent);border-radius:50%;place-items:center;padding:0;font-size:1.15rem;font-weight:800;line-height:1;transition:background .15s,color .15s,transform .15s cubic-bezier(.34,1.56,.64,1);display:grid}.stepper button:hover:not(:disabled){background:var(--accent);color:var(--on-accent);transform:scale(1.1)}.stepper button:active:not(:disabled){transform:scale(.92)}.stepper button:disabled{color:var(--muted);opacity:.35;background:0 0}.switch{background:var(--border);border-radius:999px;flex-shrink:0;width:48px;height:26px;padding:0;transition:background .2s;position:relative}.switch:hover:not(:disabled){background:var(--muted)}.switch.on,.switch.on:hover:not(:disabled){background:var(--accent)}.switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px}.switch.on .switch-knob{transform:translate(22px)}.segmented{border:1px solid var(--border);border-radius:8px;flex-shrink:0;display:flex;overflow:hidden}.segmented button{color:var(--muted);background:0 0;border-radius:0;padding:6px 10px;font-size:.85rem}.segmented button:hover:not(:disabled){background:var(--inset);color:var(--text)}.segmented button.active,.segmented button.active:hover:not(:disabled){background:var(--accent);color:var(--on-accent)}.game-card.soon{opacity:.7}.game-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}button.game-card:hover:not(:disabled) .game-icon,.game-card.selected .game-icon{transform:scale(1.12)rotate(-8deg)}.game-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.game-title{align-items:center;gap:8px;display:flex}.game-info p{font-size:.9rem}.game-players{color:var(--muted);font-size:.8rem}.badge{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:2px 6px;font-size:.7rem;font-weight:600}.room-body{grid-template-columns:240px 1fr;gap:16px;display:grid}@media (width<=640px){.room-body{grid-template-columns:1fr}}.player-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.player-list li{border-radius:12px;align-items:center;gap:10px;min-height:40px;margin:0 -8px;padding:2px 8px;transition:background .2s;animation:.4s cubic-bezier(.34,1.56,.64,1) both home-rise;display:flex}.player-list li:hover{background:#ffffff0a}.avatar{border-radius:50%;flex-shrink:0;box-shadow:0 2px 6px #0006}.player-list li.me .avatar{box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--accent)}.player-list li.disconnected .avatar{filter:grayscale();opacity:.5}.player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.player-list li.me{font-weight:600}.kick-button{border:1px solid var(--border);color:var(--muted);opacity:0;background:0 0;flex-shrink:0;padding:2px 8px;font-size:.75rem;font-weight:600;transition:opacity .15s,background .15s}.player-list li:hover .kick-button,.kick-button:focus-visible,.kick-button.confirming{opacity:1}.kick-button:hover:not(:disabled){border-color:var(--error);color:var(--error);background:0 0}.kick-button.confirming,.kick-button.confirming:hover:not(:disabled){background:var(--error);border-color:var(--error);color:#fff}@media (hover:none){.kick-button{opacity:1}}.player-list li.disconnected{opacity:.45}.notice.reconnecting{text-align:center;width:fit-content;max-width:100%;color:var(--text);border:1px solid var(--accent);border-radius:999px;margin:0 auto 16px;padding:10px 20px}.host-badge{vertical-align:-2px;margin-right:6px;display:inline-flex}.you{color:var(--muted);font-weight:400}.chat-messages{overflow-wrap:anywhere;flex-direction:column;gap:4px;height:360px;display:flex;overflow-y:auto}.chat .chat-line{color:var(--text)}.chat .chat-line.mine strong{color:var(--accent)}.chat .chat-system{font-size:.9rem;font-style:italic}.room.in-game .chat-messages{height:160px}.chat-form{background:var(--inset);border:1px solid var(--glass-border);border-radius:999px;align-items:center;gap:6px;padding:4px 4px 4px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.chat-form:focus-within{border-color:rgba(var(--accent-rgb), .6);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .15)}.chat-form input{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 0}.chat-send{background:linear-gradient(150deg, var(--accent-hover), var(--accent));width:38px;height:38px;color:var(--on-accent);box-shadow:0 4px 14px rgba(var(--accent-rgb), .35);border-radius:50%;flex-shrink:0;place-items:center;padding:0;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,opacity .2s;display:grid}.chat-send .gi{margin-left:-2px;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.chat-send:hover:not(:disabled){background:linear-gradient(150deg, var(--accent-hover), var(--accent));box-shadow:0 6px 18px rgba(var(--accent-rgb), .5);transform:scale(1.08)}.chat-send:hover:not(:disabled) .gi{transform:translate(2px,-2px)rotate(-8deg)}.chat-send:active:not(:disabled){transform:scale(.94)}.chat-send:disabled{color:var(--muted);box-shadow:none;opacity:1;background:#ffffff14}.modal-message{color:var(--muted);margin:0;line-height:1.5}.avatar-button{background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:0;line-height:0;transition:transform .15s cubic-bezier(.34,1.56,.64,1);position:relative}.avatar-button:hover:not(:disabled){background:0 0;transform:scale(1.1)rotate(-4deg)}.avatar-edit{background:var(--accent);width:18px;height:18px;color:var(--on-accent);box-shadow:0 0 0 2px var(--card);border-radius:50%;place-items:center;font-size:.7rem;line-height:1;display:grid;position:absolute;bottom:-4px;right:-4px}.avatar-modal{max-width:520px}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.avatar-choice{background:var(--inset);color:var(--text);animation:.3s cubic-bezier(.34,1.56,.64,1) both modal-pop;animation-delay:calc(var(--i) * 25ms);border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-size:.8rem;font-weight:600;display:flex}.avatar-choice .avatar{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.avatar-choice:hover:not(:disabled){background:var(--border)}.avatar-choice:hover .avatar{transform:scale(1.12)rotate(-6deg)}.avatar-choice.selected{border-color:var(--accent);background:rgba(var(--accent-rgb), .12)}.rules h2{margin:0}.rules-list{counter-reset:rule;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.rules-list li{background:var(--inset);counter-increment:rule;animation:.35s cubic-bezier(.34,1.56,.64,1) both modal-pop;animation-delay:calc(var(--i) * 60ms);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px 10px 44px;line-height:1.4;display:flex;position:relative}.rules-list li:before{content:counter(rule);background:var(--accent);width:24px;height:24px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid;position:absolute;top:10px;left:10px}.rules-list strong{color:var(--text)}.rules-list span{color:var(--muted);font-size:.9rem}.scoreboard h2{align-items:center;gap:8px;margin:0;display:flex}.scoreboard .scoreboard-empty{font-size:.85rem}.scoreboard-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.scoreboard-list li{background:var(--inset);animation:.35s cubic-bezier(.34,1.56,.64,1) both modal-pop;animation-delay:calc(var(--i) * 50ms);border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:5px 10px 5px 6px;display:flex}.scoreboard-list li.me{border-color:rgba(var(--accent-rgb), .45)}.scoreboard-rank{background:var(--border);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.75rem;font-weight:900;display:grid}.rank-1 .scoreboard-rank{color:#2a1f00;background:linear-gradient(#ffd54f,#c9a227)}.rank-2 .scoreboard-rank{color:#1a1a1a;background:linear-gradient(#e0e0e0,#9e9e9e)}.rank-3 .scoreboard-rank{color:#1f1004;background:linear-gradient(#e0a36b,#a0632f)}.scoreboard-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.9rem;font-weight:700;overflow:hidden}.scoreboard-stat{color:var(--muted);flex-shrink:0}.scoreboard-stat strong{color:var(--accent)}.scoreboard-stat small{font-size:.75rem}.header{view-transition-name:vt-header}.room-header{view-transition-name:vt-room-header}.room-body>aside,.lobby .players-card{view-transition-name:vt-players}.lobby-game,.game-stage{view-transition-name:vt-main}.room .chat,.rules{view-transition-name:vt-side}.lobby .scoreboard{view-transition-name:vt-games}.home-actions>.card:first-child{view-transition-name:vt-players}.home-actions>.card:last-child{view-transition-name:vt-side}.public-rooms{view-transition-name:vt-main}::view-transition-group(*){animation-duration:.75s;animation-timing-function:cubic-bezier(.65,0,.25,1)}::view-transition-group(vt-players){background:var(--card);border:1px solid rgba(var(--accent-rgb), .7);box-shadow:0 0 22px rgba(var(--accent-rgb), .25);border-radius:12px}::view-transition-group(vt-main){background:var(--card);border:1px solid rgba(var(--accent-rgb), .7);box-shadow:0 0 22px rgba(var(--accent-rgb), .25);border-radius:12px}::view-transition-group(vt-side){background:var(--card);border:1px solid rgba(var(--accent-rgb), .7);box-shadow:0 0 22px rgba(var(--accent-rgb), .25);border-radius:12px}::view-transition-old(vt-players){mix-blend-mode:normal;animation:.2s ease-out both vt-empty}::view-transition-old(vt-main){mix-blend-mode:normal;animation:.2s ease-out both vt-empty}::view-transition-old(vt-side){mix-blend-mode:normal;animation:.2s ease-out both vt-empty}::view-transition-new(vt-players){mix-blend-mode:normal;animation:.35s ease-out .55s both vt-fill}::view-transition-new(vt-main){mix-blend-mode:normal;animation:.35s ease-out .55s both vt-fill}::view-transition-new(vt-side){mix-blend-mode:normal;animation:.35s ease-out .55s both vt-fill}::view-transition-old(vt-games){animation:.35s ease-in both vt-drop}::view-transition-new(vt-games){animation:.45s cubic-bezier(.34,1.56,.64,1) .5s both vt-rise}@keyframes vt-empty{to{opacity:0}}@keyframes vt-fill{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes vt-drop{to{opacity:0;transform:translateY(40px)scale(.96)}}@keyframes vt-rise{0%{opacity:0;transform:translateY(40px)scale(.96)}}.scoreboard-list li.gone{opacity:.55}.scoreboard-list li.gone .avatar{filter:grayscale()}.site-bg{z-index:-1;pointer-events:none;transition:opacity 1s;position:fixed;inset:0;overflow:hidden}.site-bg.calm{opacity:.6}.site-blob{filter:blur(80px);opacity:.35;border-radius:50%;width:46vmax;height:46vmax;animation:26s ease-in-out infinite alternate home-blob;position:absolute}.site-blob.green{background:radial-gradient(circle, var(--accent), transparent 65%);top:-16vmax;left:-10vmax}.site-blob.teal{background:radial-gradient(circle,#1fb5a8,#0000 65%);animation-duration:32s;animation-delay:-8s;top:20vh;right:-18vmax}.site-blob.amber{opacity:.22;background:radial-gradient(circle,#e0a03a,#0000 65%);animation-duration:38s;animation-delay:-14s;bottom:-22vmax;left:22vw}.home-floater{opacity:0;line-height:0;animation-name:home-float;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;bottom:-10vh}.home-hero{text-align:center;margin:8px 0 26px;animation:.7s cubic-bezier(.34,1.56,.64,1) both home-rise}.home-title{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,5.5vw,3.2rem);font-weight:900;line-height:1.1}.home-title span,.header h1{background:linear-gradient(90deg, var(--accent), #1fb5a8, #7bd23c, var(--accent));color:#0000;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite home-gradient}.home .home-tagline{color:var(--muted);margin:10px 0 0;font-size:1.05rem}.home-actions>.card,.home .public-rooms,.showcase{animation:.6s cubic-bezier(.34,1.56,.64,1) both home-rise}.home-actions>.card:first-child{animation-delay:.1s}.home-actions>.card:last-child{animation-delay:.18s}.home .public-rooms{animation-delay:.28s}.showcase{animation-delay:.38s}.home .card h2{align-items:center;gap:10px;display:flex}.visibility-choice button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.home-actions .card>button:last-child,.launch-button{position:relative;overflow:hidden}.home-actions .card>button:last-child:not(:disabled):after,.launch-button:not(:disabled):after{content:"";background:linear-gradient(100deg,#0000,#ffffff73,#0000);width:40%;animation:4.5s ease-in-out 1.2s infinite home-shine;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.code-boxes{cursor:text;grid-template-columns:repeat(4,1fr);gap:8px;height:48px;display:grid;position:relative}.code-box{background:var(--inset);border:2px solid var(--border);border-radius:10px;place-items:center;font-size:1.4rem;font-weight:900;transition:border-color .15s,box-shadow .15s,transform .15s cubic-bezier(.34,1.56,.64,1);display:grid}.code-box.filled{border-color:rgba(var(--accent-rgb), .6);color:var(--accent)}.code-box.active{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb), .2);transform:translateY(-2px)}.code-placeholder{color:var(--border)}.code-letter{animation:.35s cubic-bezier(.34,1.56,.64,1) code-drop}.code-boxes-input{opacity:0;cursor:text;width:100%;height:100%;position:absolute;inset:0}.rooms-count{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:1px 9px;font-size:.8rem;font-weight:800}.room-row{animation:.45s cubic-bezier(.34,1.56,.64,1) both home-rise;animation-delay:calc(var(--i) * 60ms);background:#0a09088c;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .2s}.room-row:hover{border-color:rgba(var(--accent-rgb), .5);transform:translateY(-2px)}.room-row-icon{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;position:relative}.room-live{background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 2px var(--card);border-radius:50%;position:absolute;bottom:-3px;right:-3px}.room-live:after{content:"";background:var(--accent);border-radius:50%;animation:1.8s ease-out infinite home-pulse;position:absolute;inset:0}.room-live.playing,.room-live.playing:after{background:#f5b83d}.room-row-players{align-items:center;gap:8px;display:inline-flex}.room-avatars{display:inline-flex}.room-avatars .avatar{box-shadow:0 0 0 2px var(--bg);margin-left:-8px}.room-avatars .avatar:first-child{margin-left:0}.rooms-empty{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:18px 8px 8px;display:flex}.rooms-empty-icon.gi{filter:drop-shadow(0 8px 12px #00000080);background:linear-gradient(160deg,#ff7a7a,#e5484d 45%,#9b1c2c);font-size:64px;animation:3s ease-in-out infinite home-bob}.home .rooms-empty-hint{opacity:.8;font-size:.85rem}.showcase{margin-top:28px}.showcase h2{text-align:center;margin:0 0 12px}.showcase ul{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.showcase li{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:perspective(700px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));animation:.55s cubic-bezier(.34,1.56,.64,1) both home-rise;animation-delay:calc(.45s + var(--i) * 80ms);background:#1714129e;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:6px;padding:16px 14px;transition:transform .15s ease-out,border-color .2s,box-shadow .2s,background-color .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s;display:flex}.showcase li:hover{border-color:rgba(var(--accent-rgb), .55);box-shadow:0 16px 34px #00000073, 0 0 24px rgba(var(--accent-rgb), .18)}.showcase-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.showcase li:hover .showcase-icon{transform:scale(1.18)rotate(-8deg)}.showcase strong{font-size:1.05rem}.showcase-text{color:var(--muted);flex:1;font-size:.85rem;line-height:1.4}.showcase-players{color:var(--accent);font-size:.8rem;font-weight:700}@keyframes home-rise{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes home-blob{0%{transform:translate(0)scale(1)}to{transform:translate(8vw,6vh)scale(1.15)}}@keyframes home-float{0%{opacity:0;transform:translateY(0)rotate(-10deg)}10%{opacity:.35}50%{transform:translateY(-60vh)translate(3vw)rotate(10deg)}90%{opacity:.35}to{opacity:0;transform:translateY(-120vh)rotate(-10deg)}}@keyframes home-gradient{to{background-position:300% 0}}@keyframes home-shine{0%,60%{left:-60%}to{left:130%}}@keyframes code-drop{0%{opacity:0;transform:translateY(-16px)scale(1.4)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes home-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes home-bob{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-8px)rotate(4deg)}}@media (prefers-reduced-motion:reduce){.site-blob,.home-title span,.header h1,.home-actions .card>button:last-child:after,.launch-button:after,.room-live:after,.rooms-empty-icon{animation:none}.home-floater{display:none}.home-hero,.home-actions>.card,.home .public-rooms,.showcase,.showcase li,.room-row{animation-duration:.01ms;animation-delay:0s}}@media (width<=520px){.home-hero{margin-bottom:18px}}.gi{width:1em;height:1em;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:currentColor;flex-shrink:0;display:inline-block}.gi.gradient{background:linear-gradient(150deg, var(--grad-a), var(--grad-b));filter:drop-shadow(0 4px 8px #00000073)}.earth-icon{filter:drop-shadow(0 3px 6px #0006);flex-shrink:0}html.vt-running .card,html.vt-running .showcase li{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#171412eb;transition:none}.room-code-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.copy-button{background:var(--glass);border:1px solid var(--glass-border);color:var(--text);border-radius:10px;align-items:center;gap:6px;padding:7px 12px;font-size:.85rem;transition:border-color .2s,color .2s;display:inline-flex}.copy-button:hover:not(:disabled){background:var(--glass);border-color:rgba(var(--accent-rgb), .55)}.copy-button.copied,.copy-button.copied:hover:not(:disabled){border-color:var(--accent);color:var(--accent);animation:.3s ease-out game-selected}.room-code-row .visibility-badge{margin-left:0}button.small{padding:6px 12px;font-size:.85rem}.link-button{color:var(--muted);text-underline-offset:3px;background:0 0;padding:0;font-size:.85rem;font-weight:600;text-decoration:underline}.link-button:hover:not(:disabled){color:var(--text);background:0 0}.app:has(.lobby){max-width:1440px}.lobby{grid-template-columns:250px minmax(0,1fr) 320px;grid-template-areas:"side game chat";gap:16px;height:clamp(560px,100vh - 190px,860px);display:grid}.lobby-side{flex-direction:column;grid-area:side;gap:16px;min-height:0;display:flex}.lobby .players-card{scrollbar-width:thin;flex:auto;min-height:0;overflow-y:auto}.lobby .scoreboard{scrollbar-width:thin;flex:0 auto;max-height:50%;overflow-y:auto}.lobby .chat{grid-area:chat;min-height:0}.lobby .chat-messages{flex:1;height:auto;min-height:0}.players-title{justify-content:space-between;align-items:center;display:flex}.players-count{background:rgba(var(--accent-rgb), .15);color:var(--accent);border-radius:999px;padding:1px 9px;font-size:.85rem;font-weight:800}.players-count small{opacity:.7;font-weight:600}.invite-slot{margin-top:4px}.invite-slot button{width:100%;color:var(--muted);text-align:left;background:0 0;border:1px dashed #ffffff29;border-radius:12px;align-items:center;gap:10px;padding:6px;font-size:.8rem;font-weight:500;transition:border-color .2s,color .2s;display:flex}.invite-slot button:hover:not(:disabled){border-color:rgba(var(--accent-rgb), .6);color:var(--text);background:0 0}.invite-slot strong{color:var(--accent);letter-spacing:.08em}.invite-plus{border:2px dashed #fff3;border-radius:50%;flex-shrink:0;width:40px;height:40px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:relative}.invite-plus:before,.invite-plus:after{content:"";background:currentColor;border-radius:1px;width:14px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.invite-plus:after{transform:translate(-50%,-50%)rotate(90deg)}.invite-slot button:hover .invite-plus{transform:rotate(90deg)}.lobby-game{grid-area:game;gap:0;min-height:0;padding:0;overflow:hidden}.lobby-selected,.lobby-picker{flex-direction:column;height:100%;min-height:0;display:flex}.lobby-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 12px;display:flex}.lobby-head h2{margin:0 0 2px}.lobby-hint{color:var(--muted);font-size:.85rem}.lobby-picker .games-grid{scrollbar-width:thin;flex:1;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-content:start;min-height:0;padding:4px 20px 20px;overflow-y:auto}.lobby-picker .games-grid li{animation:.4s cubic-bezier(.34,1.56,.64,1) both home-rise;animation-delay:calc(var(--i) * 45ms)}.lobby-hero{border-bottom:1px solid var(--glass-border);background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--grad-a) 26%, transparent), transparent 55%), radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--grad-b) 14%, transparent), transparent 50%);align-items:flex-start;gap:18px;padding:20px 20px 18px;animation:.45s cubic-bezier(.34,1.56,.64,1) both lobby-hero-in;display:flex;position:relative}.lobby-hero-icon{background:var(--inset);border:1px solid var(--glass-border);width:88px;height:88px;box-shadow:0 0 30px color-mix(in srgb, var(--grad-a) 30%, transparent);border-radius:22px;flex-shrink:0;place-items:center;display:grid}.lobby-hero-icon .gi{animation:3.5s ease-in-out infinite lobby-icon-sway}@keyframes lobby-icon-sway{0%,to{transform:translateY(1px)rotate(-3deg)}50%{transform:translateY(-2px)rotate(3deg)}}.lobby-hero-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lobby-kicker{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.lobby-hero h2{letter-spacing:-.01em;margin:0;font-size:1.9rem;font-weight:900}.lobby-hero p{color:var(--muted);line-height:1.45}.lobby-chips{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.chip{background:var(--inset);border:1px solid var(--glass-border);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700}.chip.status.ok{border-color:rgba(var(--accent-rgb), .5);background:rgba(var(--accent-rgb), .12);color:var(--accent)}.chip.status.warn{color:#f5b83d;background:#f5b83d1f;border-color:#f5b83d80}.lobby-change{flex-shrink:0;min-width:124px}.lobby-scroll{scrollbar-width:thin;flex-direction:column;flex:1;gap:18px;min-height:0;padding:16px 20px;display:flex;overflow-y:auto}.lobby-rules summary{cursor:pointer;width:fit-content;color:var(--accent);font-size:.9rem;font-weight:700}.lobby-rules ol{flex-direction:column;gap:6px;margin:10px 0 0;padding-left:22px;animation:.3s ease-out both home-rise;display:flex}.lobby-rules li{color:var(--muted);font-size:.9rem;line-height:1.4}.lobby-rules li::marker{color:var(--accent);font-weight:800}.lobby-rules strong{color:var(--text);margin-right:6px}.lobby-section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.lobby-section-head h3{margin:0;font-size:1rem}.lobby-settings .settings-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0 24px}.lobby-settings .setting{border-bottom-color:var(--glass-border)}.lobby-launch{border-top:1px solid var(--glass-border);background:#0a090859;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;padding:14px 20px;display:flex}.launch-button{white-space:nowrap;box-shadow:0 8px 24px rgba(var(--accent-rgb), .3);border-radius:12px;align-items:center;gap:10px;padding:13px 28px;font-size:1.05rem;font-weight:800;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:inline-flex}.launch-button:hover:not(:disabled){box-shadow:0 12px 30px rgba(var(--accent-rgb), .45);transform:translateY(-2px)}.launch-button:disabled{box-shadow:none}.lobby-error{margin:0;font-size:.9rem;animation:.3s ease-out game-selected}.lobby-game>.lobby-error{padding:0 20px 16px}.card .lobby-waiting{color:var(--muted);align-items:center;gap:8px;margin:0 auto;font-weight:600;display:flex}.lobby-dots{gap:4px;display:inline-flex}.lobby-dots span{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite lobby-dot}.lobby-dots span:nth-child(2){animation-delay:.15s}.lobby-dots span:nth-child(3){animation-delay:.3s}@keyframes lobby-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}@keyframes lobby-hero-in{0%{opacity:0;transform:translateY(10px)}}@media (width<=1100px){.lobby{grid-template-columns:250px minmax(0,1fr);grid-template-areas:"game game""side chat";height:auto}.lobby-game{min-height:480px}.lobby .chat-messages{flex:none;height:280px}}@media (width<=640px){.lobby{grid-template-columns:minmax(0,1fr);grid-template-areas:"game""side""chat"}.lobby-hero{flex-wrap:wrap}.lobby-change{order:1;margin-left:auto}.lobby-hero-text{flex-basis:100%;order:2}.lobby-hero-icon{width:64px;height:64px}.lobby-hero h2{font-size:1.5rem}.launch-button{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.lobby-hero,.lobby-hero-icon .gi,.lobby-dots span,.lobby-picker .games-grid li{animation:none}}.stepper-sign{width:12px;height:12px;display:block;position:relative}.stepper-sign:before,.stepper-sign.plus:after{content:"";background:currentColor;border-radius:1px;width:12px;height:2px;margin-top:-1px;position:absolute;top:50%;left:0}.stepper-sign.plus:after{transform:rotate(90deg)}.setting-value-box{display:inline-block;overflow:hidden}.stepper .setting-value.up{animation:.28s cubic-bezier(.34,1.56,.64,1) setting-roll-up}.stepper .setting-value.down{animation:.28s cubic-bezier(.34,1.56,.64,1) setting-roll-down}@keyframes setting-roll-up{0%{opacity:0;transform:translateY(100%)}}@keyframes setting-roll-down{0%{opacity:0;transform:translateY(-100%)}}