.bi-screen{flex:1;display:flex;flex-direction:column;padding:clamp(16px,3vh,32px) clamp(24px,6vw,80px);gap:clamp(12px,2vh,20px);min-height:0}.bi-topbar{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:1.2rem}.bi-category{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:1rem}.bi-timer{font-variant-numeric:tabular-nums;color:var(--accent-hot)}.bi-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow:auto}.bi-center{text-align:center}.bi-dim{color:var(--text-dim);font-weight:600}.bi-go{font-size:clamp(3rem,10vw,6rem);margin:0;color:var(--accent-hot);animation:bi-pulse .6s ease-in-out infinite alternate}@keyframes bi-pulse{0%{transform:scale(1)}to{transform:scale(1.08)}}.bi-answers{display:flex;flex-direction:column;gap:10px;width:100%;max-width:640px}.bi-answer-card{display:flex;justify-content:space-between;gap:16px;background:var(--bg-raised);border-radius:14px;padding:12px 18px}.bi-answer-name{font-weight:800;color:var(--accent);flex-shrink:0}.bi-answer-text{text-align:right;font-weight:600}.bi-result{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.bi-verdict{font-size:clamp(1.6rem,4vw,2.6rem);margin:0}.bi-faker-reveal{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:1.4rem;font-weight:800}.bi-ballots{list-style:none;margin:8px 0 0;padding:0;color:var(--text-dim);font-size:1rem}.bi-ballots li{padding:2px 0}.bi-roster{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-height:56px}.bi-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--bg-raised);border:1px solid var(--bg-card);opacity:.6}.bi-chip.ready{opacity:1;border-color:var(--success)}.bi-chip.away{opacity:.3}.bi-chip-name{font-weight:700}.bi-chip-score{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.9rem}.bi-controller{flex:1;display:flex;flex-direction:column;padding:16px;gap:16px}.bi-hud{display:flex;justify-content:space-between;font-weight:800;font-variant-numeric:tabular-nums;padding:4px 8px}.bi-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;background:var(--bg-raised);border-radius:20px;padding:24px}.bi-faker-card{background:linear-gradient(135deg,var(--bg-raised),#3a1f2e)}.bi-faker-card h2{color:var(--accent-hot);margin:0}.bi-prompt{font-size:clamp(1.4rem,5vw,2rem);font-weight:800;margin:0;line-height:1.3}.bi-hint{color:var(--text-dim);margin:0}.bi-text-form{display:flex;flex-direction:column;gap:12px}.bi-locked{text-align:center;color:var(--text-dim);margin:0}.bi-locked-fill{flex:1;display:flex;align-items:center;justify-content:center}.bi-timer{font-variant-numeric:tabular-nums;font-weight:800;color:var(--accent-hot)}.bi-vote-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.bi-vote-btn{display:flex;flex-direction:column;align-items:center;gap:8px;border:none;border-radius:18px;background:var(--bg-raised);color:var(--text);cursor:pointer;padding:16px 8px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.bi-vote-btn:active:not(:disabled){transform:scale(.96)}.bi-vote-btn:disabled{opacity:.35}.bi-vote-name{font-weight:700;font-size:.95rem}.bi-my-answer{color:var(--text-dim);font-style:italic}.bi-my-score{font-size:2rem;font-weight:900;margin:0}.kit-stage-frame{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.kit-stage{position:relative;overflow:hidden;border-radius:12px;background:var(--bg-raised)}.kit-cell{position:absolute;width:var(--tile);height:var(--tile)}.kit-sprite{position:absolute;left:0;top:0;width:var(--tile);height:var(--tile);will-change:transform}.kit-dpad{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-template-areas:". up ." "left . right" ". down .";gap:10px;touch-action:none;-webkit-user-select:none;user-select:none}.kit-dpad-button{font:inherit;font-size:clamp(1.2rem,5vmin,1.9rem);color:var(--text);background:var(--bg-card);border:none;border-radius:20px;min-height:0;touch-action:none;cursor:pointer}.kit-dpad-button.kit-dpad-button-pressed{background:var(--accent);transform:scale(.96)}.kit-dpad-up{grid-area:up}.kit-dpad-left{grid-area:left}.kit-dpad-right{grid-area:right}.kit-dpad-down{grid-area:down}.kit-dpad-disabled{opacity:.35}.kit-charge-wrap{position:relative;width:clamp(92px,28vmin,148px);height:clamp(92px,28vmin,148px);flex-shrink:0}.kit-charge-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;transition:background .05s linear}.kit-charge-button{position:absolute;top:0;right:0;bottom:0;left:0;font:inherit;font-size:clamp(.85rem,3vmin,1.3rem);font-weight:900;color:#13111c;background:var(--accent-hot);border:none;border-radius:50%;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.kit-charge-button:active{filter:brightness(1.15)}.kit-charge-button:disabled{opacity:.35}.kit-stick-zone{position:relative;width:100%;height:100%;overflow:hidden;border-radius:24px;background:#ffffff06;border:2px dashed rgba(255,255,255,.07);touch-action:none;-webkit-user-select:none;user-select:none}.kit-stick-base{position:absolute;left:50%;top:50%;width:132px;height:132px;margin-left:-66px;margin-top:-66px;border-radius:50%;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);opacity:.65;transition:opacity .12s ease}.kit-stick-active{opacity:1}.kit-stick-knob{position:absolute;left:50%;top:50%;width:64px;height:64px;margin-left:-32px;margin-top:-32px;border-radius:50%;background:var(--accent);box-shadow:0 6px 18px #00000073;will-change:transform}.kit-stick-disabled{opacity:.35}.kit-mode-toggle{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--bg-raised)}.kit-mode-toggle button{font:inherit;font-size:.78rem;font-weight:800;color:var(--text-dim);background:transparent;border:none;border-radius:999px;padding:6px 12px;cursor:pointer;touch-action:manipulation}.kit-mode-toggle button.kit-mode-on{background:var(--accent);color:var(--text)}.kit-action-button{font:inherit;font-size:clamp(.95rem,3.6vmin,1.5rem);font-weight:900;color:#13111c;background:var(--accent-hot);border:none;border-radius:50%;width:clamp(92px,28vmin,148px);height:clamp(92px,28vmin,148px);flex-shrink:0;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.kit-action-button:active{filter:brightness(1.15);transform:scale(.95)}.kit-action-button:disabled{opacity:.35}.kit-action-cluster{display:grid;gap:10px;justify-items:end;align-items:end}.kit-action-cluster-1{grid-template-areas:"primary"}.kit-action-cluster-2{grid-template-areas:"secondary" "primary"}.kit-action-cluster-3{grid-template-columns:auto auto;grid-template-areas:".        secondary" "tertiary primary"}.kit-action-slot-primary{grid-area:primary;transform:translate(-10px,-10px)}.kit-action-slot-secondary{grid-area:secondary}.kit-action-slot-tertiary{grid-area:tertiary}.kit-action-slot-secondary .kit-action-button,.kit-action-slot-tertiary .kit-action-button{width:clamp(66px,20vmin,106px);height:clamp(66px,20vmin,106px);font-size:clamp(.8rem,2.8vmin,1.2rem)}.bb-screen{flex:1;display:flex;align-items:stretch;gap:24px;padding:24px;min-height:0}.bb-stage-frame{flex:1}.bb-hard,.bb-soft{--bb-gutter: max(1px, calc(var(--tile) * .06));width:calc(var(--tile) - var(--bb-gutter) * 2);height:calc(var(--tile) - var(--bb-gutter) * 2);margin:var(--bb-gutter);border-radius:calc(var(--tile) * .12)}.bb-hard{background:#3a3352;box-shadow:inset 0 calc(var(--tile) * -.09) 0 #00000059}.bb-soft{background:#6b5a3e;box-shadow:inset 0 calc(var(--tile) * -.09) 0 #0000004d}.bb-bomb-cell{display:flex;align-items:center;justify-content:center}.bb-bomb{width:66%;height:66%;border-radius:50%;background:radial-gradient(circle at 32% 30%,#6d6a80,#16141f 70%);animation:bb-fuse .6s ease-in-out infinite}@keyframes bb-fuse{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}.bb-flame{border-radius:6px;background:radial-gradient(circle,#fff3b0,#ff9f1c 45%,#ff4d3d);animation:bb-flare .12s ease-out}@keyframes bb-flare{0%{transform:scale(.4);opacity:.4}}.bb-powerup{display:flex;align-items:center;justify-content:center;font-weight:900;font-size:calc(var(--tile) * .5);color:#13111c;border-radius:50%;transform:scale(.68)}.bb-powerup-bomb{background:#ffd93d}.bb-powerup-range{background:#ff6b6b}.bb-powerup-speed{background:#4ecdc4}.bb-bomber{width:90%;height:90%;margin:5%;background-repeat:no-repeat;background-size:300% 300%;background-position-x:0%;image-rendering:pixelated;image-rendering:-moz-crisp-edges}.bb-dir-down{background-position-y:0%}.bb-dir-up{background-position-y:50%}.bb-dir-side{background-position-y:100%}.bb-flip{transform:scaleX(-1)}.bb-walking{animation:bb-walk-cycle .32s infinite}@keyframes bb-walk-cycle{0%,49.99%{background-position-x:50%}50%,to{background-position-x:100%}}.bb-hud{width:clamp(180px,16vw,260px);display:flex;flex-direction:column;gap:20px}.bb-clock{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;font-variant-numeric:tabular-nums;text-align:center}.bb-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.bb-roster li{display:flex;align-items:center;gap:12px;font-size:1.15rem;font-weight:700}.bb-roster-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-dead{opacity:.35;text-decoration:line-through}.bb-result{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0812b8}.bb-result h1{font-size:clamp(2.5rem,8vw,5.5rem);margin:0;text-align:center}.bb-controller{flex:1;display:flex;flex-direction:column;padding:12px 14px;gap:10px;min-height:0}.bb-stats{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;font-size:.95rem;color:var(--text-dim);padding:2px}.bb-stats strong{color:var(--text);font-size:1.2rem}.bb-controls{flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;min-height:0}.bb-move-zone{width:min(56vw,46vh,320px);height:min(56vw,46vh,320px);flex-shrink:0}.bb-action-zone{display:flex;align-items:flex-end;padding-bottom:min(6vh,28px)}@media(orientation:landscape){.bb-controller{padding:8px 18px 10px;gap:4px}.bb-stats{flex-wrap:nowrap;font-size:.82rem}.bb-stats strong{font-size:1rem}.bb-move-zone{width:min(38vw,64vh);height:min(38vw,64vh)}.bb-action-zone{padding-bottom:0}}.bb-placement{font-size:2rem;font-weight:900;margin:0}.bb-spectate{color:var(--text-dim);margin:0}.bm-screen{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px clamp(24px,6vw,80px);gap:24px}.bm-reveal{text-align:center}.bm-reveal h1{font-size:clamp(2.5rem,7vw,5rem);margin:0 0 12px}.bm-timer{font-size:clamp(3rem,9vw,6rem);font-weight:900;text-align:center;font-variant-numeric:tabular-nums}.bm-bars{display:flex;flex-direction:column;gap:14px}.bm-bar-row{display:grid;grid-template-columns:max-content 1fr 80px;align-items:center;gap:16px;font-size:1.3rem}.bm-bar-name{font-weight:700;text-align:right;line-height:1.2;white-space:nowrap}.bm-bar-track{background:var(--bg-raised);border-radius:999px;height:36px;overflow:hidden}.bm-bar-fill{height:100%;border-radius:999px;transition:width .15s linear;min-width:6px}.bm-bar-count{font-weight:800;font-variant-numeric:tabular-nums}.bm-winners{display:flex;justify-content:center;gap:40px;margin-top:24px}.bm-winner{display:flex;flex-direction:column;align-items:center;gap:8px}.bm-winner-name{font-size:1.6rem;font-weight:800}.bm-winner-count{color:var(--text-dim)}.bm-controller{flex:1;display:flex;flex-direction:column;padding:16px;gap:16px}.bm-controller-hud{display:flex;justify-content:space-between;font-size:1.4rem;font-weight:800;font-variant-numeric:tabular-nums;padding:8px 12px}.bm-mash-button{flex:1;border:none;border-radius:32px;font-size:3rem;font-weight:900;color:#13111c;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.bm-mash-button:active{filter:brightness(1.2);transform:scale(.985)}.bm-my-count{font-size:2.5rem;font-weight:900;margin:0}.cp-screen{flex:1;display:flex;align-items:stretch;gap:20px;padding:20px;min-height:0;background:radial-gradient(ellipse at 30% 20%,rgba(56,189,248,.12),transparent 45%),radial-gradient(ellipse at 70% 80%,rgba(251,146,60,.1),transparent 40%),linear-gradient(160deg,#0b1220,#152238,#0f1a2e)}.cp-screen.cp-urgent{animation:cp-urgent-pulse .55s ease-in-out infinite}@keyframes cp-urgent-pulse{0%,to{box-shadow:inset 0 0 #fb718500}50%{box-shadow:inset 0 0 0 10px #fb718547}}.cp-stage-frame{flex:1}.cp-floor{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(34,211,238,.08) 0%,transparent 55%),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.03) 0 2px,transparent 2px 28px),#121c2e;transition:background .18s ease}.cp-floor.cp-zone-warning{background:radial-gradient(circle at 50% 50%,rgba(251,113,133,.22) 0%,transparent 60%),#1a1220}.cp-floor.cp-zone-perfect{background:radial-gradient(circle at 50% 50%,rgba(52,211,153,.2) 0%,transparent 55%),#101f2a}.cp-ring{position:absolute;border-radius:50%;pointer-events:none;box-sizing:border-box}.cp-ring-arena{border:4px solid rgba(248,250,252,.55);box-shadow:0 0 0 2px #0f172a80,inset 0 0 40px #f8fafc0a}.cp-ring-safe{border:3px dashed rgba(52,211,153,.75);background:#10b98114}.cp-ring-perfect{border:2px solid rgba(250,204,21,.85);background:#facc151f}.cp-bullseye{position:absolute;width:calc(var(--tile) * .35);height:calc(var(--tile) * .35);transform:translate(-50%,-50%);border-radius:50%;background:#facc15;box-shadow:0 0 12px #facc15b3}.cp-force-warn{position:absolute;height:calc(var(--tile) * .55);margin-top:calc(var(--tile) * -.275);transform-origin:left center;pointer-events:none;display:flex;align-items:center;animation:cp-warn-pulse .35s ease-in-out infinite;z-index:3}.cp-force-warn-shaft{flex:1;height:45%;border-radius:999px;background:linear-gradient(90deg,#fb718526,#fb7185);box-shadow:0 0 16px #fb7185b3}.cp-force-warn-head{width:0;height:0;border-top:calc(var(--tile) * .35) solid transparent;border-bottom:calc(var(--tile) * .35) solid transparent;border-left:calc(var(--tile) * .55) solid #fb7185;filter:drop-shadow(0 0 8px rgba(251,113,133,.8));margin-left:-2px}@keyframes cp-warn-pulse{0%,to{opacity:.7}50%{opacity:1}}.cp-player{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;z-index:4;transition:transform .12s ease}.cp-player-pull{transform:translate(-50%,-50%) scale(1.18)}.cp-player-dot{width:calc(var(--tile) * 1.15);height:calc(var(--tile) * 1.15);border-radius:50%;background:var(--cp-player, #38bdf8);border:3px solid rgba(255,255,255,.85);box-shadow:0 0 0 3px #00000040}.cp-player-pull .cp-player-dot{box-shadow:0 0 0 3px #ffffff80,0 0 22px var(--cp-player, #38bdf8)}.cp-player-name{font-size:clamp(.75rem,1.6vmin,1.05rem);font-weight:700;color:#f8fafc;text-shadow:0 1px 4px rgba(0,0,0,.75);white-space:nowrap;max-width:calc(var(--tile) * 3.5);overflow:hidden;text-overflow:ellipsis}.cp-ball-anchor{position:absolute;left:0;top:0;will-change:transform;z-index:5}.cp-ball{width:calc(var(--tile) * 1.35);height:calc(var(--tile) * 1.35);margin-left:calc(var(--tile) * -.675);margin-top:calc(var(--tile) * -.675);border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff,#e2e8f0 28%,#94a3b8);box-shadow:0 0 0 3px #0f172a59,0 8px 18px #00000059}.cp-ball-perfect{box-shadow:0 0 0 3px #facc15a6,0 0 24px #facc158c}.cp-ball-safe{box-shadow:0 0 0 3px #34d3998c,0 0 18px #34d39966}.cp-ball-warning{box-shadow:0 0 0 3px #fb7185b3,0 0 26px #fb71858c;animation:cp-ball-shake .12s linear infinite}.cp-ball-paused{opacity:.85;animation:cp-ball-reset .6s ease-in-out infinite}@keyframes cp-ball-shake{0%,to{transform:translate(0)}50%{transform:translate(2px,-1px)}}@keyframes cp-ball-reset{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.cp-flash{position:absolute;width:calc(var(--tile) * 1.8);height:calc(var(--tile) * 1.8);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:6;animation:cp-flash-pop .42s ease-out forwards}.cp-flash-pull{background:radial-gradient(circle,rgba(255,255,255,.85),transparent 70%)}.cp-flash-force{background:radial-gradient(circle,rgba(251,113,133,.9),transparent 70%)}.cp-flash-lifeLost{background:radial-gradient(circle,rgba(248,113,113,.95),transparent 70%);width:calc(var(--tile) * 3);height:calc(var(--tile) * 3)}.cp-flash-recovery{background:radial-gradient(circle,rgba(52,211,153,.9),transparent 70%)}.cp-flash-streak{background:radial-gradient(circle,rgba(250,204,21,.9),transparent 70%)}@keyframes cp-flash-pop{0%{opacity:.95;transform:translate(-50%,-50%) scale(.4)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}.cp-hud{width:min(240px,22vw);display:flex;flex-direction:column;gap:16px;justify-content:center;color:#f8fafc}.cp-clock{font-size:clamp(2.4rem,6vmin,3.8rem);font-weight:800;letter-spacing:.02em;line-height:1}.cp-score{display:flex;flex-direction:column;gap:2px}.cp-score-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;opacity:.65}.cp-score-value{font-size:clamp(2rem,5vmin,3.2rem);font-weight:800}.cp-lives{display:flex;gap:8px;font-size:1.4rem}.cp-life{color:#f8fafc38}.cp-life-on{color:#fb7185;text-shadow:0 0 10px rgba(251,113,133,.7)}.cp-zone-tag{font-size:1.05rem;font-weight:700;padding:10px 12px;border-radius:10px;background:#ffffff0f}.cp-zone-tag-perfect{color:#facc15;background:#facc151f}.cp-zone-tag-safe{color:#34d399;background:#34d3991f}.cp-zone-tag-warning{color:#fda4af;background:#fb718529}.cp-warn-banner{font-weight:800;letter-spacing:.08em;color:#fecdd3;animation:cp-warn-pulse .35s ease-in-out infinite}.cp-result{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#080c16c7;color:#f8fafc;z-index:20;text-align:center;padding:24px;animation:cp-result-in .35s ease-out}@keyframes cp-result-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.cp-result-kicker{margin:0;text-transform:uppercase;letter-spacing:.16em;opacity:.65;font-size:.9rem}.cp-result h1{margin:0;font-size:clamp(2.2rem,7vmin,4rem)}.cp-result-score{margin:0;font-size:clamp(1.6rem,4vmin,2.4rem);font-weight:800;color:#facc15}.cp-result-stats{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;min-width:min(420px,80vw)}.cp-result-stats li{display:flex;justify-content:space-between;gap:16px;font-size:1.1rem;opacity:.95}.cp-result-stats span{opacity:.7}.cp-controller{flex:1;display:flex;flex-direction:column;min-height:0;padding:16px;gap:12px;background:linear-gradient(180deg,#0f172a,#1e293b);color:#f8fafc}.cp-controller-warning{background:linear-gradient(180deg,#3f1d2a,#1e293b)}.cp-controller-perfect{background:linear-gradient(180deg,#1a2e22,#1e293b)}.cp-controller-hud{display:flex;justify-content:space-between;align-items:center;font-size:1.15rem;font-weight:700}.cp-controller-lives{display:inline-flex;gap:4px}.cp-controller-hint{margin:0;text-align:center;font-size:1.05rem;opacity:.85}.cp-pull-zone{flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.cp-pull-zone .kit-action-button{width:min(72vw,280px);height:min(72vw,280px);font-size:clamp(2rem,10vw,3rem);font-weight:900;letter-spacing:.06em;border:4px solid rgba(255,255,255,.35);box-shadow:0 12px 30px #00000059}.cp-controller-end h2{margin:0;font-size:1.8rem}.cp-end-kicker{margin:0;text-transform:uppercase;letter-spacing:.14em;opacity:.6;font-size:.8rem}.cp-end-score{margin:0;font-size:1.6rem;font-weight:800;color:#facc15}.cp-end-stats{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;opacity:.9}.cp-spectate{margin-top:12px;opacity:.6}.ct-screen{flex:1;display:flex;flex-direction:column;padding:clamp(16px,3vh,32px) clamp(24px,6vw,80px);gap:clamp(12px,2vh,20px);min-height:0}.ct-topbar{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:1.3rem}.ct-timer{font-variant-numeric:tabular-nums;color:var(--accent-hot)}.ct-prompt{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.ct-category{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:1rem;margin:0}.ct-prompt-text{font-size:clamp(1.8rem,4.5vw,3rem);margin:0;line-height:1.2}.ct-answer-reveal{margin:16px 0 0;font-size:clamp(1.3rem,3.2vw,1.8rem);font-weight:800;color:var(--success)}.ct-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ct-option{border-radius:14px;padding:14px 20px;font-weight:800;font-size:1.1rem;color:#14101f;opacity:.55;transition:opacity .15s ease,transform .15s ease}.ct-option.correct{opacity:1;transform:scale(1.02);box-shadow:0 0 0 3px #fff,0 8px 24px #34d39966}.ct-footer{min-height:64px}.ct-waiting{text-align:center;color:var(--text-dim);font-weight:600}.ct-leaderboard{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.ct-leaderboard li{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--bg-raised);border:1px solid var(--bg-card)}.ct-leaderboard li.correct{border-color:var(--success)}.ct-leaderboard li.wrong{opacity:.6}.ct-lb-name{font-weight:700}.ct-lb-score{color:var(--text-dim);font-variant-numeric:tabular-nums}.ct-controller{flex:1;display:flex;flex-direction:column;padding:16px;gap:16px}.ct-controller-hud{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:800;font-variant-numeric:tabular-nums;padding:4px 8px}.ct-answer-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.ct-answer-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:none;border-radius:18px;color:#14101f;cursor:pointer;padding:10px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.ct-answer-btn:active:not(:disabled){transform:scale(.96)}.ct-answer-btn:disabled{opacity:.4}.ct-answer-letter{font-size:1.6rem;font-weight:900}.ct-answer-text{font-size:.95rem;font-weight:700;text-align:center;line-height:1.2}.ct-answer-form{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px}.ct-locked{text-align:center;color:var(--text-dim);margin:0}.ct-locked-fill{flex:1;display:flex;align-items:center;justify-content:center}.ct-my-score{font-size:2.2rem;font-weight:900;margin:0}.fg-screen{flex:1;display:flex;flex-direction:column;padding:clamp(16px,3vh,32px) clamp(24px,6vw,80px);gap:clamp(12px,2vh,20px);min-height:0}.fg-topbar{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:1.3rem}.fg-timer{font-variant-numeric:tabular-nums;color:var(--accent-hot)}.fg-flag-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);overflow:hidden;background:#00000059;border:1px solid var(--bg-card)}.fg-flag-img{width:100%;height:100%;object-fit:contain;animation:fg-fade-in .25s ease both}@keyframes fg-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}.fg-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fg-option{border-radius:14px;padding:14px 20px;font-weight:800;font-size:1.15rem;color:#14101f;opacity:.55;transition:opacity .15s ease,transform .15s ease}.fg-option.correct{opacity:1;transform:scale(1.02);box-shadow:0 0 0 3px #fff,0 8px 24px #34d39966}.fg-footer{min-height:64px}.fg-waiting{text-align:center;color:var(--text-dim);font-weight:600}.fg-leaderboard{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.fg-leaderboard li{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--bg-raised);border:1px solid var(--bg-card)}.fg-leaderboard li.correct{border-color:var(--success)}.fg-leaderboard li.wrong{opacity:.6}.fg-lb-name{font-weight:700}.fg-lb-score{color:var(--text-dim);font-variant-numeric:tabular-nums}.fg-controller{flex:1;display:flex;flex-direction:column;padding:16px;gap:16px}.fg-controller-hud{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:800;font-variant-numeric:tabular-nums;padding:4px 8px}.fg-answer-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.fg-answer-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:none;border-radius:18px;color:#14101f;cursor:pointer;padding:10px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.fg-answer-btn:active:not(:disabled){transform:scale(.96)}.fg-answer-btn:disabled{opacity:.4}.fg-answer-letter{font-size:1.6rem;font-weight:900}.fg-answer-name{font-size:1rem;font-weight:700;text-align:center;line-height:1.2}.fg-locked{text-align:center;color:var(--text-dim);margin:0}.fg-my-score{font-size:2.2rem;font-weight:900;margin:0}.ml-screen{flex:1;display:flex;flex-direction:column;padding:clamp(16px,3vh,32px) clamp(24px,6vw,80px);gap:clamp(12px,2vh,20px);min-height:0}.ml-topbar{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:1.2rem}.ml-mode{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:1rem}.ml-timer{font-variant-numeric:tabular-nums;color:var(--accent-hot)}.ml-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow:auto}.ml-center{text-align:center}.ml-dim{color:var(--text-dim);font-weight:600}.ml-hint{color:var(--text-dim);margin:0}.ml-story-text{max-width:760px;font-size:clamp(1.1rem,2.6vw,1.6rem);line-height:1.7;font-weight:600;margin:0}.ml-word{background:linear-gradient(135deg,var(--accent),var(--accent-hot));color:#13111c;font-weight:800;font-style:normal;border-radius:6px;padding:1px 6px;white-space:nowrap}.ml-word-mine{outline:2px dashed var(--text-dim);outline-offset:2px}.ml-word-winner{outline:3px solid var(--success);outline-offset:2px}.ml-vote-badge{font-size:.65em;margin-left:2px}.ml-word-btn{font:inherit;font-weight:800;background:var(--bg-card);color:var(--text);border:2px solid var(--accent);border-radius:6px;padding:1px 6px;cursor:pointer;white-space:nowrap;touch-action:manipulation}.ml-word-btn:active{transform:scale(.95);background:var(--accent)}.ml-story-list{display:flex;flex-direction:column;gap:14px;width:100%;max-width:760px}.ml-story-card{background:var(--bg-raised);border-radius:16px;padding:16px 20px;text-align:left;border:2px solid transparent}.ml-story-card-btn{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;width:100%}.ml-story-card-btn:active{transform:scale(.98);border-color:var(--accent)}.ml-story-card-mine{border-color:var(--text-dim)}.ml-story-card-winner{border-color:var(--success)}.ml-story-author{margin:0 0 8px;font-weight:800;color:var(--accent)}.ml-result{text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.ml-verdict{font-size:clamp(1.6rem,4vw,2.6rem);margin:0}.ml-ballots{list-style:none;margin:8px 0 0;padding:0;color:var(--text-dim);font-size:1rem}.ml-ballots li{padding:2px 0}.ml-roster{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-height:56px}.ml-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--bg-raised);border:1px solid var(--bg-card);opacity:.6}.ml-chip.ready{opacity:1;border-color:var(--success)}.ml-chip.mvp{border-color:var(--accent-hot);box-shadow:0 0 0 2px var(--accent-hot)}.ml-chip.away{opacity:.3}.ml-chip-name{font-weight:700}.ml-chip-score{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.9rem}.ml-controller{flex:1;display:flex;flex-direction:column;padding:16px;gap:16px;overflow-y:auto}.ml-hud{display:flex;justify-content:space-between;font-weight:800;font-variant-numeric:tabular-nums;padding:4px 8px}.ml-blank-form{display:flex;flex-direction:column;gap:14px}.ml-blank-field{display:flex;flex-direction:column;gap:6px}.ml-blank-label{font-weight:800;color:var(--accent)}.ml-locked{text-align:center;color:var(--text-dim);margin:0}.ml-my-answer{color:var(--text-dim);font-style:italic}.ml-my-score{font-size:2rem;font-weight:900;margin:0}.mc-screen{flex:1;display:flex;flex-direction:column;padding:clamp(14px,2.5vh,24px) clamp(20px,4vw,48px);gap:12px;min-height:0}.mc-topbar{display:flex;justify-content:space-between;font-weight:800;font-size:1.3rem}.mc-timer{font-variant-numeric:tabular-nums;color:var(--accent-hot)}.mc-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr minmax(180px,240px);gap:20px}.mc-map{width:100%;height:100%;border-radius:var(--radius);background:#00000040}.mc-state{stroke:var(--bg);stroke-width:1.25;stroke-linejoin:round;transition:fill .25s ease}.mc-label{font-size:11px;font-weight:800;fill:#fff;paint-order:stroke;stroke:#0000008c;stroke-width:2.5px;pointer-events:none}.mc-sidebar{display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto}.mc-sidebar-title{margin:0;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;font-size:.85rem}.mc-leaderboard{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.mc-leaderboard li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--bg-raised);border:1px solid var(--bg-card)}.mc-lb-name{flex:1;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-lb-score{font-weight:800;font-variant-numeric:tabular-nums}@media(max-width:900px){.mc-body{grid-template-columns:1fr;grid-template-rows:1fr auto}.mc-sidebar{flex-direction:row;flex-wrap:wrap;max-height:120px}.mc-leaderboard{flex-direction:row;flex-wrap:wrap}}.mc-controller{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:20px 16px;gap:10px}.mc-picker{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:6px}.mc-picker-hint{flex:0 0 auto;margin:0;text-align:center;color:var(--text-dim);font-size:.95rem}.mc-picker-map-wrap{position:relative;flex:0 1 auto;min-height:0;width:100%;max-height:100%;aspect-ratio:959 / 593;overflow:hidden;border-radius:var(--radius);background:#00000040;touch-action:none}.mc-picker-map{display:block;width:100%;height:100%;transform-origin:center center;will-change:transform}.mc-zoom-controls{position:absolute;right:12px;bottom:12px;z-index:1}.mc-zoom-reset-btn{width:44px;height:44px;border:none;border-radius:50%;background:var(--bg-card);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #0006}.mc-zoom-reset-btn svg{width:22px;height:22px}.mc-zoom-reset-btn:active{transform:scale(.95)}.mc-zoom-reset-btn:disabled{opacity:.4;cursor:not-allowed}.mc-state-open{cursor:pointer}.mc-state-claimed{cursor:default}.mc-guess-bar{display:flex;gap:10px;flex-shrink:0}.mc-guess-bar .input{flex:1;min-width:0}.mc-guess-bar .btn{flex-shrink:0;min-height:56px}.mc-state-selected{stroke:#fff;stroke-width:3}.mc-feedback{text-align:center;color:var(--text-dim);min-height:1.4em;margin:0;animation:mc-feedback-in .2s ease both}@keyframes mc-feedback-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.mc-feedback.ok{color:var(--success);font-weight:700}.mc-feedback.err{color:var(--danger)}.mm-screen{flex:1;display:flex;flex-direction:column;padding:clamp(16px,3vh,32px) clamp(24px,6vw,80px);gap:clamp(12px,2vh,20px);min-height:0}.mm-topbar{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:1.3rem}.mm-progress{color:var(--text-dim)}.mm-hot-streak{color:var(--accent-hot);font-size:1.05rem}.mm-timer{font-variant-numeric:tabular-nums;color:var(--accent-hot)}.mm-prompt{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.mm-prompt-text{font-size:clamp(2.2rem,6vw,4rem);margin:0;line-height:1.2;font-variant-numeric:tabular-nums}.mm-answer-reveal{margin:16px 0 0;font-size:clamp(1.3rem,3.2vw,1.8rem);font-weight:800;color:var(--success)}.mm-footer{min-height:64px}.mm-waiting{text-align:center;color:var(--text-dim);font-weight:600}.mm-leaderboard{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.mm-leaderboard li{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--bg-raised);border:1px solid var(--bg-card)}.mm-leaderboard li.correct{border-color:var(--success)}.mm-leaderboard li.wrong{opacity:.6}.mm-lb-name{font-weight:700}.mm-lb-score{color:var(--text-dim);font-variant-numeric:tabular-nums}.mm-controller{flex:1;display:flex;flex-direction:column;padding:16px;gap:16px}.mm-controller-hud{display:flex;justify-content:space-between;font-size:1.2rem;font-weight:800;font-variant-numeric:tabular-nums;padding:4px 8px}.mm-answer-form{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px}.mm-locked{text-align:center;color:var(--text-dim);margin:0}.mm-locked-fill{flex:1;display:flex;align-items:center;justify-content:center}.mm-my-streak{text-align:center;color:var(--accent-hot);font-weight:700;margin:0}.mm-my-score{font-size:2.2rem;font-weight:900;margin:0;text-align:center}.mm-picker{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:6px}.mm-grid{display:grid;gap:8px;width:100%;height:100%}.mm-grid-controller{flex:1;min-height:0;overflow-y:auto;padding:2px}.mm-tile,.mm-tile-btn{display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--bg-raised);border:1px solid var(--bg-card);transition:background .2s ease,transform .15s ease}.mm-tile-btn{font:inherit;color:var(--text);cursor:pointer;padding:10px 4px;min-height:56px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.mm-tile-btn:active:not(:disabled){transform:scale(.96)}.mm-tile-btn:disabled{cursor:default}.mm-tile-btn.mm-tile-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.mm-tile.mm-tile-claimed,.mm-tile-btn.mm-tile-claimed{border-color:transparent;color:#14101f;font-weight:800}.mm-tile-prompt,.mm-tile-check{font-weight:800;font-size:clamp(.85rem,2.4vw,1.2rem);font-variant-numeric:tabular-nums}.mm-tile-check{font-size:1.3rem}.sf-screen{flex:1;display:flex;align-items:stretch;gap:24px;padding:24px;min-height:0}.sf-stage-frame{flex:1}.sf-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1b2a4a,#2c3e66 55%,#405682)}.sf-ground{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#eef4ff,#cdd9ef);box-shadow:inset 0 6px #fff9}.sf-anchor{position:absolute;left:0;top:0;will-change:transform}.sf-player{position:absolute;left:0;top:0;width:calc(var(--tile) * 2.1);height:calc(var(--tile) * 2.1);transform:translate(-50%,-84%)}.sf-facing{position:absolute;top:0;right:0;bottom:0;left:0}.sf-player-sprite{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:500% 100%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35));image-rendering:pixelated;image-rendering:-moz-crisp-edges}.sf-frame-idle{background-position-x:0%}.sf-frame-throw{background-position-x:75%}.sf-frame-hit{background-position-x:100%}.sf-walking{animation:sf-walk-cycle .32s infinite}@keyframes sf-walk-cycle{0%,49.99%{background-position-x:25%}50%,to{background-position-x:50%}}.sf-aim-arrow{position:absolute;left:22%;top:26%;height:5px;background:#fff;border-radius:3px;box-shadow:0 0 4px #fffc;transform-origin:0% 50%;transition:width .05s linear}.sf-power-bar{position:absolute;left:50%;top:-14%;width:calc(var(--tile) * 1.5);height:calc(var(--tile) * .16);transform:translate(-50%);background:#0a08128c;border:1px solid rgba(255,255,255,.5);border-radius:999px;overflow:hidden;pointer-events:none}.sf-power-bar-fill{height:100%;border-radius:999px;transition:width .05s linear}.sf-charge-glow{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55) 0%,transparent 70%);animation:sf-charge-pulse .5s ease-in-out infinite;pointer-events:none}@keyframes sf-charge-pulse{0%,to{opacity:.55;transform:scale(.9)}50%{opacity:.95;transform:scale(1.15)}}.sf-player-name{position:absolute;left:0;top:0;transform:translate(-50%,-220%);font-size:.85rem;font-weight:700;color:var(--text);text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap}.sf-impact{position:absolute;width:calc(var(--tile) * .9);height:calc(var(--tile) * .9);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;animation:sf-impact-pop .38s ease-out forwards}.sf-impact-splash{background:radial-gradient(circle,#ffffffe6,#fff0 70%)}.sf-impact-hit{background:radial-gradient(circle,#fffffff2,#ffd6668c 45%,#ffd66600 75%)}.sf-impact-ko{width:calc(var(--tile) * 1.5);height:calc(var(--tile) * 1.5);background:radial-gradient(circle,#fff,#ff6e6e99 45%,#ff6e6e00 75%)}@keyframes sf-impact-pop{0%{opacity:.95;transform:translate(-50%,-50%) scale(.4)}60%{opacity:.85;transform:translate(-50%,-50%) scale(1.15)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}.sf-snowball{position:absolute;left:0;top:0;width:calc(var(--tile) * .55);height:calc(var(--tile) * .55);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff,#dbe7f5 70%);box-shadow:0 2px 6px #0000004d}.sf-hud{width:clamp(180px,16vw,260px);display:flex;flex-direction:column;gap:20px}.sf-clock{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;font-variant-numeric:tabular-nums;text-align:center}.sf-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.sf-roster li{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700}.sf-roster-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sf-roster-hp{font-size:.85rem;letter-spacing:1px;color:#bcdcff;flex-shrink:0}.sf-dead{opacity:.35;text-decoration:line-through}.sf-result{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0812b8}.sf-result h1{font-size:clamp(2.5rem,8vw,5.5rem);margin:0;text-align:center}.sf-controller{flex:1;display:flex;flex-direction:column;padding:12px 14px;gap:10px;min-height:0}.sf-stats{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px}.sf-hearts{display:flex;gap:6px}.sf-heart{font-size:1.6rem;opacity:.25;filter:grayscale(1)}.sf-heart-full{opacity:1;filter:none}.sf-controls{flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;min-height:0}.sf-move-zone{width:min(56vw,46vh,320px);height:min(56vw,46vh,320px);flex-shrink:0}.sf-throw-zone{display:flex;align-items:flex-end;padding-bottom:min(6vh,28px)}@media(orientation:landscape){.sf-controller{padding:8px 18px 10px;gap:4px}.sf-heart{font-size:1.3rem}.sf-move-zone{width:min(38vw,64vh);height:min(38vw,64vh)}.sf-throw-zone{padding-bottom:0}}.sf-placement{font-size:2rem;font-weight:900;margin:0}.sf-spectate{color:var(--text-dim);margin:0}.sc-screen{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px clamp(24px,6vw,80px);gap:24px}.sc-topbar{position:absolute;top:clamp(16px,3vh,28px);left:clamp(24px,6vw,80px);right:clamp(24px,6vw,80px);display:flex;justify-content:space-between;font-weight:800;font-size:1.3rem}.sc-timer{font-variant-numeric:tabular-nums;color:var(--accent-hot)}.sc-prompt{text-align:center}.sc-prompt-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:1rem;margin:0 0 8px}.sc-state-name{font-size:clamp(3rem,9vw,6rem);margin:0;background:linear-gradient(90deg,var(--accent),var(--accent-hot));-webkit-background-clip:text;background-clip:text;color:transparent}.sc-answer-reveal{margin:16px 0 0;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:800;color:var(--success)}.sc-footer{min-height:64px}.sc-waiting{text-align:center;color:var(--text-dim);font-weight:600}.sc-leaderboard{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.sc-leaderboard li{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:var(--bg-raised);border:1px solid var(--bg-card)}.sc-leaderboard li.correct{border-color:var(--success)}.sc-leaderboard li.wrong{opacity:.6}.sc-lb-name{font-weight:700}.sc-lb-score{color:var(--text-dim);font-variant-numeric:tabular-nums}.sc-controller{flex:1;display:flex;flex-direction:column;padding:20px 16px;gap:20px}.sc-controller-hud{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:1.1rem;font-weight:800}.sc-controller-hud span:first-child{font-size:1.5rem}.sc-controller-hud span:last-child{font-variant-numeric:tabular-nums;color:var(--text-dim);white-space:nowrap}.sc-answer-form{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px}.sc-locked{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-dim)}.sc-my-score{font-size:2.2rem;font-weight:900;margin:0}.host-shell{height:100%;display:flex;flex-direction:column}.landing{height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(24px,5vh,56px) clamp(20px,5vw,48px);gap:clamp(10px,1.6vh,16px);background:radial-gradient(ellipse 60% 40% at 12% 8%,rgba(124,92,255,.22),transparent 60%),radial-gradient(ellipse 60% 40% at 88% 92%,rgba(255,92,138,.18),transparent 60%)}.landing-logo{width:clamp(260px,34vw,420px);height:auto;aspect-ratio:1536 / 1024;object-fit:contain;margin:clamp(-48px,-3vw,-20px) 0 clamp(-80px,-5vw,-44px)}.landing .brand{font-size:clamp(2.6rem,8vw,4.75rem);line-height:1.05;margin-bottom:clamp(-12px,-1vh,-6px)}.landing-tagline{margin:0;color:var(--text);font-weight:700;font-size:clamp(1.05rem,2vw,1.3rem)}.landing-tagline .highlight{color:var(--text)}.landing-rule{width:64px;height:3px;margin:clamp(10px,1.6vh,18px) 0 clamp(6px,1.4vh,14px);border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-hot))}.landing-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(14px,2vw,28px);margin-bottom:clamp(6px,1.4vh,14px)}.step{display:flex;align-items:center;gap:16px;text-align:left;max-width:280px}.step+.step{border-left:1px solid var(--bg-card);padding-left:clamp(14px,2vw,28px)}.step-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:64px;height:64px;border-radius:50%;color:var(--accent);background:#ffffff0d;border:1px solid rgba(255,255,255,.09)}.step-icon svg{width:32px;height:32px}.step-copy{display:flex;flex-direction:column;gap:3px}.step-title{font-size:1.2rem}.step-text{color:var(--text-dim);font-size:.95rem;line-height:1.4}.landing-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:clamp(4px,1vh,10px);min-width:min(420px,90vw)}.landing-cta svg{width:1.1em;height:1.1em}.landing-subtext{display:flex;align-items:center;gap:8px;margin:0 0 clamp(8px,1.6vh,16px);color:var(--text-dim);font-weight:600;font-size:.95rem}.landing-subtext svg{width:1.1em;height:1.1em;flex-shrink:0;color:var(--accent-hot)}.landing-subtext .highlight{color:var(--accent-hot);font-weight:700}.landing-features{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));width:100%;max-width:1080px;margin-top:clamp(10px,2vh,20px);padding:clamp(10px,1.6vh,16px) 0;border-radius:20px;background:var(--bg-raised);border:1px solid var(--bg-card)}.feature-card{display:flex;align-items:center;gap:14px;text-align:left;padding:8px clamp(14px,1.8vw,24px)}.feature-card+.feature-card{border-left:1px solid var(--bg-card)}.feature-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:52px;height:52px;border-radius:50%}.feature-icon svg{width:26px;height:26px}.feature-icon.tone-gold{color:#f5d93d;background:#f5d93d24}.feature-icon.tone-green{color:var(--success);background:#34d39924}.feature-icon.tone-pink{color:var(--accent-hot);background:#ff5c8a24}.feature-icon.tone-blue{color:#5c9bff;background:#5c9bff24}.feature-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.feature-copy strong{font-size:.95rem}.feature-copy span{color:var(--text-dim);font-size:.82rem;line-height:1.35}@media(max-width:900px){.landing-features{grid-template-columns:1fr;padding:6px 0}.feature-card{padding:12px 18px}.feature-card+.feature-card{border-left:none;border-top:1px solid var(--bg-card)}}@media(max-width:520px){.landing-steps{flex-direction:column;align-items:flex-start;gap:18px}.step+.step{border-left:none;padding-left:0}}.lobby{flex:1;display:grid;grid-template-columns:minmax(250px,27%) minmax(0,1fr);gap:clamp(16px,2.5vw,36px);padding:clamp(12px,2vw,28px);overflow:hidden;min-height:0}.join-panel{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;text-align:center;gap:clamp(8px,1.6vh,16px);padding:clamp(14px,2.4vh,28px) clamp(14px,1.6vw,26px);min-height:0;min-width:0;overflow:hidden;border-radius:24px;border:2px solid transparent;background:linear-gradient(var(--bg),var(--bg)) padding-box,linear-gradient(165deg,var(--accent-hot),var(--accent) 55%,#35284f) border-box;box-shadow:0 0 56px #7c5cff29;container-type:inline-size}.join-phone{color:var(--accent-hot);filter:drop-shadow(0 0 10px rgba(255,92,138,.5))}.join-phone svg{display:block;width:clamp(26px,4.5vh,40px);height:clamp(26px,4.5vh,40px)}.join-title{margin:0;font-size:clamp(1.1rem,2.6vh,1.6rem)}.join-hint{margin:0;color:var(--text-dim);font-size:clamp(.75rem,1.7vh,.95rem);line-height:1.4;max-width:26ch}.join-qr{width:min(100%,34vh);aspect-ratio:1;flex:0 1 auto;min-height:0;box-sizing:border-box;background:#fff;border:3px solid var(--accent);border-radius:18px;padding:clamp(6px,1.2vh,12px);box-shadow:0 0 32px #7c5cff59}.join-qr svg{display:block;width:100%!important;height:100%!important}.join-or{display:flex;align-items:center;gap:12px;width:100%;flex:0 0 auto;color:var(--text-dim);font-weight:700;letter-spacing:.18em;font-size:clamp(.6rem,1.4vh,.8rem)}.join-or:before,.join-or:after{content:"";flex:1;height:1px;background:var(--bg-card)}.join-url{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:clamp(8px,1.4vh,12px) 16px;background:var(--bg-raised);border:1px solid var(--bg-card);border-radius:999px;font-weight:700;font-size:clamp(.75rem,1.7vh,.95rem);overflow-wrap:anywhere}.join-url svg{width:1.2em;height:1.2em;flex-shrink:0;color:var(--text-dim)}.join-code-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.3em;font-weight:700;font-size:clamp(.6rem,1.4vh,.78rem)}.room-code{display:flex;justify-content:center;align-items:center;gap:.1em;width:100%;box-sizing:border-box;padding:clamp(6px,1.4vh,14px) clamp(10px,4cqw,20px);white-space:nowrap;background:#0b0912;border:3px solid #f5d93d;border-radius:16px;box-shadow:0 0 26px #f5d93d40,inset 0 0 18px #f5d93d14;color:#ffe14d;font-size:clamp(1.4rem,min(15cqw,6vh),4rem);font-weight:900;line-height:1;text-shadow:0 0 14px rgba(255,225,77,.45)}.room-code span{display:block;flex:1 1 0;min-width:0;text-align:center}.qr-toggle{flex:0 0 auto;padding:clamp(6px,1.2vh,10px) 18px;border:1px solid var(--bg-card);border-radius:999px;background:transparent;color:var(--text-dim);font:inherit;font-weight:700;font-size:clamp(.7rem,1.5vh,.85rem);cursor:pointer}.qr-toggle:hover,.qr-toggle:focus-visible{color:var(--text);border-color:var(--accent)}.lobby-main{display:flex;flex-direction:column;gap:clamp(18px,3vh,30px);min-width:0;min-height:0;overflow-y:auto;padding-right:4px}.lobby-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid var(--bg-card)}.lobby-brand{display:flex;align-items:center;gap:10px;font-weight:900;text-transform:uppercase;letter-spacing:.3em;font-size:clamp(.9rem,1.6vw,1.15rem)}.lobby-brand svg{width:1.3em;height:1.3em;color:#ffd93d;filter:drop-shadow(0 0 8px rgba(255,217,61,.5))}.lobby-tagline{display:flex;align-items:center;gap:8px;color:var(--accent-hot);font-weight:600;font-size:clamp(.75rem,1.2vw,.95rem);white-space:nowrap}.lobby-tagline svg{width:1em;height:1em;opacity:.8}.section-title{display:flex;align-items:center;gap:12px;margin:0 0 16px;text-transform:uppercase;letter-spacing:.18em;font-size:clamp(.9rem,1.4vw,1.1rem)}.section-title>svg{width:1.5em;height:1.5em;flex-shrink:0;color:var(--accent)}.roster-count{display:inline-flex;align-items:center;gap:8px;margin-left:8px;text-transform:none;letter-spacing:normal;font-weight:600;font-size:.85rem;color:var(--text-dim)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 8px #34d399b3;flex-shrink:0}.player-grid{display:flex;flex-wrap:wrap;gap:12px}.empty-hint{color:var(--text-dim);font-size:1.1rem;margin:0}.player-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:14px;row-gap:2px;align-items:center;width:max-content;max-width:100%;min-width:220px;background:var(--bg-raised);border:1px solid var(--bg-card);border-radius:16px;padding:12px 14px 12px 16px;cursor:grab;-webkit-user-select:none;user-select:none}.player-card:active{cursor:grabbing}.player-card.dragging{opacity:.35;border-style:dashed;border-color:var(--text-dim)}.player-card.away{opacity:.5}.player-card.away .live-dot{background:var(--text-dim);box-shadow:none}.player-card .avatar{grid-row:1 / -1}.player-name{grid-column:2;grid-row:1;font-weight:700;font-size:1.15rem;line-height:1.25;white-space:nowrap}.player-status{grid-column:2;grid-row:2;display:inline-flex;align-items:center;gap:6px;color:var(--success);font-weight:600;font-size:.85rem}.player-card.away .player-status{color:var(--text-dim)}.player-card .btn-kick{grid-column:3;grid-row:1;align-self:start;justify-self:end;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;font-size:.95rem;line-height:1;padding:0;border-radius:50%;margin:-14px -16px 0 0}.player-card .btn-kick:hover{color:var(--danger)}.game-list{display:flex;flex-direction:column;gap:12px}@media(min-width:1100px){.game-list{display:grid;grid-template-columns:repeat(2,1fr)}}.game-card{display:flex;align-items:center;gap:clamp(14px,2vw,24px);background:var(--bg-raised);border:1px solid var(--bg-card);border-radius:18px;padding:12px clamp(14px,1.8vw,24px) 12px 12px}.game-art{width:clamp(96px,10vw,132px);aspect-ratio:4 / 3;flex-shrink:0;border-radius:12px;overflow:hidden}.game-art img,.game-art svg{display:block;width:100%;height:100%;object-fit:cover}.game-info{flex:1;min-width:0}.game-info h3{margin:0 0 4px;font-size:clamp(1.1rem,1.6vw,1.35rem)}.game-info p{margin:0 0 10px;color:var(--text-dim);font-size:clamp(.85rem,1.2vw,1rem)}.game-players-pill{display:inline-flex;align-items:center;gap:7px;padding:4px 12px;background:#00000059;border-radius:999px;color:var(--text-dim);font-weight:600;font-size:.8rem}.game-players-pill svg{width:1.1em;height:1.1em}.btn-start{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-width:130px;padding:14px 30px;font-size:1.05rem;border-radius:14px;background:linear-gradient(90deg,var(--accent-hot),var(--accent));box-shadow:0 6px 24px #ff5c8a40}.btn-start:not(:disabled):hover{filter:brightness(1.12)}.btn-start svg{width:1.1em;height:1.1em}.settings-popup.settings-popup{position:relative;max-width:780px;max-height:100%;overflow-y:auto;padding:clamp(14px,2.2vh,22px) clamp(16px,2.6vw,28px);text-align:left;border:1px solid transparent;background:linear-gradient(var(--bg-raised),var(--bg-raised)) padding-box,linear-gradient(165deg,#ff5c8a80,#7c5cff73 55%,#2c2344) border-box;box-shadow:0 24px 80px #00000080}.settings-close{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:50%;background:#ffffff12;color:var(--text);cursor:pointer}.settings-close:hover{background:#ffffff24}.settings-close svg{width:16px;height:16px}.settings-header{text-align:center;margin-bottom:clamp(8px,1.5vh,14px)}.settings-crown{width:46px;height:33px}.settings-popup h2{margin:0 0 3px;font-size:clamp(1.25rem,2.2vw,1.55rem)}.settings-subtitle{margin:0;color:var(--text-dim);font-size:clamp(.8rem,1.2vw,.9rem)}.settings-list{display:flex;flex-direction:column;gap:10px}.setting-card{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#00000038;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:10px 14px}.setting-control{flex:999 1 240px;min-width:200px}.setting-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;border:2px solid transparent;background:linear-gradient(var(--bg-raised),var(--bg-raised)) padding-box,linear-gradient(135deg,var(--accent-hot),var(--accent)) border-box;color:var(--text)}.setting-icon svg{width:18px;height:18px}.setting-heading{flex:0 1 210px;min-width:150px;text-align:left;margin-right:auto}.setting-label{display:block;font-weight:800;font-size:1rem}.setting-description{margin:2px 0 0;color:var(--text-dim);font-size:.78rem}.setting-pill{position:relative;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:11px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);color:var(--accent-hot);font-weight:700;font-size:.9rem;white-space:nowrap}.setting-pill svg{width:15px;height:15px;flex-shrink:0}.setting-pill-chevron{color:var(--text)}.setting-pill select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer;font:inherit}.setting-pill-static{color:var(--text);font-variant-numeric:tabular-nums}.setting-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;height:18px;margin:0 0 2px;background:transparent;cursor:pointer}.setting-slider::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hot) var(--fill, 50%),rgba(255,255,255,.13) var(--fill, 50%))}.setting-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border:none;border-radius:50%;background:var(--accent-hot);box-shadow:0 0 0 4px #ff5c8a47}.setting-slider::-moz-range-track{height:6px;border-radius:999px;background:#ffffff21}.setting-slider::-moz-range-progress{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-hot))}.setting-slider::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:var(--accent-hot);box-shadow:0 0 0 4px #ff5c8a47}.setting-ticks{position:relative;height:1.2em;margin-top:2px}.setting-tick{position:absolute;top:0;transform:translate(-50%);border:none;background:none;padding:0;color:var(--text-dim);font:inherit;font-size:.75rem;font-weight:600;white-space:nowrap;cursor:pointer}.setting-tick:first-child{transform:none}.setting-tick:last-child{transform:translate(-100%)}.setting-tick:hover{color:var(--text)}.setting-tick.active{color:var(--accent-hot);font-weight:800}.setting-choices{display:flex;gap:10px}.setting-choice{flex:1;padding:9px 12px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#ffffff0a;color:var(--text-dim);font:inherit;font-weight:700;font-size:.95rem;cursor:pointer;transition:color .12s ease,background .12s ease}.setting-choice:hover{color:var(--text);background:#ffffff14}.setting-choice.active{color:var(--accent-hot);border:2px solid transparent;padding:8px 11px;background:linear-gradient(#3a223ce6,#3a223ce6) padding-box,linear-gradient(135deg,var(--accent-hot),var(--accent)) border-box}.setting-switch{position:relative;display:inline-flex;cursor:pointer}.setting-switch input{position:absolute;opacity:0;pointer-events:none}.setting-switch-track{width:52px;height:30px;border-radius:999px;background:#ffffff21;transition:background .15s ease}.setting-switch-track:after{content:"";display:block;width:24px;height:24px;margin:3px;border-radius:50%;background:var(--text);transition:transform .15s ease}.setting-switch input:checked+.setting-switch-track{background:linear-gradient(90deg,var(--accent),var(--accent-hot))}.setting-switch input:checked+.setting-switch-track:after{transform:translate(22px)}.settings-actions{display:flex;gap:12px;margin-top:clamp(10px,1.8vh,14px);flex-wrap:wrap}.settings-actions .btn{flex:1;min-width:140px;min-height:44px;padding:9px 20px;font-size:1rem;border-radius:13px}.settings-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.09)}.settings-cancel:hover{background:#ffffff1a}.settings-start{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(90deg,var(--accent),var(--accent-hot));box-shadow:0 6px 24px #ff5c8a4d}.settings-start svg{width:1.1em;height:1.1em}.game-intro{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vh,40px);overflow-y:auto}.game-intro-panel{width:100%;max-width:760px;text-align:center}.game-intro-kicker{margin:0 0 4px;color:var(--accent-hot);text-transform:uppercase;letter-spacing:.28em;font-weight:800;font-size:.85rem}.game-intro-title{margin:0 0 8px;font-size:clamp(2rem,5vw,3.2rem)}.game-intro-description{margin:0 0 20px;color:var(--text-dim);font-size:clamp(.95rem,1.6vw,1.15rem)}.game-intro-rules{display:inline-flex;flex-direction:column;gap:8px;margin:0 0 28px;padding:16px 24px;text-align:left;list-style:none;background:var(--bg-raised);border:1px solid var(--bg-card);border-radius:18px;max-width:100%}.game-intro-rules li{position:relative;padding-left:22px;font-size:clamp(.95rem,1.4vw,1.1rem)}.game-intro-rules li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hot))}.game-intro-roster{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:28px}.game-intro-player{display:flex;flex-direction:column;align-items:center;gap:6px;width:96px;padding:10px 6px;background:var(--bg-raised);border:2px solid var(--bg-card);border-radius:14px}.game-intro-player.ready{border-color:var(--success)}.game-intro-player.away{opacity:.45}.game-intro-player-name{font-weight:700;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.game-intro-player-status{color:var(--text-dim);font-size:.72rem;font-weight:600}.game-intro-player.ready .game-intro-player-status{color:var(--success)}.game-intro-footer{display:flex;flex-direction:column;align-items:center;gap:14px}.game-intro-countdown{margin:0;color:var(--text-dim);font-weight:600;font-variant-numeric:tabular-nums}.game-intro-actions{display:flex;gap:12px}.game-host{flex:1;display:flex;flex-direction:column;min-height:0}.game-menu{position:fixed;right:clamp(12px,1.6vw,24px);bottom:clamp(12px,1.6vw,24px);z-index:30;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.game-menu-btn{order:2;display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:1px solid var(--bg-card);border-radius:50%;background:#13111cb3;color:var(--text-dim);cursor:pointer;opacity:.45;transition:opacity .15s ease,color .15s ease,border-color .15s ease}.game-menu-btn:hover,.game-menu-btn:focus-visible,.game-menu[data-open=true] .game-menu-btn{opacity:1;color:var(--text);border-color:var(--accent)}.game-menu-btn svg{width:24px;height:24px}.game-menu-panel{order:1;display:flex;flex-direction:column;min-width:220px;padding:8px;background:var(--bg-raised);border:1px solid var(--bg-card);border-radius:16px;box-shadow:0 18px 48px #0000008c}.game-menu-title{margin:4px 10px 8px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:700}.game-menu-item{padding:12px 14px;border:none;border-radius:10px;background:transparent;color:var(--text);font:inherit;font-weight:700;text-align:left;cursor:pointer}.game-menu-item:hover,.game-menu-item:focus-visible{background:var(--bg-card)}.game-menu-item.danger{color:var(--danger)}.game-menu-confirm{margin:0 0 24px;font-size:1.15rem;line-height:1.5}.game-menu-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media(max-width:900px){.lobby{grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto}.join-panel{width:100%;max-width:460px;margin:0 auto;overflow:visible}.join-qr{width:min(100%,56vw)}.lobby-main{overflow:visible}.lobby-header{flex-direction:column;align-items:flex-start;gap:6px}}.player-shell{height:var(--app-height, 100%);display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.join-form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:360px}.join-field{display:flex;flex-direction:column;gap:8px;text-align:left}.join-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.join-label{color:var(--text);font-weight:800;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.join-char-count{color:var(--text);font-weight:800;font-size:.85rem;font-variant-numeric:tabular-nums}.join-form .input::placeholder{text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;font-weight:700;opacity:.55}.join-form .input-code::placeholder{font-size:.95rem;letter-spacing:.06em;text-align:left}.player-lobby{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px;text-align:center}.me{display:flex;flex-direction:column;align-items:center;gap:8px}.me h1{margin:0;font-size:1.8rem}.room-tag{color:var(--text-dim);margin:0;letter-spacing:.15em}.last-result{color:var(--text-dim);margin:0}.lobby-hint{color:var(--text-dim);max-width:280px;margin:0}.leave-btn{margin-top:12px;padding:10px 18px}.leave-confirm{margin:0 0 24px;font-size:1.1rem;line-height:1.5}.leave-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.rotate-hint{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);display:flex;align-items:center;gap:10px;background:var(--bg-raised);border:1px solid var(--accent);border-radius:var(--radius);padding:10px 12px;z-index:15;box-shadow:0 8px 24px #00000059}.rotate-hint-icon{flex-shrink:0;width:26px;height:26px;color:var(--accent);animation:rotate-hint-wiggle 1.8s ease-in-out infinite}.rotate-hint-icon svg{width:100%;height:100%}.rotate-hint-text{flex:1;font-size:.85rem;color:var(--text-dim)}.rotate-hint-dismiss{flex-shrink:0;background:transparent;border:none;color:var(--text-dim);font-size:1.3rem;line-height:1;cursor:pointer;padding:4px 6px}@keyframes rotate-hint-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-20deg)}60%{transform:rotate(90deg)}80%{transform:rotate(90deg)}}.player-intro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;overflow-y:auto}.player-intro-identity{display:flex;flex-direction:column;align-items:center;gap:4px}.player-intro-you{margin:4px 0 0;color:var(--text-dim);text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:.75rem}.player-intro-name{margin:0;font-size:1.8rem}.player-intro-game{margin:8px 0 0;color:var(--text-dim);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.player-intro-rules{display:flex;flex-direction:column;gap:8px;margin:0;padding:14px 18px;text-align:left;list-style:none;max-width:340px;background:var(--bg-raised);border:1px solid var(--bg-card);border-radius:16px}.player-intro-rules li{position:relative;padding-left:20px;font-size:.95rem;line-height:1.4}.player-intro-rules li:before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hot))}.player-intro-ready{max-width:320px;margin-top:8px}.player-intro-ready.is-ready{background:var(--success);color:#072b1c}.player-intro-countdown{margin:0;color:var(--text-dim);font-size:.9rem}:root{--bg: #13111c;--bg-raised: #1e1a2e;--bg-card: #262138;--text: #f4f1ff;--text-dim: #a79fc4;--accent: #7c5cff;--accent-hot: #ff5c8a;--success: #34d399;--danger: #ff6b6b;--radius: 16px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;text-align:center;padding:24px}.brand{font-size:clamp(2rem,6vw,3.5rem);margin:0;background:linear-gradient(90deg,var(--accent),var(--accent-hot));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--text-dim);margin:0}.notice{color:var(--danger);font-weight:600;margin:8px 0}.btn{font:inherit;font-weight:700;color:var(--text);background:var(--bg-card);border:none;border-radius:var(--radius);padding:14px 24px;cursor:pointer;transition:transform .06s ease,filter .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hot))}.btn-primary:not(:disabled):hover{filter:brightness(1.1)}.btn-ghost{background:transparent;color:var(--text-dim)}.btn-danger{background:var(--danger);color:#2a0d0d}.btn-danger:not(:disabled):hover{filter:brightness(1.1)}.btn-big{min-height:64px;font-size:1.3rem;width:100%}.btn-huge{min-height:76px;font-size:1.6rem;padding:20px 48px}.input{font:inherit;font-size:1.2rem;line-height:1.4;color:var(--text);background:var(--bg-raised);border:2px solid var(--bg-card);border-radius:var(--radius);padding:14px 16px;width:100%;outline:none}.input:focus{border-color:var(--accent)}.input-code{height:60px;font-size:1.2rem;letter-spacing:normal;text-align:left;text-transform:uppercase;font-variant-ligatures:none}.input-code:not(:placeholder-shown){font-size:2rem;line-height:1;letter-spacing:.35em;text-align:center}.avatar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-weight:800;font-size:1.2rem;color:#13111c;flex-shrink:0}.avatar-big{width:84px;height:84px;font-size:2.4rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0812d9;display:flex;align-items:center;justify-content:center;padding:24px;z-index:10}.overlay-card{background:var(--bg-raised);border-radius:24px;padding:32px;max-width:480px;width:100%;text-align:center}.rankings{list-style:none;padding:0;margin:24px 0;text-align:left}.rankings li{display:flex;gap:12px;padding:10px 8px;font-size:1.15rem;border-bottom:1px solid var(--bg-card)}.rankings li:first-child{font-size:1.4rem;font-weight:800}.rank-name{flex:1}.rank-score{font-variant-numeric:tabular-nums}.pause-banner{position:fixed;top:0;left:0;right:0;background:var(--accent-hot);color:#fff;font-weight:700;text-align:center;padding:10px;z-index:20}