.game-launch,.game-launch-content{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.game-launch{position:relative;isolation:isolate;animation:launch-reveal .3s ease-out both}.game-launch-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;pointer-events:none;background:color-mix(in srgb,var(--bg) 20%,transparent)}.game-launch-card{padding:24px 36px;border-radius:24px;background:color-mix(in srgb,var(--bg-raised) 94%,transparent);color:var(--text);text-align:center;box-shadow:0 12px 48px var(--shadow-color)}.game-launch-title{margin:0 0 12px;font-size:20px;opacity:.75}.game-launch-beat{display:block;font-size:clamp(36px,5vw,76px);line-height:1.15}.game-launch-beat.is-number{font-size:clamp(72px,10vw,140px);animation:launch-pulse .25s ease-out both}.game-launch-hint{margin:12px 0 0;font-size:18px}.game-launch--controller .game-launch-overlay{padding:12px;background:transparent}.game-launch--controller .game-launch-card{padding:10px 18px;border-radius:16px;max-width:100%}.game-launch--controller .game-launch-beat{font-size:22px}.game-launch--controller .game-launch-beat.is-number{font-size:32px}.game-launch--controller .game-launch-hint{margin-top:4px;font-size:13px}.game-launch-overlay.is-go{animation:launch-go .55s ease-out both;background:transparent}@keyframes launch-reveal{0%{opacity:0}to{opacity:1}}@keyframes launch-pulse{0%{transform:scale(1.08);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes launch-go{0%,35%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.game-launch,.game-launch-beat.is-number,.game-launch-overlay.is-go{animation:none}}.kit-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}.kit-screen-arena{flex-direction:row;min-width:0;align-items:stretch;justify-content:center;gap:24px;padding:24px}:root{--kit-menu-size: 52px}.kit-controller,.kit-arena-controller,.kit-menu-corner-controller{--kit-menu-size: 36px}.kit-menu-slot{flex:none;width:var(--kit-menu-size);height:var(--kit-menu-size)}.kit-menu-corner{position:fixed;z-index:30}.kit-menu-corner-screen{top:clamp(16px,3vh,32px);right:clamp(24px,6vw,80px)}.kit-menu-corner-controller{top:calc(env(safe-area-inset-top,0px) + 16px);right:calc(env(safe-area-inset-right,0px) + 24px)}.kit-controller{flex:1;display:flex;flex-direction:column;padding:16px;gap:16px;overflow-y:auto;background:var(--kit-controller-bg, transparent)}.kit-controller-hud{display:flex;align-items:center;gap:12px;min-height:var(--kit-menu-size);font-size:1.2rem;font-weight:800;font-variant-numeric:tabular-nums;padding:0 8px}.kit-controller-hud-left{flex:1;min-width:0;display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.kit-controller-hud-right{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.social-body{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;overflow:auto}.kit-dim,.social-dim{color:var(--text-dim);font-weight:600;margin:0}.social-hint{color:var(--text-dim);margin:0}.kit-kicker{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;font-weight:700;font-size:1rem;margin:0}.quiz-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:800;font-size:1.3rem}.quiz-progress{color:var(--text-dim)}.quiz-topbar-end{display:inline-flex;align-items:center;gap:16px}.social-tag{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;font-size:1rem}.kit-clock{font-variant-numeric:tabular-nums;color:var(--accent-hot)}.kit-hud-top{display:flex;align-items:center;min-height:var(--kit-menu-size);padding-right:calc(var(--kit-menu-size) + 12px)}.kit-hud .kit-clock{flex:1;min-width:0;display:block;color:inherit;font-size:var(--kit-clock-size, clamp(2rem, 4vw, 3.2rem));font-weight:900;line-height:1;text-align:var(--kit-clock-align, center)}.kit-clock-hero{display:block;color:inherit;font-size:clamp(3rem,9vw,6rem);font-weight:900;text-align:center}.kit-banner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.kit-banner-title{margin:0}.kit-banner-go{font-size:clamp(1.8rem,5vw,3rem);color:var(--accent-hot);animation:kit-banner-pulse .6s ease-in-out infinite alternate}.kit-banner-go-huge{font-size:clamp(3rem,10vw,6rem)}@keyframes kit-banner-pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.kit-controller .kit-banner-title{font-size:clamp(1.4rem,6vw,1.8rem)}.kit-controller .kit-banner-go{font-size:clamp(1.8rem,8vw,2.4rem)}.kit-controller .kit-banner-go-huge{font-size:3rem}.quiz-prompt{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.quiz-prompt-text{font-size:clamp(1.8rem,4.5vw,3rem);margin:0;line-height:1.2}.quiz-answer-reveal{margin:16px 0 0;font-size:clamp(1.3rem,3.2vw,1.8rem);font-weight:800;color:var(--success)}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.quiz-option{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:14px 20px;font-weight:800;font-size:1.1rem;color:var(--ink);opacity:.55;transition:opacity .15s ease,transform .15s ease}.quiz-option.correct{opacity:1;transform:scale(1.02);box-shadow:0 0 0 3px var(--white),0 8px 24px color-mix(in srgb,var(--success) 40%,transparent)}.quiz-answer-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}.quiz-answer-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:none;border-radius:18px;background:linear-gradient(135deg,var(--accent),var(--accent-hot));color:var(--white);cursor:pointer;padding:10px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.quiz-answer-btn:active:not(:disabled){transform:scale(.96)}.quiz-answer-btn:disabled{opacity:.4}.quiz-answer-letter{font-size:1.6rem;font-weight:900}.quiz-answer-label{font-size:1rem;font-weight:700;text-align:center;line-height:1.2}.quiz-answer-form{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px}.quiz-answer-form-compact{flex:0 0 auto;gap:12px}.quiz-locked{text-align:center;color:var(--text-dim);margin:0;min-height:1.2em}.quiz-locked-hidden{visibility:hidden}.quiz-locked-fill{flex:1;display:flex;align-items:center;justify-content:center}.social-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;background:var(--kit-card-bg, var(--bg-raised));border-radius:20px;padding:24px}.social-card h2{margin:0}.social-vote-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.social-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}.social-vote-btn:active:not(:disabled){transform:scale(.96)}.social-vote-btn:disabled{opacity:.35}.social-vote-name{font-weight:700;font-size:.95rem}.social-roster{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;min-height:56px}.social-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}.social-chip.ready,.social-chip.guessed{opacity:1;border-color:var(--success)}.social-chip.performer{opacity:1;border-color:var(--accent-hot)}.social-chip.mvp{border-color:var(--accent-hot);box-shadow:0 0 0 2px var(--accent-hot)}.social-chip.active{opacity:1}.social-chip.out{opacity:.35}.social-chip.out .social-chip-name{text-decoration:line-through}.social-chip.away{opacity:.3}.social-chip-name{font-weight:700}.social-chip-score,.social-chip-detail{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.9rem}.social-chip-detail{display:inline-flex;align-items:center;gap:8px}.quiz-footer{min-height:64px}.quiz-waiting{text-align:center;color:var(--text-dim);font-weight:600}.quiz-correct-reveal{display:flex;flex-direction:column;align-items:center;gap:8px}.quiz-correct-heading{margin:0;color:var(--success);font-size:.9rem;font-weight:800}.quiz-correct-players{display:grid;gap:6px;width:100%;max-width:560px;margin:0;padding:0;list-style:none}.quiz-correct-players li{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:4px 6px;border-radius:999px;background:var(--bg-raised);font-size:.85rem;font-weight:700}.quiz-correct-players .avatar{--avatar-size: 24px}.quiz-correct-players li>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-leaderboard{list-style:none;margin:0;padding:0;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.quiz-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)}.quiz-leaderboard li.correct{border-color:var(--success)}.quiz-leaderboard li.wrong{opacity:.6}.quiz-lb-name{font-weight:700}.quiz-lb-score{color:var(--text-dim);font-variant-numeric:tabular-nums}.quiz-lb-panel{display:flex;flex-direction:column;gap:12px;min-height:0}.quiz-lb-panel-sidebar{overflow-y:auto}.quiz-lb-title{margin:0;color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;font-size:.85rem}.quiz-leaderboard-sidebar{flex-direction:column;justify-content:flex-start;flex-wrap:nowrap;gap:8px}.quiz-leaderboard-sidebar li{padding:8px 10px;border-radius:12px}.quiz-leaderboard-sidebar .quiz-lb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-leaderboard-sidebar .quiz-lb-score{font-weight:800;color:var(--text)}@media(max-width:900px){.quiz-lb-panel-sidebar{flex-direction:row;flex-wrap:wrap;max-height:120px}.quiz-leaderboard-sidebar{flex-direction:row;flex-wrap:wrap}}.kit-roster{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.kit-roster li{display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:700}.kit-roster-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kit-roster-detail{flex-shrink:0;font-size:.85rem;letter-spacing:1px}.kit-dead .kit-roster-name,.kit-dead .kit-roster-detail{color:var(--text-dim)}.avatar.kit-roster-gravestone{background:transparent;border-radius:0}.kit-roster-gravestone svg{width:100%;height:100%}.kit-game-result{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:clamp(16px,4vmin,48px);overflow:auto;background:var(--scrim);animation:kit-round-result-in .35s ease-out}.kit-game-result .kit-game-result-card{box-sizing:border-box;width:min(100%,960px);padding:clamp(24px,4vmin,48px);gap:16px;border-radius:24px;background:var(--bg-raised);--kit-score-color: var(--accent-hot)}.kit-game-result .kit-winner{max-width:220px;overflow-wrap:anywhere}.kit-round-result{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:24px}.kit-round-result-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--scrim);animation:kit-round-result-in .35s ease-out}@keyframes kit-round-result-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}.kit-round-result-title{margin:0;font-size:clamp(2.5rem,7vw,5rem)}.kit-round-result-overlay .kit-round-result-title{font-size:clamp(2.5rem,8vw,5.5rem)}.kit-round-result-score{margin:0;font-size:clamp(1.8rem,4vmin,2.4rem);font-weight:900;font-variant-numeric:tabular-nums;color:var(--kit-score-color, var(--accent-hot))}.kit-controller .kit-round-result{padding:0}.kit-controller .kit-round-result-title,.kit-controller .kit-round-result-score{font-size:1.8rem}.kit-controller .kit-stat-list{min-width:0;width:100%;max-width:280px}.kit-winners{display:flex;justify-content:center;flex-wrap:wrap;gap:40px;margin-top:14px}.kit-winner{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:800}.kit-winner-name{font-size:1.6rem}.kit-winner-detail{color:var(--text-dim);font-weight:600}.kit-stat-list{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:8px 28px;min-width:min(320px,80vw)}.kit-stat-list-2{grid-template-columns:1fr 1fr;min-width:min(420px,80vw)}.kit-stat-list li{display:flex;justify-content:space-between;gap:16px;font-size:1.1rem}.kit-stat-list span{opacity:.7}.social-result{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.social-verdict{font-size:clamp(1.6rem,4vw,2.6rem);margin:0}.social-ballots{list-style:none;margin:8px 0 0;padding:0;color:var(--text-dim);font-size:1rem}.social-ballots li{padding:2px 0}.kit-pips{display:inline-flex;gap:var(--kit-pip-gap, 4px);font-size:var(--kit-pip-size, inherit);line-height:1}.kit-pip{color:var(--kit-pip-off, inherit);opacity:var(--kit-pip-off-opacity, .25);filter:var(--kit-pip-off-filter, grayscale(1));transition:opacity .15s ease}.kit-pip-on{color:var(--kit-pip-on, inherit);opacity:1;filter:none;text-shadow:var(--kit-pip-glow, none)}.kit-stage-frame{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.kit-screen-arena>.kit-stage-frame{flex:0 0 var(--kit-stage-w, 0px)}.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-hud{position:relative;flex-shrink:0;align-self:center;width:var(--kit-hud-width, clamp(180px, 16vw, 260px));height:var(--kit-stage-h, auto);display:flex;flex-direction:column;justify-content:var(--kit-hud-justify, flex-start);gap:var(--kit-hud-gap, 20px)}.kit-hud>.kit-menu-slot{position:absolute;top:0;right:0}.kit-hud-scaled{--kit-hud-unit: calc(var(--kit-stage-h, 600px) / 600);--kit-menu-size: calc(var(--kit-hud-unit) * 52);--kit-clock-size: calc(var(--kit-hud-unit) * 48);--kit-hud-gap: calc(var(--kit-hud-unit) * 20);flex-shrink:0;min-width:0}.kit-hud-scaled .kit-hud-top{padding-right:calc(var(--kit-hud-unit) * 64)}.kit-hud-scaled .kit-roster{gap:calc(var(--kit-hud-unit) * 10);min-height:0;overflow-y:auto}.kit-hud-scaled .kit-roster li{gap:calc(var(--kit-hud-unit) * 12);font-size:calc(var(--kit-hud-unit) * 18)}.kit-hud-scaled .avatar{--avatar-size: calc(var(--kit-hud-unit) * 40)}.kit-hud-scaled .kit-roster-detail{font-size:calc(var(--kit-hud-unit) * 14)}.kit-hud.kit-hud-scaled .game-menu-btn{width:var(--kit-menu-size);height:var(--kit-menu-size)}.kit-hud.kit-hud-scaled .game-menu-btn svg{width:45%;height:45%}.kit-arena-controller{flex:1;display:flex;flex-direction:column;padding:16px 14px 12px;gap:10px;min-height:0}.kit-arena-stats{font-size:.95rem;font-weight:600;color:var(--text-dim);padding:0 2px}.kit-arena-stats strong{color:var(--text);font-size:1.2rem}.kit-arena-controls{flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;min-height:0;container-type:size}.kit-arena-move-zone{--kit-arena-move-size: min(56vw, 46vh, 320px, 100cqh);width:var(--kit-arena-move-size);height:var(--kit-arena-move-size);flex-shrink:0}.kit-arena-action-zone{display:flex;align-items:flex-end;padding-bottom:min(6vh,28px)}@media(orientation:landscape){.kit-arena-controller{padding:8px 18px 10px;gap:4px}.kit-arena-stats{font-size:.82rem}.kit-arena-stats strong{font-size:1rem}.kit-arena-move-zone{--kit-arena-move-size: min(38vw, 64vh, 100cqh)}.kit-arena-action-zone{padding-bottom:0}}.kit-arena-placement{font-size:2rem;font-weight:900;margin:0}.kit-arena-spectate{color:var(--text-dim);margin:0}.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 .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:var(--ink);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:color-mix(in srgb,var(--glass) 50%,transparent);border:2px dashed var(--glass);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:var(--glass);border:2px solid var(--glass-strong);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 var(--shadow-color);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:var(--kit-action-font, clamp(.95rem, 3.6vmin, 1.5rem));font-weight:900;color:var(--ink);background:var(--accent-hot);border:none;border-radius:50%;width:var(--kit-action-size, clamp(92px, 28vmin, 148px));height:var(--kit-action-size, clamp(92px, 28vmin, 148px));box-shadow:var(--kit-action-shadow, none);flex-shrink:0;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.kit-action-button:active,.kit-action-button-replay-pressed{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)}.kit-tap-button{flex:1;background:var(--accent);border:none;border-radius:32px;font-size:3rem;font-weight:900;color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}.kit-tap-button:active,.kit-tap-button-replay-pressed{filter:brightness(1.2);transform:scale(.985)}.kit-arena-controls-move-only{justify-content:center;align-items:flex-end}.kit-arena-controls-move-only .kit-arena-move-zone{--kit-arena-move-size: min(100cqw, 360px, 100cqh)}.kit-arena-help{text-align:center;color:var(--text-dim);font-size:.9rem;margin:6px 0}.kit-dpad-button:focus-visible{outline:3px solid var(--warning);outline-offset:3px}.kit-tap-button{min-height:88px}.kit-tap-button:focus-visible{outline:4px solid var(--warning);outline-offset:3px}.kit-tap-button:disabled{opacity:.5;cursor:default}.kit-board-grid{display:grid;gap:var(--kit-board-gap, 5px);width:100%}.kit-board-grid>button,.kit-board-grid>span{aspect-ratio:1;min-width:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-strong);border-radius:var(--kit-board-radius, 12px);background:var(--kit-board-bg, var(--bg-muted));color:var(--text);font:inherit;position:relative;font-size:var(--kit-board-font, 2rem);font-weight:900}.kit-board-grid>button{min-height:44px;touch-action:manipulation;cursor:pointer}.kit-board-grid>button:disabled{cursor:default}.kit-board-grid>button:not(:disabled):hover{background:var(--bg-raised);border-color:var(--accent)}.kit-board-grid>button:focus-visible{outline:3px solid var(--warning);outline-offset:2px}.utt-wall{flex:1;min-height:0;display:grid;align-content:center;width:min(100%,1020px);margin:auto;overflow:auto}.utt-board{position:relative;border:3px solid var(--text-dim);background:var(--bg-card);min-width:0;--kit-board-gap: 0px;--kit-board-radius: 0px}.utt-wall .utt-board{--kit-board-font: clamp(18px, 2.3vw, 34px)}.utt-board-number{position:absolute;top:2px;left:3px;font:600 10px/1 sans-serif;color:var(--text-dim)}.utt-claim{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 90%,transparent);pointer-events:none}.utt-claim strong{font-size:clamp(36px,5vw,70px);line-height:1}.utt-claim span{color:var(--text);font-weight:800;font-size:.8rem}.utt-phone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;--kit-board-font: 1.65rem}.utt-message{margin:0;text-align:center;color:var(--text-dim)}.utt-help{margin:0;font-size:.85rem;color:var(--text-dim);text-align:center}.utt-identity{display:flex;align-items:center;gap:12px;min-height:44px}.sc-screen{--kit-hud-width: clamp(190px, 22vw, 300px)}.sc-stage{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.sc-track{width:100%;max-height:100%;overflow:visible;filter:drop-shadow(0 12px 18px var(--shadow-color))}.sc-lane{fill:none;stroke:var(--bg-muted);stroke-width:22}.sc-slot{fill:none;stroke:var(--ink);stroke-width:3}.sc-bend{fill:none;stroke:var(--warning);stroke-opacity:.6;stroke-width:3;stroke-dasharray:6 10}.sc-track-title{fill:var(--text);font-size:45px;font-weight:900;text-anchor:middle;letter-spacing:4px}.sc-track-lap{fill:var(--accent-hot);font-size:30px;font-weight:800;text-anchor:middle}.sc-track-caption{fill:var(--text-dim);font-size:16px;letter-spacing:5px;text-anchor:middle}.sc-car-number{fill:var(--text);stroke:var(--bg);stroke-width:4;paint-order:stroke;font-size:22px;font-weight:900;text-anchor:middle}.sc-spin-label{fill:var(--warning);stroke:var(--bg);stroke-width:4;paint-order:stroke;font-size:19px;font-weight:900;text-anchor:middle}.sc-race-target{font-weight:800;color:var(--text)}.sc-dashboard{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 0}.sc-dashboard strong{font-size:1rem}.sc-dashboard span{font-weight:800}.sc-dashboard small{font-weight:400;color:var(--text-dim)}.sc-dashboard meter{grid-column:1 / -1;width:100%;height:18px;accent-color:var(--success)}.sc-dashboard p{grid-column:1 / -1;text-align:center;margin:0;color:var(--text-dim);font-size:.9rem}.sc-pedal-help{text-align:center;font-size:.8rem;margin:0;color:var(--text-dim)}@media(max-height:450px){.sc-dashboard{gap:4px;padding:0}.sc-dashboard meter,.sc-dashboard p{display:none}}.ff-screen{--kit-hud-gap: 18px;--kit-score-color: var(--warning)}.ff-board{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:14px;background-color:var(--bg-raised);background-image:linear-gradient(var(--glass) 1px,transparent 1px),linear-gradient(90deg,var(--glass) 1px,transparent 1px);background-size:var(--tile) var(--tile);box-shadow:inset 0 0 70px var(--shadow-color),0 0 0 2px var(--accent)}.ff-center-mark{position:absolute;top:38%;width:100%;text-align:center;color:var(--text-dim);opacity:.1;font-weight:900;font-size:calc(var(--tile) * 2);letter-spacing:.15em;line-height:.95;pointer-events:none}.ff-center-mark strong{font-size:1.7em}.ff-center-mark small{display:block;font-size:.2em;margin-top:2em}.ff-segment{position:absolute;top:0;left:0;width:var(--tile);height:var(--tile);border-radius:34%;background:var(--ff-snake);box-shadow:inset 0 -3px 0 var(--shade),inset 0 2px 0 var(--glass-strong)}.ff-head{border-radius:40%;box-shadow:0 0 0 1px var(--white),0 0 14px var(--ff-snake)}.ff-initial{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:calc(var(--tile) * .57);color:var(--ink);font-weight:1000}.ff-eyes{position:absolute;font-size:calc(var(--tile) * .65);line-height:.5;color:var(--white);letter-spacing:.16em;left:22%;top:-6%;text-shadow:0 1px 2px var(--ink)}.ff-eyes-down{top:76%}.ff-eyes-left{transform:rotate(-90deg);left:-25%;top:36%}.ff-eyes-right{transform:rotate(90deg);left:62%;top:36%}.ff-name{position:absolute;bottom:155%;left:50%;transform:translate(-50%);background:var(--scrim);border-radius:5px;padding:2px 5px;color:var(--white);font-size:calc(var(--tile) * .58);font-weight:800;white-space:nowrap}.ff-food{position:absolute;width:calc(var(--tile) * .62);height:calc(var(--tile) * .62);margin:calc(var(--tile) * .19);border-radius:50%;background:var(--warning);box-shadow:0 0 9px color-mix(in srgb,var(--warning) 55%,transparent),inset 1px 2px 0 var(--glass-strong)}.ff-danger{position:absolute;top:0;right:0;bottom:0;left:0;border:solid color-mix(in srgb,var(--danger) 48%,transparent);pointer-events:none;z-index:5}.ff-effect{position:absolute;z-index:6;pointer-events:none;color:var(--warning);font-size:calc(var(--tile) * .8);font-weight:900;white-space:nowrap;animation:ff-float .95s ease-out forwards;text-shadow:0 2px 5px var(--shadow-color)}.ff-effect-spill{color:var(--white);background:var(--accent-hot);padding:4px 8px;border-radius:8px}@keyframes ff-float{to{transform:translateY(-32px);opacity:0}}@media(prefers-reduced-motion:reduce){.ff-effect{animation:none}}.kit-card-controller{min-width:0;min-height:0;height:100%;box-sizing:border-box}.kit-card-table h2,.kit-card-hand h2{margin:0;font-size:1rem}.kit-card-table-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.kit-card-table-heading>span{color:var(--text-dim);font-size:.875rem}.kit-card-hand{margin-top:auto;min-width:0}.kit-card-hand-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.kit-card-hand-heading>span,.kit-card-hint{color:var(--text-dim);font-size:.875rem}.kit-card-row{display:flex;gap:10px;overflow-x:auto;padding:16px 4px}.kit-playing-card{flex:0 0 84px;box-sizing:border-box;min-height:120px;padding:12px;border:2px solid var(--text-dim);border-radius:var(--radius);background:var(--bg-card);color:var(--text);text-align:left}.kit-playing-card[data-tone=red]{color:var(--danger)}.kit-playing-card[data-concealed]{display:grid;place-items:center;text-align:center}.kit-playing-card[data-concealed] .kit-playing-card-rank{font-size:2rem}.kit-playing-card-rank{display:block;font-size:1.5rem;font-weight:800}.kit-playing-card-suit{display:block;font-size:2rem;text-align:center}button.kit-playing-card{cursor:pointer;touch-action:manipulation}button.kit-playing-card[aria-pressed=true]{transform:translateY(-8px);border-color:var(--accent-hot);box-shadow:0 4px 0 var(--accent-hot)}button.kit-playing-card:disabled{opacity:.45;cursor:default}.kit-card-actions{display:flex;flex-wrap:wrap;gap:10px}.kit-card-action{flex:1 1 100px;min-height:48px;border:2px solid var(--text-dim);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font:inherit;font-weight:700;cursor:pointer;touch-action:manipulation}.kit-card-action[data-primary]{border-color:var(--text);background:var(--accent)}.kit-card-action:disabled{opacity:.45;cursor:default}.kit-playing-card:focus-visible,.kit-card-action:focus-visible{outline:3px solid var(--accent-hot);outline-offset:3px}@media(prefers-reduced-motion:no-preference){button.kit-playing-card{transition:transform .12s ease,border-color .12s ease}}.kit-card-body{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.kit-card-hand-tools{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:.875rem}.kit-card-expand{display:grid;place-items:center;min-height:36px;padding:6px 10px;border:1px solid var(--text-dim);border-radius:var(--radius);background:var(--bg-card);color:var(--text);font:inherit;font-weight:700;white-space:nowrap;cursor:pointer;touch-action:manipulation}.kit-card-expand:focus-visible{outline:3px solid var(--text);outline-offset:3px}.kit-card-expand:disabled{color:var(--text-dim);opacity:.45;cursor:default}.kit-card-hand-placeholder{margin-top:auto;visibility:hidden;flex-shrink:0}.kit-card-hand-expanded{position:absolute;bottom:0;left:0;right:0;max-height:100%;z-index:1;display:flex;flex-direction:column;background:var(--kit-controller-bg, var(--bg));overflow:hidden}.kit-card-hand-expanded .kit-card-hand-heading,.kit-card-hand-expanded .kit-card-hint{flex-shrink:0}.kit-card-grid{display:grid;grid-template-columns:repeat(auto-fill,84px);gap:16px 10px;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;align-content:start;flex:0 1 auto}.kit-card-hand .kit-playing-card{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.kit-card-hand .kit-playing-card[aria-disabled=true]{opacity:.45}.kit-card-hand .kit-playing-card[data-dragging]{opacity:.25}.kit-card-hand .kit-playing-card[data-drop-target]{outline:3px solid var(--text);outline-offset:3px}.kit-card-drag-preview{position:fixed;z-index:100;width:84px;pointer-events:none;transform:translate(-50%,-50%) rotate(3deg);box-shadow:0 8px 24px var(--shadow-color)}.kit-card-hint[data-nudge]{color:var(--danger)}.kit-card-hand .kit-playing-card[data-rejected]{border-color:var(--danger);box-shadow:0 4px 0 var(--danger)}@media(prefers-reduced-motion:no-preference){.kit-card-hand .kit-playing-card[data-rejected]{animation:kit-card-rejected .24s ease-out}}@keyframes kit-card-rejected{0%,to{transform:translate(0)}25%,75%{transform:translate(-3px)}50%{transform:translate(3px)}}.sim-pad,.sim-grid{--sim-green: var(--success);--sim-red: var(--danger);--sim-yellow: var(--warning);--sim-blue: var(--info)}.sim-pad{position:relative;width:min(70vw,320px);aspect-ratio:1;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;border-radius:50%;overflow:hidden;background:var(--bg-card);box-shadow:inset 0 0 0 6px var(--bg)}.sim-pad.sim-pad-small{width:min(50vw,220px)}.sim-quad{border:none;padding:0;cursor:default;opacity:.85;transition:opacity .08s ease,filter .08s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none}.sim-quad.sim-green{grid-area:1 / 1;background:var(--sim-green)}.sim-quad.sim-red{grid-area:1 / 2;background:var(--sim-red)}.sim-quad.sim-yellow{grid-area:2 / 1;background:var(--sim-yellow)}.sim-quad.sim-blue{grid-area:2 / 2;background:var(--sim-blue)}.sim-quad.sim-lit{opacity:1;filter:brightness(1.45) saturate(1.3)}.sim-quad.sim-tappable{cursor:pointer;opacity:.85}.sim-quad.sim-tappable:active{opacity:1;filter:brightness(1.3);transform:scale(.97)}.sim-quad:disabled{cursor:not-allowed}@keyframes sim-tap-pulse{0%{opacity:1;filter:brightness(1.6) saturate(1.4)}to{opacity:.85;filter:brightness(1) saturate(1)}}.sim-quad.sim-tap-flash{animation:sim-tap-pulse .26s ease-out}.sim-screen{--kit-pip-on: var(--danger);align-items:center;justify-content:center;gap:28px}.sim-screen-arena{align-items:stretch;--kit-hud-width: clamp(200px, 22vw, 320px);--kit-hud-gap: 16px}.sim-board .sim-pad{width:100%;height:100%}.sim-hud{flex-shrink:0;overflow-y:auto;min-height:0}.sim-round-info{display:grid;gap:8px}.sim-round-label{margin:0;font-weight:800;color:var(--accent)}.sim-phase-title{margin:0;font-size:clamp(18px,2vw,28px);line-height:1.2}.sim-alive-count{margin:0;color:var(--text-dim)}.sim-player-detail{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.sim-progress{font-variant-numeric:tabular-nums;font-size:.85em;color:var(--text-dim)}.sim-eliminated{font-size:.75em}.sim-controller{justify-content:center;gap:20px}.sim-grid{width:100%;min-height:0}.sim-grid .sim-quad:disabled{opacity:.85}.sim-grid .sim-quad.sim-lit{opacity:1}.kit-preparation-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vh,40px)}.kit-preparation-prompt{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:160px;width:min(100%,760px);color:var(--text-dim);text-align:center}.kit-preparation-prompt p,.kit-preparation-copy{color:var(--text-dim);text-align:center}.kit-preparation-flag{flex:initial;width:min(100%,520px);aspect-ratio:3 / 2;border:2px dashed var(--bg-muted);border-radius:16px;background:var(--bg-raised)}.kit-preparation-question{font-size:clamp(48px,7vw,96px);font-weight:800}.kit-preparation-lines{width:min(90%,580px);display:grid;justify-items:center;gap:18px}.kit-preparation-lines span{width:100%;height:24px;border-radius:8px;background:var(--bg-muted)}.kit-preparation-lines span:nth-child(2){width:80%}.kit-preparation-lines span:nth-child(3){width:60%}.kit-preparation-phone-prompt .kit-preparation-prompt{min-height:100px;gap:10px}.kit-preparation-phone-prompt .kit-preparation-lines{gap:8px}.kit-preparation-phone-prompt .kit-preparation-lines span{height:10px}.kit-preparation-phone-prompt p{margin:0;font-size:14px}.kit-preparation-selection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:900px;flex:1;min-height:0}.kit-preparation-selection span{display:grid;place-items:center;min-height:40px;padding:10px;border-radius:12px;color:var(--text-dim);background:var(--bg-raised);font-size:clamp(20px,3vw,40px)}.kit-preparation-stage .kit-preparation-selection{height:100%}.kit-preparation-stage>.sim-pad{width:min(70vh,80vw)}.kit-preparation-controller button:disabled,.kit-preparation-controller input:disabled{opacity:1}.kit-preparation-map{flex:1;min-height:0;width:100%;max-height:65vh}.kit-preparation-map path{fill:var(--bg-muted);stroke:var(--bg);stroke-width:1.5}.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-faker-card{--kit-card-bg: linear-gradient(135deg, var(--bg-raised), color-mix(in srgb, var(--bg-raised) 85%, var(--accent-hot)))}.bi-faker-card h2{color:var(--accent-hot)}.bi-prompt{font-size:clamp(1.4rem,5vw,2rem);font-weight:800;margin:0;line-height:1.3}.bb-screen{--bb-block: #6b5a3e;--bb-bomb-hi: #6d6a80;--bb-bomb-lo: #16141f;--bb-blast-core: #fff3b0;--bb-blast-mid: #ff9f1c;--bb-blast-edge: #ff4d3d}.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:var(--bg-muted);box-shadow:inset 0 calc(var(--tile) * -.09) 0 var(--shade)}.bb-soft{background:var(--bb-block);box-shadow:inset 0 calc(var(--tile) * -.09) 0 var(--shade)}.bb-bomb-cell{display:flex;align-items:center;justify-content:center}.bb-bomb{width:100%;height:100%;background-image:url(/game-art/bomberman/bomb-sprites.png);background-repeat:no-repeat;background-size:300% 100%;image-rendering:pixelated;animation:bb-fuse .6s steps(1) infinite}@keyframes bb-fuse{0%{background-position:0% 0%}33.333%{background-position:50% 0%}66.667%{background-position:100% 0%}}.bb-flame{pointer-events:none;filter:drop-shadow(0 0 calc(var(--tile) * .08) var(--bb-blast-mid));animation:bb-flare .12s ease-out}.bb-fire{width:100%;height:100%;background:radial-gradient(circle,var(--bb-blast-core) 0% 24%,var(--bb-blast-mid) 45%,var(--bb-blast-edge) 68%,transparent 74%);clip-path:polygon(50% 0%,61% 20%,82% 7%,80% 31%,100% 40%,84% 55%,98% 78%,73% 77%,65% 100%,48% 82%,27% 98%,28% 75%,3% 78%,18% 55%,0% 37%,24% 32%,20% 8%,41% 21%)}.bb-flame .bb-fire{animation:bb-fire-flicker .18s ease-in-out infinite alternate}@keyframes bb-fire-flicker{0%{transform:scale(.88) rotate(-8deg)}to{transform:scale(1.08) rotate(8deg)}}@keyframes bb-flare{0%{transform:scale(.4);opacity:.4}}.bb-explosion{pointer-events:none;z-index:2}.bb-explosion-core,.bb-explosion-ring{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;animation-duration:var(--bb-explosion-duration);animation-timing-function:ease-out;animation-fill-mode:both}.bb-explosion-core{top:0;right:0;bottom:0;left:0;filter:drop-shadow(0 0 calc(var(--tile) * .1) var(--bb-blast-mid));animation-name:bb-explosion-burst;animation-iteration-count:1}.bb-explosion-ring{border:calc(var(--tile) * .06) solid var(--bb-blast-core);border-radius:50%;animation-name:bb-explosion-wave}.bb-explosion-spark{position:absolute;left:45%;top:45%;width:10%;height:10%;border-radius:50%;background:var(--bb-blast-core);animation:bb-explosion-sparks var(--bb-explosion-duration) ease-out both}@keyframes bb-explosion-burst{0%{transform:scale(.25) rotate(-12deg);opacity:1}25%{transform:scale(1.15) rotate(4deg);opacity:1}to{transform:scale(.8) rotate(12deg);opacity:0}}@keyframes bb-explosion-wave{0%{transform:scale(.3);opacity:.9}to{transform:scale(1.8);opacity:0}}@keyframes bb-explosion-sparks{0%{transform:rotate(var(--bb-spark-angle)) translate(calc(var(--tile) * .25));opacity:1}to{transform:rotate(var(--bb-spark-angle)) translate(calc(var(--tile) * 1.3)) scale(.2);opacity:0}}@media(prefers-reduced-motion:reduce){.bb-flame,.bb-flame .bb-fire{animation:none}.bb-explosion-core{animation-name:bb-explosion-fade}.bb-explosion-ring,.bb-explosion-spark{display:none}}@keyframes bb-explosion-fade{0%{opacity:1}to{opacity:0}}.bb-powerup{display:flex;align-items:center;justify-content:center;font-weight:900;font-size:calc(var(--tile) * .5);color:var(--ink);border-radius:50%;transform:scale(.68)}.bb-powerup-bomb{background:var(--warning)}.bb-powerup-range{background:var(--danger)}.bb-powerup-speed{background:var(--info)}.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%}}.bm-screen{justify-content:center;gap:24px}.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}.cp-screen,.cp-controller{--cp-navy: #0b1220;--cp-navy-mid: #152238;--cp-navy-deep: #0f1a2e;--cp-floor: #121c2e;--cp-floor-warning: #1a1220;--cp-floor-perfect: #101f2a;--cp-ball-mid: #e2e8f0;--cp-ball-shade: #94a3b8;--kit-pip-on: var(--danger);--kit-pip-off: color-mix(in srgb, var(--text) 22%, transparent);--kit-pip-off-opacity: 1;--kit-pip-off-filter: none;--kit-pip-glow: 0 0 10px color-mix(in srgb, var(--danger) 70%, transparent);--kit-score-color: var(--warning)}.cp-screen{--kit-hud-width: min(240px, 22vw);--kit-hud-gap: 16px;--kit-hud-justify: center;--kit-clock-align: left;--kit-clock-size: clamp(2.4rem, 6vmin, 3.8rem)}.cp-screen{background:radial-gradient(ellipse at 30% 20%,color-mix(in srgb,var(--info) 12%,transparent),transparent 45%),radial-gradient(ellipse at 70% 80%,color-mix(in srgb,var(--warning) 10%,transparent),transparent 40%),linear-gradient(160deg,var(--cp-navy) 0%,var(--cp-navy-mid) 50%,var(--cp-navy-deep) 100%)}.cp-screen.cp-urgent{animation:cp-urgent-pulse .55s ease-in-out infinite}@keyframes cp-urgent-pulse{0%,to{box-shadow:inset 0 0 0 0 transparent}50%{box-shadow:inset 0 0 0 10px color-mix(in srgb,var(--danger) 28%,transparent)}}.cp-floor{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--info) 8%,transparent) 0%,transparent 55%),repeating-radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--glass) 60%,transparent) 0 2px,transparent 2px 28px),var(--cp-floor);transition:background .18s ease}.cp-floor.cp-zone-warning{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--danger) 22%,transparent) 0%,transparent 60%),var(--cp-floor-warning)}.cp-floor.cp-zone-perfect{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--success) 20%,transparent) 0%,transparent 55%),var(--cp-floor-perfect)}.cp-ring{position:absolute;border-radius:50%;pointer-events:none;box-sizing:border-box}.cp-ring-arena{border:4px solid color-mix(in srgb,var(--text) 55%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--cp-navy) 50%,transparent),inset 0 0 40px color-mix(in srgb,var(--text) 4%,transparent)}.cp-ring-safe{border:3px dashed color-mix(in srgb,var(--success) 75%,transparent);background:color-mix(in srgb,var(--success) 8%,transparent)}.cp-ring-perfect{border:2px solid color-mix(in srgb,var(--warning) 85%,transparent);background:color-mix(in srgb,var(--warning) 12%,transparent)}.cp-bullseye{position:absolute;width:calc(var(--tile) * .35);height:calc(var(--tile) * .35);transform:translate(-50%,-50%);border-radius:50%;background:var(--warning);box-shadow:0 0 12px color-mix(in srgb,var(--warning) 70%,transparent)}.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,color-mix(in srgb,var(--danger) 15%,transparent),var(--danger));box-shadow:0 0 16px color-mix(in srgb,var(--danger) 70%,transparent)}.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 var(--danger);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--danger) 80%,transparent));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, var(--info));border:3px solid color-mix(in srgb,var(--white) 85%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--shade) 70%,transparent)}.cp-player-pull .cp-player-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--white) 50%,transparent),0 0 22px var(--cp-player, var(--info))}.cp-player-name{font-size:clamp(.75rem,1.6vmin,1.05rem);font-weight:700;color:var(--text);text-shadow:0 1px 4px color-mix(in srgb,var(--shade),black 60%);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%,var(--white) 0%,var(--cp-ball-mid) 28%,var(--cp-ball-shade) 100%);box-shadow:0 0 0 3px color-mix(in srgb,var(--cp-navy) 35%,transparent),0 8px 18px var(--shade)}.cp-ball-perfect{box-shadow:0 0 0 3px color-mix(in srgb,var(--warning) 65%,transparent),0 0 24px color-mix(in srgb,var(--warning) 55%,transparent)}.cp-ball-safe{box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 55%,transparent),0 0 18px color-mix(in srgb,var(--success) 40%,transparent)}.cp-ball-warning{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 70%,transparent),0 0 26px color-mix(in srgb,var(--danger) 55%,transparent);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,color-mix(in srgb,var(--white) 85%,transparent),transparent 70%)}.cp-flash-force{background:radial-gradient(circle,color-mix(in srgb,var(--danger) 90%,transparent),transparent 70%)}.cp-flash-lifeLost{background:radial-gradient(circle,color-mix(in srgb,var(--danger) 95%,transparent),transparent 70%);width:calc(var(--tile) * 3);height:calc(var(--tile) * 3)}.cp-flash-recovery{background:radial-gradient(circle,color-mix(in srgb,var(--success) 90%,transparent),transparent 70%)}.cp-flash-streak{background:radial-gradient(circle,color-mix(in srgb,var(--warning) 90%,transparent),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-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{--kit-pip-gap: 8px;--kit-pip-size: 1.4rem}.cp-zone-tag{font-size:1.05rem;font-weight:700;padding:10px 12px;border-radius:10px;background:var(--glass)}.cp-zone-tag-perfect{color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,transparent)}.cp-zone-tag-safe{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.cp-zone-tag-warning{color:color-mix(in srgb,var(--danger) 70%,var(--white));background:color-mix(in srgb,var(--danger) 16%,transparent)}.cp-warn-banner{font-weight:800;letter-spacing:.08em;color:color-mix(in srgb,var(--danger) 45%,var(--white));animation:cp-warn-pulse .35s ease-in-out infinite}.cp-controller{--kit-controller-bg: linear-gradient(180deg, var(--bg) 0%, var(--bg-raised) 100%)}.cp-controller-warning{--kit-controller-bg: linear-gradient(180deg, color-mix(in srgb, var(--bg) 75%, var(--danger)) 0%, var(--bg-raised) 100%)}.cp-controller-perfect{--kit-controller-bg: linear-gradient(180deg, color-mix(in srgb, var(--bg) 78%, var(--success)) 0%, var(--bg-raised) 100%)}.cp-controller-hint{margin:0;text-align:center;font-size:1.05rem;opacity:.85}.cp-pull-zone{--kit-action-size: min(72vw, 280px);--kit-action-font: clamp(2rem, 10vw, 3rem);--kit-action-shadow: 0 0 0 4px color-mix(in srgb, var(--white) 35%, transparent), 0 12px 30px var(--shade);flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.ct-controller-prompt{text-align:center}.ct-controller-prompt-text{font-size:clamp(1.1rem,4.5vw,1.5rem);margin:4px 0 0;line-height:1.25}.fg-flag-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);overflow:hidden;background:var(--shade);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}}.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:var(--ink);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-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)}.lc-screen{align-items:stretch}.lc-table{display:flex;align-items:center;justify-content:center;gap:32px;flex:1;min-height:0}.lc-top-card,.lc-deck{width:clamp(100px,13vw,180px);aspect-ratio:2 / 3;padding:16px;border-radius:var(--radius);border:3px solid var(--text-dim);background:var(--bg-card);box-shadow:0 8px 0 var(--bg-raised)}.lc-top-card{font-size:clamp(24px,4vh,48px);font-weight:800;transform:rotate(5deg)}.lc-top-card strong{display:block;text-align:center;font-size:clamp(40px,8vh,90px)}.lc-top-card[data-red]{color:var(--danger)}.lc-deck{display:grid;place-items:center;background:repeating-linear-gradient(45deg,var(--accent),var(--accent) 8px,var(--bg-raised) 8px,var(--bg-raised) 16px);font-size:4rem;transform:rotate(-5deg)}.lc-message{text-align:center;color:var(--text-dim);margin:0}.lc-roster{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.lc-player{display:flex;align-items:center;gap:12px;padding:12px;border:2px solid transparent;border-radius:var(--radius);background:var(--bg-card)}.lc-player[data-active]{border-color:var(--accent-hot)}.lc-player strong{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:color-mix(in srgb,var(--shade) 70%,transparent)}.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:var(--white);paint-order:stroke;stroke:color-mix(in srgb,var(--shade),black 30%);stroke-width:2.5px;pointer-events:none}@media(max-width:900px){.mc-body{grid-template-columns:1fr;grid-template-rows:1fr auto}}.mc-controller{justify-content:center;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:color-mix(in srgb,var(--shade) 70%,transparent);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 var(--shadow-color)}.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:var(--white);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-hot-streak{color:var(--accent-hot);font-size:1.05rem}.mm-prompt-text{font-size:clamp(2.2rem,6vw,4rem);font-variant-numeric:tabular-nums}.mm-my-streak{text-align:center;color:var(--accent-hot);font-weight:700;margin:0}.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:var(--ink);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{--sf-sky-top: #1b2a4a;--sf-sky-mid: #2c3e66;--sf-sky-low: #405682;--sf-snow: #eef4ff;--sf-snow-shade: #cdd9ef;--sf-ice: #bcdcff;--kit-pip-on: var(--sf-ice)}.sf-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,var(--sf-sky-top) 0%,var(--sf-sky-mid) 55%,var(--sf-sky-low) 100%)}.sf-ground{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,var(--sf-snow) 0%,var(--sf-snow-shade) 100%);box-shadow:inset 0 6px color-mix(in srgb,var(--white) 60%,transparent)}.sf-anchor{position:absolute;left:0;top:0;will-change:transform}.sf-player{position:absolute;left:0;top:0;width:calc(var(--tile) * 1.7);height:calc(var(--tile) * 1.7);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 var(--shade));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:var(--white);border-radius:3px;box-shadow:0 0 4px color-mix(in srgb,var(--white) 80%,transparent);transform-origin:0% 50%;transition:width .05s linear}.sf-power-bar{position:absolute;left:50%;top:-14%;width:calc(var(--tile) * 1.2);height:calc(var(--tile) * .16);transform:translate(-50%);background:color-mix(in srgb,var(--scrim) 75%,transparent);border:1px solid color-mix(in srgb,var(--white) 50%,transparent);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,color-mix(in srgb,var(--white) 55%,transparent) 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 color-mix(in srgb,var(--shade),black 40%);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,color-mix(in srgb,var(--white) 90%,transparent) 0%,transparent 70%)}.sf-impact-hit{background:radial-gradient(circle,color-mix(in srgb,var(--white) 95%,transparent) 0%,color-mix(in srgb,var(--warning) 55%,transparent) 45%,transparent 75%)}.sf-impact-ko{width:calc(var(--tile) * 1.5);height:calc(var(--tile) * 1.5);background:radial-gradient(circle,var(--white) 0%,color-mix(in srgb,var(--danger) 60%,transparent) 45%,transparent 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%,color-mix(in srgb,currentColor 25%,var(--white)),currentColor 70%);box-shadow:0 2px 6px var(--shade)}.sf-hearts{--kit-pip-gap: 6px;--kit-pip-size: 1.6rem}@media(orientation:landscape){.sf-hearts{--kit-pip-size: 1.3rem}}.ss-reveal-animal{margin:0;font-size:clamp(2rem,6vw,3.2rem);font-weight:900}.ss-options{max-width:640px}.ss-option-emoji{font-size:1.5rem}.ss-animal-reminder{font-size:clamp(1.6rem,6vw,2.2rem);font-weight:800;margin:0}.ss-answer-emoji{font-size:2rem}.ss-answer-name{font-size:1rem;font-weight:700;text-align:center;line-height:1.2}.sc-state-name{font-size:clamp(3rem,9vw,6rem);background:linear-gradient(90deg,var(--accent),var(--accent-hot));-webkit-background-clip:text;background-clip:text;color:transparent}.sc-controller-prompt{font-size:1.5rem}.audio-dialog{width:min(340px,calc(100vw - 40px))}.audio-panel{display:grid;gap:18px;color:var(--text-dim);text-align:left;font-size:14px;margin-bottom:22px}.audio-panel>strong{color:var(--text);font-size:22px}.audio-panel button{background:var(--accent);color:var(--white);border:0;border-radius:8px;padding:12px;font:inherit;cursor:pointer}.audio-panel label{text-transform:capitalize;display:grid;gap:8px}.audio-panel input{width:100%;accent-color:var(--accent)}.audio-panel p{font-size:12px;line-height:1.5;margin:0}.showcase-flow{height:100%;display:flex;flex-direction:column;min-height:0}.showcase-flow>.kit-controller{flex:1;min-height:0}.showcase-phase{text-align:center;font-weight:800;margin:10px}.showcase-entry{gap:18px}.showcase-entry label{display:flex;flex-direction:column;gap:8px;font-weight:700}.showcase-map{width:100%;min-height:100px;max-height:300px;fill:var(--text-dim);stroke:var(--bg);stroke-width:3}.showcase-equations{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.showcase-equations button{padding:20px 8px;border-radius:12px;font:inherit;font-weight:800}.showcase-votes{display:grid;gap:16px}.showcase-part-text{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;font-size:32px;font-weight:800}.showcase-part-text small{font-size:18px}.controller-part .sim-pad{width:100%;height:100%}.controller-part .kit-tap-button{width:100%;height:100%;font-size:28px}.controller-part .sim-grid{width:100%;height:100%}.showcase-sequence-controller,.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-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(12px,1.6vw,20px);width:100%;margin-top:clamp(4px,1vh,10px)}.landing-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:min(320px,90vw)}.landing-cta svg{width:1.1em;height:1.1em}.landing-subtext{margin:0 0 clamp(8px,1.6vh,16px);color:var(--text-dim);font-weight:600;font-size:.95rem;line-height:1.5}.landing-subtext svg{display:inline-block;width:1.1em;height:1.1em;margin-right:8px;vertical-align:-.15em;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}.landing-actions{flex-direction:column;align-items:stretch}.landing-cta{min-width:0;width:100%}}.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}.lobby-footer{display:flex;justify-content:center;padding-top:8px}.btn-end-party{display:inline-flex;align-items:center;gap:8px;color:var(--text-dim)}.btn-end-party svg{width:16px;height:16px}.btn-end-party:not(:disabled):hover{color:var(--danger)}.end-party-confirm{margin:0 0 24px;font-size:1.1rem;line-height:1.5}.end-party-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.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}.roster-toggle{display:flex;align-items:center;gap:12px;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer}.roster-toggle>svg{width:1.5em;height:1.5em;flex-shrink:0;color:var(--accent)}.roster-chevron{display:inline-flex;flex-shrink:0;width:1.3em;height:1.3em;margin-left:auto;color:var(--text-dim);transition:transform .2s ease}.roster-chevron svg{width:100%;height:100%}.roster.is-open .roster-chevron{transform:rotate(180deg)}.roster-toggle:hover .roster-chevron{color:var(--text)}.roster-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;width:100%;margin:0;padding:0 4px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.roster-strip:hover .roster-strip-avatar{filter:brightness(1.1)}.roster-strip-group{display:flex;align-items:center;flex-wrap:wrap;row-gap:8px}.roster-strip-group-away{padding-left:20px;border-left:1px solid var(--bg-card)}.roster-strip-label{margin-right:10px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.roster-strip .roster-strip-avatar{border:2px solid var(--bg)}.roster-strip .roster-strip-avatar+.roster-strip-avatar{margin-left:-12px}.roster-strip .roster-strip-more{background:var(--bg-raised);color:var(--text-dim);font-size:.85rem}.player-grid{display:flex;flex-wrap:wrap;gap:12px}.player-grid[hidden]{display:none}.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;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:1.15rem;line-height:1.25;white-space:nowrap}.player-name .leader-badge{display:inline-flex;color:var(--accent-hot);flex-shrink:0}.player-name .leader-badge svg{width:.85em;height:.85em}.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:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:clamp(12px,1.8vw,20px);row-gap:4px;background:var(--bg-raised);border:1px solid var(--bg-card);border-radius:18px;padding:14px clamp(14px,1.8vw,22px)}.game-art{grid-column:1;grid-row:1 / 3;align-self:center;width:clamp(64px,8vw,96px);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-card-title{grid-column:2;grid-row:1;margin:0 0 4px;min-width:0;font-size:clamp(1.1rem,1.6vw,1.35rem)}.game-card-desc{grid-column:2;grid-row:2;margin:0;min-width:0;color:var(--text-dim);font-size:clamp(.88rem,1.2vw,1rem);line-height:1.45}.game-card-footer{grid-column:1 / -1;grid-row:3;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:10px}.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;flex-shrink:0}.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:12px 28px;font-size:1.05rem;border-radius:14px}@media(max-width:480px){.game-card{column-gap:12px}.game-art{width:56px}.btn-start{flex:1 1 auto}}.btn-start svg{width:1.1em;height:1.1em}.settings-popup.settings-popup{position:relative;display:flex;flex-direction:column;max-width:780px;width:100%;max-height:100%;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{flex-shrink:0;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;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 2px 2px 0;margin:0 -2px}.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-row{display:flex;align-items:center;gap:12px;flex:999 1 240px;min-width:0}.setting-control{flex:1 1 auto;min-width:0}.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-card-boolean{flex-wrap:nowrap}.setting-card-boolean .setting-heading{flex:1;min-width:0}.setting-description-row{display:flex;align-items:center;gap:12px;margin-top:4px}.setting-description-row .setting-description{flex:1;margin:0}.setting-description-row .setting-switch{flex-shrink:0}.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;flex-shrink:0}.setting-pill-value{display:inline-block}.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{flex-shrink:0;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{position:relative;--topbar-h: clamp(52px, 8vh, 76px);flex:1;display:flex;justify-content:center;overflow:hidden;color:#f8f4ff;background:radial-gradient(circle at 50% 45%,rgba(81,29,145,.11),transparent 38%),#0f0b18}.game-intro-panel{position:relative;z-index:5;--content-w: min(760px, 90vw);width:min(1200px,92vw);height:100%;display:flex;flex-direction:column;align-items:center;padding:calc(var(--topbar-h) + clamp(8px,2vh,60px)) 0 clamp(12px,7vh,160px);overflow-y:auto;scrollbar-width:none;text-align:center}.game-intro-actions{margin-bottom:auto}.game-intro-panel::-webkit-scrollbar{display:none}.game-intro-topbar{position:absolute;z-index:10;top:0;left:0;right:0;height:var(--topbar-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:0 clamp(14px,2.4vw,34px);pointer-events:none}.game-intro-topbar .game-intro-brand{grid-column:1;justify-self:start}.game-intro-topbar-end{--room-code-size: clamp(2rem, min(3.2vw, 5.2vh), 2.8rem);--room-pill-pad: clamp(4px, .6vh, 8px);--room-pill-h: min( var(--topbar-h), calc(var(--room-code-size) + 2 * var(--room-pill-pad) + 2px) );grid-column:3;justify-self:end;display:flex;align-items:center;gap:clamp(10px,1.2vw,16px)}.game-intro-topbar-heading{grid-column:2;display:inline-flex;align-items:center;gap:clamp(10px,1.2vw,18px);min-width:0;max-width:50vw}.game-intro-topbar-title{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#fff;font-size:clamp(1.4rem,min(2.6vw,4.6vh),2.6rem);font-weight:900;letter-spacing:-.04em;line-height:1;text-shadow:0 5px 30px rgba(123,71,255,.16)}.game-intro-brand,.game-intro-room{display:inline-flex;align-items:center;height:clamp(36px,5.6vh,48px)}.game-intro-brand{pointer-events:auto;gap:clamp(14px,1.6vw,24px);padding:0;border:0;border-radius:999px;background:transparent;color:inherit;font:inherit;cursor:pointer;transition:transform .15s ease,filter .15s ease}.game-intro-brand:active{transform:scale(.97)}.game-intro-brand:hover,.game-intro-brand:focus-visible{filter:brightness(1.15)}.game-intro-brand-logo{position:relative;height:100%;aspect-ratio:1;flex:0 0 auto}.game-intro-brand-logo img{position:absolute;top:50%;left:50%;height:190%;width:auto;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 0 10px rgba(157,72,255,.35))}.game-intro-brand-text{display:flex;flex-direction:column;align-items:flex-start;gap:.15em;color:#9d93bb;text-transform:uppercase;letter-spacing:.22em;font-size:clamp(.9rem,min(1.45vw,2.3vh),1.2rem);font-weight:800;line-height:1}.game-intro-room{height:var(--room-pill-h);min-height:clamp(36px,5.6vh,48px);gap:clamp(10px,1.2vw,18px);padding:var(--room-pill-pad) clamp(18px,2vw,28px);border:1px solid rgba(129,78,220,.34);border-radius:999px;background:linear-gradient(145deg,#271d42e6,#1b152ff5);box-shadow:inset 0 1px #ffffff0a,0 10px 30px #00000040}.game-intro-room-label{display:flex;flex-direction:column;align-items:stretch;gap:.25em;color:#9d93bb;text-transform:uppercase;font-size:clamp(.55rem,min(.9vw,1.4vh),.75rem);font-weight:800;line-height:1}.game-intro-room-word{display:flex;justify-content:space-between;min-width:3.4em}.game-intro-room-code{color:#fff;letter-spacing:.08em;font-size:var(--room-code-size);font-weight:900;line-height:1}.game-intro-header{width:100%;max-width:var(--content-w);text-align:center}.game-intro-kicker{margin:0 0 clamp(4px,1.4vh,20px);color:#ff4f9a;text-transform:uppercase;letter-spacing:.38em;font-size:clamp(.7rem,min(1.4vw,2.1vh),1.25rem);font-weight:900;text-shadow:0 0 14px rgba(255,79,154,.45)}.game-intro-title{margin:0;font-size:clamp(2rem,min(6vw,8vh),5.75rem);line-height:.95;letter-spacing:-.055em;font-weight:900;text-shadow:0 5px 30px rgba(123,71,255,.16)}.game-intro-description{margin:clamp(6px,1.6vh,24px) 0 0;color:#aaa1c5;font-size:clamp(.95rem,min(1.8vw,2.5vh),1.6rem);font-weight:500}.game-intro-rules-wrap{--rules: 3;--rules-em: calc(2.7 * var(--rules) + 1.3);flex:1 1 auto;width:100%;min-height:calc(var(--rules-em) * 1rem + 16px);margin-top:clamp(10px,2.4vh,38px);display:flex;align-items:center;justify-content:center;container-type:size}.game-intro-rules{width:fit-content;max-width:100%;margin:0;font-size:clamp(1.1rem,min(calc(92cqh / var(--rules-em)),3.4cqw),3.6rem);--pad: .65em;padding:var(--pad) 1.6em var(--pad) var(--pad);display:flex;flex-direction:column;gap:.5em;list-style:none;text-align:left;border:1px solid rgba(126,74,219,.32);border-radius:clamp(20px,1.2em,44px);background:linear-gradient(135deg,#2b2147eb,#1c1630db);box-shadow:inset 0 1px #ffffff09,0 24px 60px #0000002e}.game-intro-rules li{display:flex;align-items:center;gap:.75em;font-size:1em;font-weight:700;line-height:1.25}.game-intro-rule-icon{--size: 2.2em;flex:0 0 auto;width:var(--size);height:var(--size);display:grid;place-items:center;border-radius:50%;color:#c9b8ff;background:#7c5cff2e}.game-intro-rule-icon svg{width:52%;height:52%}.game-intro-roster{width:100%;max-width:var(--content-w);display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(10px,min(1.8vw,2vh),24px);margin-top:clamp(10px,2vh,30px)}.game-intro-player{position:relative;--avatar: clamp(48px, 11vh, 86px);width:clamp(130px,18vw,220px);min-height:clamp(120px,27vh,210px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(12px,2.6vh,28px) clamp(10px,1.5vw,20px) clamp(10px,2.2vh,22px);border-radius:clamp(16px,3vh,25px);background:linear-gradient(145deg,#271d42f0,#19142cf5);border:1px solid rgba(123,75,205,.25);box-shadow:inset 0 1px #ffffff0a,0 20px 40px #00000029;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.game-intro-roster[data-dense] .game-intro-player{--avatar: clamp(34px, 6.5vh, 64px);width:clamp(110px,14vw,170px);min-height:clamp(84px,16vh,150px);padding:clamp(8px,1.6vh,18px) clamp(8px,1vw,14px) clamp(8px,1.4vh,14px)}.game-intro-roster[data-dense] .game-intro-player-name{margin-top:clamp(4px,1vh,10px);font-size:clamp(14px,2.3vh,20px)}.game-intro-roster[data-dense] .game-intro-player-status{margin-top:clamp(4px,1vh,10px);padding:clamp(2px,.7vh,6px) 10px;font-size:clamp(11px,1.7vh,15px)}.game-intro-player.ready{transform:translateY(-4px);border-color:color-mix(in srgb,var(--player-color) 80%,transparent);box-shadow:0 0 24px color-mix(in srgb,var(--player-color) 16%,transparent),inset 0 0 40px color-mix(in srgb,var(--player-color) 5%,transparent)}.game-intro-player.away{opacity:.45}.avatar.game-intro-player-avatar{--avatar-size: var(--avatar);color:#10101c;font-size:calc(var(--avatar) * .41);font-weight:900;box-shadow:0 0 20px color-mix(in srgb,var(--player-color) 45%,transparent);transition:transform .2s ease,box-shadow .2s ease}.game-intro-player.ready .game-intro-player-avatar{transform:scale(1.08);box-shadow:0 0 25px var(--player-color),0 0 55px color-mix(in srgb,var(--player-color) 35%,transparent)}.game-intro-player-name{margin-top:clamp(6px,1.6vh,15px);max-width:100%;font-size:clamp(15px,2.8vh,24px);font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-intro-player-status{width:85%;margin-top:clamp(6px,1.4vh,13px);padding:clamp(3px,.9vh,8px) 12px;border-radius:999px;text-align:center;color:#bdb2db;font-size:clamp(12px,2vh,17px);font-weight:600;background:#41287070;border:1px solid rgba(125,70,213,.34);transition:color .2s ease,border-color .2s ease}.game-intro-player.ready .game-intro-player-status{color:#fff;border-color:color-mix(in srgb,var(--player-color) 70%,transparent)}.game-intro-countdown{margin:clamp(8px,2.2vh,40px) 0 0;color:#aaa1c5;font-size:clamp(.9rem,min(1.6vw,2.2vh),1.3rem);font-weight:650;font-variant-numeric:tabular-nums}.game-intro-countdown strong{color:#bcb2dc}.game-intro-actions{display:flex;align-items:center;gap:clamp(18px,2.4vw,28px);margin-top:clamp(8px,2vh,28px)}.game-intro-cancel,.game-intro-start{min-height:clamp(48px,8vh,78px);border:0;border-radius:clamp(16px,3vh,25px);color:#fff;font:inherit;font-size:clamp(16px,min(2.2vw,2.8vh),22px);font-weight:800;cursor:pointer;transition:transform .15s ease,filter .15s ease}.game-intro-cancel:active,.game-intro-start:active{transform:scale(.97)}.game-intro-cancel{width:clamp(150px,20vw,220px);color:#b5abce;background:linear-gradient(145deg,#271d42e0,#1b152ff5);border:1px solid rgba(129,78,220,.3)}.game-intro-start{position:relative;width:clamp(200px,26vw,290px);display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(110deg,#8050ff,#b94fe5 48%,#ff4f91);box-shadow:0 0 24px #9d48ff42,0 0 45px #ff4c961f,inset 0 1px #ffffff40}.game-intro-start:hover{filter:brightness(1.08);transform:translateY(-2px)}.game-intro-start-icon{display:inline-flex;flex-shrink:0;height:.85em;aspect-ratio:11.6 / 13.2}.game-intro-start-icon svg{width:100%;height:100%;overflow:visible}.game-intro-waves{position:absolute;z-index:1;left:0;right:0;bottom:0;width:100%;height:clamp(90px,18vh,270px);pointer-events:none}.game-intro-wave-back{opacity:.72;filter:drop-shadow(0 -1px 1px rgba(112,44,255,.9)) drop-shadow(0 -6px 18px rgba(89,35,207,.17))}.game-intro-wave-front{opacity:.96}.game-intro-ambient{position:absolute;z-index:0;top:80px;width:420px;height:620px;border-radius:50%;pointer-events:none;filter:blur(70px);opacity:.16;background:#651aff}.game-intro-ambient-left{left:-250px}.game-intro-ambient-right{right:-250px}.game-intro-confetti span{position:absolute;z-index:2;pointer-events:none}.game-intro-confetti-bar{width:10px;height:38px;border-radius:999px;color:#b43cff;background:linear-gradient(#ff4eb6,#824cff);box-shadow:0 0 14px currentColor}.game-intro-confetti-bar.c1{left:21%;top:16%;transform:rotate(-48deg)}.game-intro-confetti-bar.c2{right:21%;top:16%;transform:rotate(48deg)}.game-intro-confetti-bar.c3{left:24%;top:11%;height:30px;color:#ff8068;background:#ff8068;transform:rotate(-48deg)}.game-intro-confetti-bar.c4{right:24%;top:11%;height:30px;color:#ff8068;background:#ff8068;transform:rotate(48deg)}.game-intro-confetti-dot{width:8px;height:8px;border-radius:50%;background:#772cff;box-shadow:0 0 11px #772cff}.game-intro-confetti-dot.d1{left:12%;top:13%}.game-intro-confetti-dot.d2{right:9%;top:22%;width:6px;height:6px;background:#ff5d8c;box-shadow:0 0 11px #ff5d8c}.game-intro-confetti-dot.d3{left:7%;top:37%;background:#ff5d8c;box-shadow:0 0 11px #ff5d8c}.game-intro-confetti-dot.d4{right:16%;top:44%;width:10px;height:10px}.game-intro-confetti-dot.d5{left:15%;top:68%}.game-intro-confetti-dot.d6{right:6%;top:61%;width:6px;height:6px;background:#ff8068;box-shadow:0 0 11px #ff8068}@media(max-width:720px){.game-intro-actions{width:100%}.game-intro-cancel,.game-intro-start{flex:1;width:auto}}.game-showcase{--showcase-gutter: clamp(20px, 2.9vw, 56px);--showcase-side-w: clamp(324px, 20.4vw, 408px);--showcase-gap: clamp(16px, 1.8vw, 36px);--showcase-columns: minmax(0, var(--showcase-main-w, 1fr)) minmax(var(--showcase-side-w), 1fr)}.game-showcase-layout{position:absolute;z-index:5;inset:var(--topbar-h) var(--showcase-gutter) clamp(40px,7vh,80px);display:grid;grid-template-columns:var(--showcase-columns);grid-template-rows:minmax(0,1fr);gap:var(--showcase-gap);padding-top:clamp(2px,.6vh,8px)}.game-showcase .game-intro-topbar{grid-template-columns:var(--showcase-columns);gap:var(--showcase-gap);padding:0 var(--showcase-gutter)}.game-showcase .game-intro-topbar .game-intro-brand,.game-showcase .game-intro-topbar-heading{grid-area:1 / 1}.game-showcase .game-intro-topbar-heading{justify-self:center}.game-showcase .game-intro-topbar-end{grid-column:2;justify-self:stretch}.game-showcase .game-intro-topbar .game-intro-room{flex:1;min-width:0;justify-content:center}.game-showcase .game-menu{position:relative;right:auto;bottom:auto;z-index:30;flex:0 0 auto;pointer-events:auto}.game-showcase .game-menu-btn{width:var(--room-pill-h);height:var(--room-pill-h);opacity:1;border:1px solid rgba(129,78,220,.34);border-radius:999px;background:linear-gradient(145deg,#271d42e6,#1b152ff5);color:#fff;box-shadow:inset 0 1px #ffffff0a,0 10px 30px #00000040;transition:filter .15s ease,border-color .15s ease}.game-showcase .game-menu-btn:hover,.game-showcase .game-menu-btn:focus-visible,.game-showcase .game-menu[data-open=true] .game-menu-btn{filter:brightness(1.2);border-color:#9d68ff99}.game-showcase .game-menu-btn svg{width:45%;height:45%}.game-showcase .game-menu-panel{position:absolute;top:calc(100% + 10px);right:0}.game-showcase-main{display:flex;flex-direction:column;align-items:center;min-width:0;min-height:0;text-align:center}.game-showcase-stage{flex:1 1 auto;width:100%;min-height:0;display:flex;align-items:center;justify-content:center}.game-showcase-preview{position:relative;width:100%;max-height:100%;aspect-ratio:var(--showcase-preview-aspect, 16 / 9);border-radius:clamp(16px,2.8vh,30px);overflow:hidden;border:1px solid rgba(126,74,219,.45);background:#1a1230;box-shadow:inset 0 1px #ffffff0d,0 30px 70px #00000059,0 0 60px #7c5cff1f}.game-showcase-preview-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;pointer-events:none}.game-showcase-preview-stage:has(>.bm-screen){container-type:size}.game-showcase-preview-stage>.bm-screen{font-size:min(2.5cqw,3.75cqh);padding:1.1em 2em;gap:1.1em;min-width:0}.game-showcase-preview-stage .bm-screen .kit-clock-hero{font-size:4em;line-height:1}.game-showcase-preview-stage .bm-bars{gap:.6em}.game-showcase-preview-stage .bm-bar-row{grid-template-columns:minmax(0,22%) minmax(0,1fr) minmax(0,22%);gap:.7em;font-size:1em}.game-showcase-preview-stage .bm-bar-name{overflow:hidden;text-overflow:ellipsis}.game-showcase-preview-stage .bm-bar-count{text-align:left}.game-showcase-preview-stage .bm-bar-track{height:1.6em}.game-showcase-preview-stage .bm-bar-fill{min-width:.25em}.game-showcase-preview-stage .bm-screen .kit-round-result{padding:1em;gap:.45em}.game-showcase-preview-stage .bm-screen .kit-round-result-title{font-size:3em}.game-showcase-preview-stage .bm-screen .kit-winners{gap:1.75em;margin-top:.6em}.game-showcase-preview-stage .bm-screen .kit-winner{gap:.35em;min-width:0;max-width:100%;overflow-wrap:anywhere}.game-showcase-preview-stage .bm-screen .kit-winner-name{font-size:1.15em}.game-showcase-preview-stage .bm-screen .avatar-big{--avatar-size: min(10cqw, 15cqh)}.game-showcase-preview-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.game-showcase-preview-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;padding:clamp(5px,.8vh,8px) clamp(10px,1.5vh,16px);border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0f0b18b8;color:#e5ddff;font-size:clamp(.65rem,1.3vh,.875rem);font-weight:800;letter-spacing:.2em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-showcase-preview-chip i{width:9px;height:9px;border-radius:50%;background:#ff4f9a;box-shadow:0 0 10px #ff4f9a;animation:game-showcase-blink 1.4s infinite}@keyframes game-showcase-blink{50%{opacity:.35}}.game-showcase-objective{margin:clamp(10px,2.4vh,26px) 0 0;color:#fff;font-size:clamp(1.1rem,min(1.9vw,3.3vh),2.25rem);font-weight:800;letter-spacing:-.01em}.game-showcase-settings{display:inline-flex;align-items:center;gap:12px;margin-top:clamp(10px,2vh,22px);padding:clamp(6px,1.1vh,12px) clamp(16px,2.4vh,26px);border-radius:999px;border:1px solid var(--glass-border, rgba(129, 78, 220, .34));background:linear-gradient(145deg,#271d42e6,#1b152ff5);color:#d8cfff;font-size:clamp(.8rem,min(.95vw,1.7vh),1.125rem);font-weight:800}.game-showcase-settings svg{width:1.1em;height:1.1em;flex:0 0 auto}.game-showcase-side{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:clamp(8px,1.4vh,16px);container-type:size;min-width:0;min-height:0;padding:clamp(8px,1.2vh,14px) clamp(12px,1.8vh,20px) clamp(12px,1.8vh,20px);border-radius:clamp(18px,3vh,32px);border:1px solid rgba(129,78,220,.38);background:linear-gradient(160deg,#3a2868d1,#1f163af0);box-shadow:inset 0 1px #ffffff0d,0 30px 70px #00000059}.game-showcase-side:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 50% -10%,rgba(124,92,255,.28),transparent 55%)}.game-showcase-section-title{position:relative;margin:clamp(4px,.8vh,8px) 0 clamp(10px,1.7vh,18px);padding-bottom:clamp(8px,1.1vh,12px);font-size:clamp(1.1rem,2.4vh,1.625rem);font-weight:900;letter-spacing:-.01em}.game-showcase-section-title:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,#fff,#ffffff59)}.controller-preview{display:flex;flex-direction:column;min-height:0;gap:clamp(8px,1.2vh,14px)}.controller-preview-body{display:grid;grid-template-rows:auto auto;align-content:start;flex:1;min-height:0;gap:clamp(8px,1.2vh,14px)}.controller-preview-portrait .controller-preview-body{display:grid;grid-template-columns:clamp(116px,17vh,176px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:clamp(10px,1.4vh,16px)}.controller-preview-phone{min-width:0;min-height:0;display:flex;align-items:flex-start;height:0;overflow:visible}.controller-preview-portrait .controller-preview-legend{align-self:start}.controller-preview-title{margin-top:0;margin-bottom:0;text-align:center}.scaled-fit{position:relative;width:100%;display:flex;justify-content:center}.scaled-fit:not([data-fitted])>.scaled{visibility:hidden}.scaled{position:absolute;top:0;left:50%;transform-origin:50% 0;translate:-50% 0;box-sizing:border-box;pointer-events:none}.phone-frame{padding:14px;border-radius:46px;background:#0d0a17;border:3px solid #3d3459;box-shadow:inset 0 0 0 2px #ffffff0f,0 20px 50px #00000080}.phone-frame-speaker{position:absolute;background:#2b2442;border-radius:99px}.phone-frame-landscape .phone-frame-speaker{left:6px;top:50%;width:4px;height:56px;translate:0 -50%}.phone-frame-portrait .phone-frame-speaker{top:6px;left:50%;height:4px;width:56px;translate:-50% 0}.phone-frame-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:34px;background:#13111c}.controller-preview-layout{display:flex;flex-direction:column;width:100%;height:100%;padding:16px 22px 18px;box-sizing:border-box;gap:8px}.controller-preview-hud{height:26px;border-radius:8px;background:#ffffff0f}.controller-preview-zones{flex:1;min-height:0;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.controller-preview-move{width:240px;height:240px;flex-shrink:0}.phone-frame-portrait .controller-preview-layout{padding:18px 16px 24px}.phone-frame-portrait .controller-preview-zones{gap:10px}.phone-frame-portrait .controller-preview-move{width:190px;height:190px}.phone-frame-portrait .controller-preview-actions{padding-bottom:20px}.controller-preview-actions{display:flex;align-items:flex-end}.controller-preview-answer-grid{padding:0;gap:0}.controller-preview-answer-grid .kit-controller{flex:1;min-height:0;overflow:hidden}.scaled .kit-dpad-button{font-size:1.6rem;background:#ffffff29}.scaled .kit-action-button{width:118px;height:118px;font-size:1.25rem}.scaled .kit-action-slot-secondary .kit-action-button,.scaled .kit-action-slot-tertiary .kit-action-button{width:84px;height:84px;font-size:1rem}.controller-part{display:grid;place-items:center}.controller-part .kit-dpad{width:100%;height:100%;gap:8px}.controller-part .kit-dpad-button{font-size:1.5rem;border-radius:14px}.controller-part .kit-action-button{width:140px;height:140px;font-size:1.5rem}.controller-part .kit-stick-zone{border-radius:20px}.controller-part .quiz-answer-grid{width:100%;height:100%;gap:8px}.controller-part .quiz-answer-btn{border-radius:14px;gap:0}.controller-part .quiz-answer-letter{font-size:1.9rem}.controller-preview-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(6px,1vh,10px)}.controller-preview-legend li{display:grid;grid-template-columns:clamp(48px,6.4vh,68px) minmax(0,1fr);align-items:center;gap:clamp(10px,1.4vh,14px);padding:clamp(6px,1vh,10px) clamp(10px,1.4vh,14px);border-radius:clamp(10px,1.4vh,14px);background:#ffffff12;border:1px solid rgba(255,255,255,.08)}.controller-preview-legend-text{display:flex;flex-direction:column;gap:2px;min-width:0}.controller-preview-legend-text b{font-size:clamp(1.1rem,2.4vh,1.5rem);font-weight:800}.controller-preview-legend-text small{color:#aaa1c5;font-size:clamp(.86rem,1.75vh,1.15rem);font-weight:600}.game-showcase-roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(50px,5.4vh,60px),1fr));gap:clamp(6px,.8vh,8px);margin-top:4px}.game-showcase-roster[data-dense]{grid-template-columns:repeat(auto-fill,minmax(clamp(52px,5.6vh,62px),1fr))}.game-showcase-roster .game-intro-player{--avatar: clamp(32px, 4.6vh, 50px);width:auto;min-width:0;min-height:0;gap:clamp(4px,.7vh,8px);padding:clamp(8px,1.2vh,12px) 4px clamp(8px,1vh,10px);border-radius:clamp(14px,1.9vh,20px)}.game-showcase-roster .game-intro-player-name{margin-top:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.75rem,1.4vh,.95rem)}.game-showcase-roster .game-intro-player-status{width:92%;margin-top:0;padding:clamp(3px,.5vh,5px) 0;font-size:clamp(.65rem,1.2vh,.8125rem)}.game-showcase-roster[data-dense] .game-intro-player-status{display:none}.game-showcase-actions{display:flex;gap:clamp(8px,1.1vh,12px);margin-top:0}.game-showcase-actions .game-intro-start{flex:1;width:auto;min-height:clamp(42px,5vh,54px);font-size:clamp(.9rem,1.7vh,1.125rem)}.game-showcase-ready-count{flex:0 0 auto;display:grid;grid-auto-flow:column;align-content:center;align-items:baseline;justify-content:center;min-width:clamp(56px,6.6vh,72px);padding:0 clamp(10px,1.4vh,14px);border-radius:clamp(12px,1.5vh,16px);border:1px solid rgba(255,255,255,.12);background:#0f0b188c;font-size:clamp(1.1rem,2.2vh,1.5rem);font-weight:900;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.game-showcase-ready-count.all-ready{color:#34d399;border-color:#34d39973;background:#34d3991f}.game-showcase-ready-of{color:#aaa1c5;font-size:.7em;font-weight:800}.game-showcase-ready-count.all-ready .game-showcase-ready-of{color:inherit;opacity:.7}.game-showcase-side .controller-preview-title{font-size:clamp(16px,min(4.5cqw,4cqh),26px);padding-bottom:clamp(6px,1.5cqh,12px)}.game-showcase-side .controller-preview-legend li{grid-template-columns:clamp(32px,min(12cqw,9cqh),68px) minmax(0,1fr);padding:clamp(4px,1cqh,10px) clamp(6px,2cqw,14px);gap:clamp(6px,2cqw,14px)}.game-showcase-side .controller-preview-legend-text b{font-size:clamp(14px,min(4cqw,3.5cqh),24px)}.game-showcase-side .controller-preview-legend-text small{font-size:clamp(12px,min(3cqw,2.6cqh),18px);line-height:1.25}.game-showcase-side .game-showcase-roster{grid-template-columns:repeat(auto-fit,minmax(clamp(40px,10cqw,62px),1fr));gap:clamp(4px,1cqw,8px)}.game-showcase-side .game-intro-player{--avatar: clamp(24px, min(8cqw, 7cqh), 50px);padding:clamp(5px,1.2cqh,12px) 4px;gap:clamp(3px,.8cqh,8px)}.game-showcase-side .game-intro-player-name{font-size:clamp(11px,min(2.8cqw,2.4cqh),15px)}.game-showcase-side .game-intro-start{min-height:clamp(40px,8cqh,54px);padding:8px 12px;font-size:clamp(14px,min(3.5cqw,3cqh),18px)}.game-showcase-side .game-showcase-ready-count{min-width:44px;font-size:clamp(16px,min(4cqw,4cqh),24px)}.game-countdown{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.game-countdown-kicker{margin:0;color:var(--text-dim);text-transform:uppercase;letter-spacing:.28em;font-weight:800;font-size:1rem}.game-countdown-number{font-size:clamp(6rem,22vw,14rem);font-weight:900;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-hot));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;animation:game-countdown-pop .5s ease-out}@keyframes game-countdown-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.game-host{flex:1;display:flex;flex-direction:column;min-height:0}.game-host-waiting{position:fixed;left:clamp(12px,1.6vw,24px);bottom:clamp(12px,1.6vw,24px);z-index:25;display:flex;align-items:center;gap:12px;max-width:min(60vw,720px);padding:8px 14px 8px 16px;border:1px solid var(--bg-card);border-radius:999px;background:#13111cc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #0006;pointer-events:none}.game-host-waiting-label{flex-shrink:0;color:var(--text-dim);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.game-host-waiting-names{display:flex;flex-wrap:wrap;gap:6px 10px;min-width:0}.game-host-waiting-player{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:700;white-space:nowrap}.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-inline{position:relative;right:auto;bottom:auto}.game-menu-inline .game-menu-panel{position:absolute;top:calc(100% + 8px);right:0}.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}}@media(max-width:1440px){.game-showcase .game-intro-brand-text{display:none}}.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-logo{width:clamp(180px,62vw,320px);height:auto;aspect-ratio:1536 / 1024;object-fit:contain;margin:0 0 clamp(-70px,-13vw,-34px)}.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-code-input{position:relative}.join-code-input .input{width:100%;padding-right:48px}.join-code-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:1.5rem;cursor:pointer}.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}.host-link{margin-top:-4px;width:100%;max-width:360px;text-decoration:underline;text-underline-offset:3px}.host-confirm-title{margin:0 0 12px;font-size:1.3rem}.host-confirm-body{margin:0 0 16px;color:var(--text-dim);line-height:1.5}.host-callout{display:flex;align-items:flex-start;gap:10px;margin:0 0 24px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--accent);border-radius:14px;text-align:left;line-height:1.5;font-size:.95rem}.host-callout-icon{flex-shrink:0;font-size:1.1rem;line-height:1.4}.host-confirm-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.host-confirm-actions .btn{flex:1;min-width:140px}.player-lobby{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:24px;text-align:center;overflow-x:hidden;overflow-y:auto;background:radial-gradient(120% 60% at 50% -10%,rgba(124,92,255,.18),transparent 60%),#0f0c17}.player-lobby.leader-mode{align-items:stretch;justify-content:flex-start;gap:20px;padding:28px 16px 32px;overflow-y:auto;overflow-x:hidden;text-align:left}.player-lobby-ambient{position:absolute;top:-120px;width:260px;height:260px;border-radius:50%;background:#651aff;opacity:.22;filter:blur(60px);pointer-events:none;z-index:0}.player-lobby-ambient-left{left:-130px}.player-lobby-ambient-right{right:-130px}.player-lobby>:not(.player-lobby-ambient){position:relative;z-index:1}.me{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.me .avatar-burst .me-avatar{--avatar-hero-size: 112px}.me h1{margin:8px 0 0;font-size:clamp(1.9rem,9vw,2.4rem);font-weight:900;line-height:1.05;display:inline-flex;align-items:center;gap:10px}.leader-badge{color:var(--accent-hot);font-size:.7em;text-shadow:0 0 14px rgba(255,79,154,.55)}.room-tag{display:inline-flex;align-items:baseline;gap:10px;margin:8px 0 0;padding:7px 20px;border-radius:999px;border:1.5px solid rgba(124,92,255,.7);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.room-tag-label{color:var(--text-dim)}.room-tag-code{background:linear-gradient(90deg,var(--accent),var(--accent-hot));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.28em;margin-right:-.28em}.last-result{color:var(--text-dim);margin:0;text-align:center}.lobby-hint{color:var(--text-dim);max-width:280px;margin:0}.leave-btn{margin-top:12px;padding:10px 18px;align-self:center}.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}.leader-panel{display:flex;flex-direction:column;gap:22px;width:100%;max-width:480px;margin:0 auto}.leader-kicker{margin:-6px 0 0;color:var(--text-dim);font-size:.92rem;font-weight:500;text-align:center}.leader-section{display:flex;flex-direction:column;gap:12px}.leader-section-card{padding:14px;border-radius:22px;border:1px solid rgba(126,74,219,.32);background:linear-gradient(135deg,#2b2147eb,#1c1630db);box-shadow:inset 0 1px #ffffff09,0 18px 40px #00000038}.leader-section-title{display:flex;align-items:center;gap:10px;margin:0;padding:0 4px;text-transform:uppercase;letter-spacing:.16em;font-size:.85rem;font-weight:800}.leader-section-title>svg{width:1.5em;height:1.5em;flex-shrink:0;color:#b28dff}.leader-count{margin-left:auto;text-transform:none;letter-spacing:normal;font-weight:600;font-size:.85rem;color:var(--text-dim)}.leader-roster-toggle{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.leader-roster-toggle>svg{width:1.5em;height:1.5em;flex-shrink:0;color:#b28dff}.leader-roster-chevron{display:inline-flex;flex-shrink:0;width:1.3em;height:1.3em;color:var(--text-dim);transition:transform .2s ease}.leader-roster-chevron svg{width:100%;height:100%}.leader-roster-section.is-open .leader-roster-chevron{transform:rotate(180deg)}.leader-roster-strip{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:0 4px}.leader-roster-strip-group{display:flex;align-items:center}.leader-roster-strip-group-away{padding-left:16px;border-left:1px solid rgba(124,92,255,.28)}.leader-roster-strip-label{margin-right:8px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.leader-roster-strip .leader-roster-strip-avatar{border:2px solid var(--bg)}.leader-roster-strip .leader-roster-strip-avatar+.leader-roster-strip-avatar{margin-left:-10px}.leader-roster-strip .leader-roster-strip-more{background:#140f24e6;color:var(--text-dim);font-size:.8rem}.leader-roster{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.leader-roster[hidden]{display:none}.leader-player{display:flex;align-items:center;gap:12px;background:#140f24bf;border:1.5px solid rgba(124,92,255,.28);border-radius:16px;padding:8px 8px 8px 10px;cursor:grab;-webkit-touch-callout:none}.leader-player.is-self{border-color:var(--accent-hot);box-shadow:0 0 18px #ff4f9a59,inset 0 0 22px #ff4f9a0f}.leader-player.away{opacity:.5}.leader-player.dragging{position:relative;z-index:5;border-style:dashed;border-color:var(--text-dim);cursor:grabbing;touch-action:none}.leader-player .avatar{--avatar-size: 44px}.leader-player-name{flex:1;min-width:0;font-size:1.1rem;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-player-you{margin-left:8px;color:var(--accent-hot);font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.btn.leader-kick{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:0;border:1.5px solid rgba(167,159,196,.5);border-radius:50%;background:var(--bg-card);color:var(--text-dim);line-height:1}.btn.leader-kick svg{width:16px;height:16px}.btn.leader-kick:hover{color:var(--danger);border-color:var(--danger)}.leader-game-list{display:flex;flex-direction:column;gap:12px}.leader-game-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;column-gap:14px;row-gap:4px;padding:14px;border-radius:22px;border:1px solid rgba(126,74,219,.32);background:linear-gradient(135deg,#2b2147eb,#1c1630db);box-shadow:inset 0 1px #ffffff09,0 18px 40px #00000038}.leader-game-card .game-art{grid-column:1;grid-row:1 / 3;align-self:start;width:96px;aspect-ratio:1;flex-shrink:0;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px #00000059}.leader-game-card .game-art img,.leader-game-card .game-art svg{display:block;width:100%;height:100%;object-fit:cover}.leader-game-title{grid-column:2;grid-row:1;margin:2px 0 4px;min-width:0;font-size:1.15rem;font-weight:800}.leader-game-desc{grid-column:2;grid-row:2;margin:0;min-width:0;color:var(--text-dim);font-size:.98rem;font-weight:500;line-height:1.35}.leader-game-footer{grid-column:1 / -1;grid-row:3;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:10px}.leader-game-players-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1.5px solid rgba(124,92,255,.45);border-radius:999px;color:#c9b8ff;font-weight:600;font-size:.8rem;flex-shrink:0}.leader-game-players-pill svg{width:1.1em;height:1.1em}.btn.leader-game-start{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-width:120px;padding:12px 22px;border-radius:999px;color:#fff;font-size:1.05rem;font-weight:700;background:linear-gradient(90deg,#7c5cff,#b45cff 50%,var(--accent-hot));box-shadow:0 0 22px #9d48ff47,0 0 40px #ff4c9624,inset 0 1px #ffffff40}.btn.leader-game-start:disabled{background:var(--bg-card);color:var(--text-dim);box-shadow:none}.btn.leader-game-start svg{height:.8em;aspect-ratio:11.6 / 13.2;overflow:visible}.btn.leader-game-start:disabled svg{display:none}.player-intro{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;text-align:center;overflow:hidden;background:radial-gradient(120% 60% at 50% -10%,rgba(124,92,255,.18),transparent 60%),#0f0c17}.player-intro-scroll{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;padding:12px 16px 24px;overflow-y:auto;overflow-x:hidden}.player-intro-waves{position:absolute;left:0;right:0;bottom:0;width:100%;height:180px;pointer-events:none;z-index:0;overflow:visible}.player-intro-wave{animation:intro-wave-drift 8s ease-in-out infinite alternate}.player-intro-wave-front{animation-direction:alternate-reverse;animation-duration:10s}@keyframes intro-wave-drift{0%{transform:translate(-8px)}to{transform:translate(8px,6px)}}@media(prefers-reduced-motion:reduce){.player-intro-wave{animation:none}}.player-intro-body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:400px;margin:0 auto auto;padding:8px 0}.player-intro-identity{display:flex;flex-direction:column;align-items:center;gap:4px}.avatar-burst{position:relative;display:inline-flex;padding:12px 44px}.avatar.player-intro-avatar{--avatar-hero-size: 112px;font-size:3.2rem;box-shadow:0 0 0 4px #ffffff0f,0 0 48px #ff7a5973,0 18px 40px #00000073}.intro-spark{position:absolute;display:block;width:20px;height:5px;pointer-events:none;overflow:visible}.avatar-burst .intro-spark-1{top:calc(50% - 4px);left:calc(50% - 94px);width:20px;height:4px;color:#ffb08a;transform:rotate(45deg)}.avatar-burst .intro-spark-2{top:calc(50% - 4px);right:calc(50% - 94px);width:20px;height:4px;color:#ff7aa8;transform:rotate(135deg)}.avatar-burst .intro-spark-3{top:calc(50% + 38px);left:calc(50% - 100px);width:28px;height:7px;color:#ff5cd6;transform:rotate(45deg)}.avatar-burst .intro-spark-4{top:calc(50% + 38px);right:calc(50% - 100px);width:28px;height:7px;color:#8a6cff;transform:rotate(135deg)}.intro-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#9a7dff;opacity:.5;pointer-events:none}.avatar-burst .intro-dot-1{top:calc(50% + 68px);left:calc(50% - 106px)}.avatar-burst .intro-dot-2{top:calc(50% + 68px);right:calc(50% - 106px)}.player-intro-you{margin:0;color:var(--text-dim);text-transform:uppercase;letter-spacing:.28em;font-weight:700;font-size:.8rem}.player-intro-name{margin:0;font-size:clamp(2.4rem,12vw,3.2rem);font-weight:900;line-height:1.05;letter-spacing:-.01em}.player-intro-game{display:inline-block;margin:4px 0 0;padding:9px 22px;border-radius:999px;border:1.5px solid rgba(124,92,255,.7);background:linear-gradient(90deg,var(--accent),var(--accent-hot));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em}.player-intro-rules{display:flex;flex-direction:column;gap:18px;width:100%;margin:0;padding:20px;text-align:left;list-style:none;background:#2621388c;border:1px solid rgba(124,92,255,.18);border-radius:20px}.player-intro-rules li{display:flex;align-items:center;gap:14px}.player-intro-rule-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:46px;height:46px;border-radius:50%;background:#7c5cff2e;color:#c9b8ff}.player-intro-rule-icon svg{width:22px;height:22px}.player-intro-rule-text{flex:1;min-width:0;font-size:1.15rem;font-weight:600;line-height:1.3}.player-intro-ready-wrap{position:relative;display:inline-block;padding:0 32px;margin-top:6px}.player-intro-ready-wrap .intro-spark{width:16px;height:4px}.player-intro-ready-wrap .intro-spark-1{top:34%;left:4px;color:#ff9a5c;transform:rotate(30deg)}.player-intro-ready-wrap .intro-spark-2{top:58%;left:0;width:22px;color:#ff5c8a;transform:rotate(0)}.player-intro-ready-wrap .intro-spark-3{top:34%;right:4px;color:#ff9a5c;transform:rotate(150deg)}.player-intro-ready-wrap .intro-spark-4{top:58%;right:0;width:22px;color:#7c5cff;transform:rotate(180deg)}.btn.player-intro-ready{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:72px;padding:16px 36px;border-radius:var(--radius);white-space:nowrap;font-size:1.75rem;font-weight:600;color:#fff;background:linear-gradient(90deg,#7c5cff 0%,#b45cff 50%,var(--accent-hot) 100%);box-shadow:0 12px 36px #7c5cff73,0 4px 12px #ff5c8a4d;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease}.player-intro-ready-label{display:grid}.player-intro-ready-variant{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;gap:10px}.player-intro-ready-variant[aria-hidden=true]{visibility:hidden}.player-intro-ready-icon{display:inline-flex;flex-shrink:0;height:.88em;aspect-ratio:11.6 / 13.2}.player-intro-ready-icon svg{width:100%;height:100%;overflow:visible}.btn.player-intro-ready.is-holding{background:var(--success);color:#072b1c;box-shadow:0 12px 36px #34d39966;transform:scale(.96)}.player-intro-countdown{margin:0 0 -4px;color:var(--text-dim);font-size:.95rem;line-height:1.4}.player-intro-sitout{margin:8px 0 0;max-width:300px;padding:14px 18px;border-radius:16px;border:1px solid rgba(124,92,255,.45);background:#41287059;color:var(--text);font-weight:600}.player-spectating{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px;text-align:center;overflow:hidden;background:radial-gradient(120% 60% at 50% -10%,rgba(124,92,255,.18),transparent 60%),#0f0c17}.player-spectating>:not(.player-lobby-ambient){position:relative;z-index:1}.player-spectating-card{max-width:320px;padding:20px 22px;border-radius:20px;border:1px solid rgba(124,92,255,.45);background:#41287059;box-shadow:0 18px 48px #00000059}.player-spectating-kicker{margin:0;color:var(--accent);font-size:.8rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.player-spectating-title{margin:8px 0 0;font-size:1.25rem;font-weight:900;line-height:1.2}.player-spectating-hint{margin:10px 0 0;color:var(--text-dim);font-size:.95rem;line-height:1.45}.leader-intro-actions{display:flex;align-items:stretch;justify-content:center;gap:28px;margin-top:10px}.leader-intro-action{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:96px;padding:4px 8px;font:inherit;font-weight:700;font-size:.95rem;color:var(--text);background:transparent;border:none;cursor:pointer}.leader-intro-action:active .leader-intro-action-icon{transform:scale(.94)}.leader-intro-action-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;border:1.5px solid rgba(167,159,196,.5);background:var(--bg-card);color:var(--text-dim);transition:transform .06s ease}.leader-intro-action-icon svg{width:22px;height:22px}.leader-intro-action.is-primary{color:#d6a6ff}.leader-intro-action.is-primary .leader-intro-action-icon{border-color:#b45cffcc;background:#2f2752;color:#d6a6ff}.leader-intro-divider{width:1px;align-self:stretch;background:#a79fc440}.player-countdown{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.player-countdown-kicker{margin:0;color:var(--text-dim);text-transform:uppercase;letter-spacing:.2em;font-weight:700;font-size:.8rem}.player-countdown-number{font-size:clamp(4rem,30vw,8rem);font-weight:900;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-hot));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;animation:player-countdown-pop .5s ease-out}@keyframes player-countdown-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.leader-game-menu .game-menu-btn{width:var(--kit-menu-size);height:var(--kit-menu-size);opacity:.35}.leader-game-menu .game-menu-btn svg{width:18px;height:18px}:root{--bg: #13111c;--bg-raised: #1e1a2e;--bg-card: #262138;--bg-muted: #3a3453;--text: #f4f1ff;--text-dim: #a79fc4;--ink: #13111c;--white: #fff;--accent: #7c5cff;--accent-hot: #ff5c8a;--success: #34d399;--danger: #ff6b6b;--warning: #ffd93d;--info: #5c9bff;--scrim: rgba(10, 8, 18, .75);--shade: rgba(0, 0, 0, .35);--glass: rgba(255, 255, 255, .05);--glass-strong: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .4);--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}.connection-screen{gap:14px}.connection-spinner{display:block;width:44px;height:44px;border-radius:50%;border:4px solid var(--bg-card);border-top-color:var(--accent);animation:connection-spin .9s linear infinite}@keyframes connection-spin{to{transform:rotate(360deg)}}.connection-title{margin:0;font-size:clamp(1.3rem,4.5vw,2rem);font-weight:800}.connection-code{display:flex;justify-content:center;align-items:center;gap:.1em;width:min(100%,300px);padding:10px 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.8rem,8vw,3rem);font-weight:900;line-height:1;text-shadow:0 0 14px rgba(255,225,77,.45)}.connection-code span{display:block;flex:1 1 0;min-width:0;text-align:center}.connection-hint{margin:0;max-width:34ch;color:var(--text-dim);line-height:1.45}.connection-actions{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:340px;margin-top:8px;animation:connection-actions-in .3s ease both}@keyframes connection-actions-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.connection-actions .btn{width:100%;min-height:56px;font-size:1.1rem}.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{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--avatar-size, 44px);height:var(--avatar-size, 44px);border-radius:50%;background:var(--avatar-color, var(--bg-raised));font-weight:800;font-size:calc(var(--avatar-size, 44px) * .43);line-height:1;color:#13111c;flex-shrink:0}.avatar-compact{--avatar-size: 24px}.avatar-hero{--avatar-size: var(--avatar-hero-size, 84px)}.avatar[data-status=correct],.avatar[data-status=ready]{outline:2px solid var(--success);outline-offset:2px}.avatar[data-status=away]{outline:2px dashed var(--text-dim);outline-offset:2px}.avatar[data-status=eliminated]:after{content:"";position:absolute;width:80%;height:2px;background:currentColor;transform:rotate(-45deg)}.avatar[data-self]{box-shadow:inset 0 0 0 2px var(--text)}.avatar[data-leader]:before{content:"★";position:absolute;right:-.2em;top:-.25em;display:grid;place-items:center;width:1.15em;height:1.15em;border-radius:50%;background:var(--bg);color:var(--accent-hot);font-size:.65em}.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:1000}.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}.game-over-actions{display:flex;gap:12px}.game-over-actions .btn{flex:1}.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}.pause-banner--inline{position:static;flex-shrink:0}