*,*:before,*:after{box-sizing:border-box}:root{--bg-deep: #070713;--bg-mid: #121027;--bg-card: #17132e;--bg-card-soft: #21173f;--border: #3b315f;--border-glow: #22d3ee;--text: #eef2ff;--text-muted: #a6a3c8;--accent: #d946ef;--accent-bright: #22d3ee;--accent-glow: #d946ef55;--gold: #f59e0b;--gold-soft: #fde68a;--success: #34d399;--success-bg: #064e3b;--danger: #f87171;--danger-bg: #450a0a;--radius: 14px;--radius-sm: 10px;--shadow: 0 8px 32px #00000055;--body-glow-a: #d946ef36;--body-glow-b: #22d3ee24;--body-glow-c: #f59e0b22;--brand-gradient: linear-gradient(135deg, #fff 0%, #22d3ee 38%, #d946ef 68%, #fde68a 100%);--panel-gradient: linear-gradient(145deg, #1b1535f2 0%, #120f25f8 100%);--panel-border: #4b3b7d;--panel-glow: #d946ef18;--config-gradient: linear-gradient(145deg, #241845 0%, #191431 100%);--control-bg: #0f0b21;--control-hover: #2d2450;--primary-gradient: linear-gradient(135deg, #22d3ee 0%, #d946ef 100%);--primary-hover-gradient: linear-gradient(135deg, #67e8f9 0%, #e879f9 100%);--primary-text: #070713;--selected-gradient: linear-gradient(135deg, #164e63 0%, #86198f 100%);--selected-alt-gradient: linear-gradient(135deg, #7c2d12 0%, #701a75 100%);--selected-text: #ffffff;--surface-strong: #0f0b21;--slider-rest: #241845}:root[data-theme=gold]{--bg-deep: #080604;--bg-mid: #17100a;--bg-card: #1d140c;--bg-card-soft: #2a1c10;--border: #6b4d22;--border-glow: #facc15;--text: #fff7ed;--text-muted: #d6b98c;--accent: #d97706;--accent-bright: #facc15;--accent-glow: #facc1544;--gold: #f59e0b;--gold-soft: #fde68a;--success: #86efac;--success-bg: #14532d;--body-glow-a: #facc1524;--body-glow-b: #92400e2e;--body-glow-c: #00000000;--brand-gradient: linear-gradient(135deg, #fff7ed 0%, #fde68a 42%, #b45309 100%);--panel-gradient: linear-gradient(145deg, #21170bf5 0%, #090704f8 100%);--panel-border: #7c5a24;--panel-glow: #facc151c;--config-gradient: linear-gradient(145deg, #2d1f10 0%, #151008 100%);--control-bg: #120d07;--control-hover: #3b2a12;--primary-gradient: linear-gradient(135deg, #fde68a 0%, #b45309 100%);--primary-hover-gradient: linear-gradient(135deg, #fff7ad 0%, #d97706 100%);--primary-text: #120d07;--selected-gradient: linear-gradient(135deg, #854d0e 0%, #facc15 100%);--selected-alt-gradient: linear-gradient(135deg, #451a03 0%, #a16207 100%);--selected-text: #fff7ed;--surface-strong: #120d07;--slider-rest: #33230f}:root[data-theme=light]{--bg-deep: #f7f2ff;--bg-mid: #ede9fe;--bg-card: #ffffff;--bg-card-soft: #f3e8ff;--border: #d8b4fe;--border-glow: #7c3aed;--text: #211536;--text-muted: #6b5f7a;--accent: #7c3aed;--accent-bright: #06b6d4;--accent-glow: #7c3aed33;--gold: #ca8a04;--gold-soft: #a16207;--success: #047857;--success-bg: #d1fae5;--danger: #dc2626;--danger-bg: #fee2e2;--body-glow-a: #c4b5fd66;--body-glow-b: #67e8f966;--body-glow-c: #fbcfe866;--brand-gradient: linear-gradient(135deg, #211536 0%, #7c3aed 45%, #06b6d4 100%);--panel-gradient: linear-gradient(145deg, #ffffffee 0%, #f5f3ffee 100%);--panel-border: #c4b5fd;--panel-glow: #7c3aed1f;--config-gradient: linear-gradient(145deg, #ffffff 0%, #f3e8ff 100%);--control-bg: #ffffff;--control-hover: #ede9fe;--primary-gradient: linear-gradient(135deg, #7c3aed 0%, #06b6d4 100%);--primary-hover-gradient: linear-gradient(135deg, #8b5cf6 0%, #22d3ee 100%);--primary-text: #ffffff;--selected-gradient: linear-gradient(135deg, #c4b5fd 0%, #67e8f9 100%);--selected-alt-gradient: linear-gradient(135deg, #fbcfe8 0%, #c4b5fd 100%);--selected-text: #211536;--surface-strong: #ffffff;--slider-rest: #e9d5ff}:root[data-theme=miami]{--bg-deep: #07111f;--bg-mid: #0b1f33;--bg-card: #0f2438;--bg-card-soft: #12314b;--border: #1f6f8b;--border-glow: #fb7185;--text: #ecfeff;--text-muted: #99c5d4;--accent: #fb7185;--accent-bright: #2dd4bf;--accent-glow: #fb718544;--gold: #f59e0b;--gold-soft: #fcd34d;--body-glow-a: #2dd4bf33;--body-glow-b: #fb718544;--body-glow-c: #f59e0b22;--brand-gradient: linear-gradient(135deg, #ecfeff 0%, #2dd4bf 42%, #fb7185 78%, #fcd34d 100%);--panel-gradient: linear-gradient(145deg, #10263af2 0%, #081522f8 100%);--panel-border: #1f6f8b;--panel-glow: #fb71851f;--config-gradient: linear-gradient(145deg, #12314b 0%, #0b1f33 100%);--control-bg: #071827;--control-hover: #153a58;--primary-gradient: linear-gradient(135deg, #2dd4bf 0%, #fb7185 100%);--primary-hover-gradient: linear-gradient(135deg, #5eead4 0%, #fda4af 100%);--primary-text: #07111f;--selected-gradient: linear-gradient(135deg, #0f766e 0%, #be3455 100%);--selected-alt-gradient: linear-gradient(135deg, #164e63 0%, #fb7185 100%);--selected-text: #ecfeff;--surface-strong: #071827;--slider-rest: #12314b}body{margin:0;min-height:100vh;font-family:Outfit,Trebuchet MS,system-ui,sans-serif;background:radial-gradient(ellipse 80% 50% at 20% -10%,var(--body-glow-a),transparent),radial-gradient(ellipse 70% 42% at 100% 5%,var(--body-glow-b),transparent),radial-gradient(ellipse 75% 45% at 50% 110%,var(--body-glow-c),transparent),var(--bg-deep);color:var(--text);line-height:1.5}#app{max-width:520px;margin:0 auto;padding:1.25rem 1rem 2.5rem}.app-brand{text-align:center;margin-bottom:1rem}.app-brand.compact{margin-bottom:.65rem}.app-brand h1{margin:0;font-size:2.4rem;font-weight:800;letter-spacing:-.03em;background:var(--brand-gradient);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 12px var(--accent-glow));animation:brand-scan 5.5s ease-in-out infinite}.app-brand.compact h1{font-size:1.35rem}.brand-tagline{margin:.35rem 0 0;font-size:.95rem;color:var(--text-muted)}.end-reason{margin:.5rem 0 0;font-size:.88rem;font-weight:500;color:var(--text-muted)}.connection-chip{display:inline-flex;align-items:center;gap:.4rem;margin-top:.75rem;padding:.3rem .75rem;border-radius:999px;font-size:.8rem;background:var(--bg-card);border:1px solid var(--border)}.connection-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--text-muted)}.connection-chip.ok:before{background:var(--success);box-shadow:0 0 8px var(--success)}.connection-chip.error:before{background:var(--danger)}.panel{background:var(--panel-gradient);border:1px solid var(--panel-border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;box-shadow:0 16px 45px #0006,0 0 28px var(--panel-glow)}.panel h2{font-size:1.15rem;margin:0 0 1rem;font-weight:700;color:var(--text)}.subtitle{font-size:.9rem;color:var(--text-muted);margin:-.5rem 0 1rem}.status{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.status.error{color:var(--danger)}label{display:block;font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}input[type=text],input[type=number],input[type=email],input[type=password],select{width:100%;padding:.7rem .85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-deep);color:inherit;font-family:inherit;font-size:1rem;margin-bottom:.85rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{outline:none;border-color:var(--accent-bright);box-shadow:0 0 0 3px var(--accent-glow)}input:disabled,select:disabled{opacity:.55}.config-panel{position:relative;background:var(--config-gradient);border:1px solid var(--panel-border);border-radius:var(--radius-sm);padding:1rem;margin-bottom:1rem}.config-panel h3{font-size:.95rem;margin:0 0 .75rem;font-weight:600;color:var(--text)}.auth-panel{display:grid;gap:.65rem;margin:1rem 0;padding:.85rem;border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:var(--surface-strong)}.start-choice-grid{display:grid;gap:.7rem;margin-top:1rem}.start-auth-panel{background:radial-gradient(circle at 18% 0%,var(--accent-glow),transparent 11rem),var(--surface-strong);box-shadow:inset 0 1px #ffffff10}.lobby-auth-row{display:grid;gap:.55rem;margin:.75rem 0 .9rem}.signed-in-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;margin:.45rem 0 .7rem;padding:.38rem .55rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card-soft)}.signed-in-strip.in-panel{margin:0;background:transparent}.auth-panel h3{margin:0;font-size:.92rem;color:var(--text)}.auth-panel input{margin-bottom:0}.auth-state{display:grid;place-items:center;min-height:2rem;margin:0;font-size:.78rem;line-height:1.2;min-width:0;text-align:center;overflow-wrap:anywhere}.config-summary{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0;font-size:.9rem}.config-summary dt{color:var(--text-muted)}.config-summary dd{margin:0;font-weight:500}.genre-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.2rem,1fr));gap:.45rem;margin:0 0 .85rem}.genre-chip{display:flex;align-items:center;justify-content:space-between;gap:.4rem;width:100%;min-height:2.35rem;padding:.45rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--control-bg);color:var(--text-muted);font-size:.82rem;line-height:1}.genre-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genre-chip.selected{border-color:var(--accent-bright);background:var(--selected-gradient);color:var(--text);box-shadow:0 0 16px var(--accent-glow)}.genre-chip small{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.35rem;padding:0 .35rem;border-radius:999px;background:var(--bg-card-soft);color:var(--text-muted);font-size:.68rem;font-weight:800}.genre-chip.selected small{background:var(--accent-bright);color:#06121f}.genre-empty{margin-top:-.25rem}.mode-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.55rem;margin-bottom:.9rem}.mode-option{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;height:4.35rem;padding:.75rem .85rem;border:1px solid var(--border);background:var(--control-bg);text-align:left}.mode-option strong{font-size:.95rem}.mode-option span{color:var(--text-muted);font-size:.78rem;font-weight:500}.mode-option.selected{border-color:var(--accent-bright);background:var(--selected-gradient);color:var(--selected-text);box-shadow:0 0 18px var(--accent-glow)}.mode-option.selected span{color:var(--selected-text);opacity:.78}.difficulty-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-bottom:.9rem}.time-picker,.points-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin-bottom:.75rem}.audio-start-picker{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-bottom:.9rem}.audio-start-option{display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;padding:.55rem .65rem;border:1px solid var(--border);background:var(--control-bg);color:var(--text-muted);font-size:.8rem;font-weight:900;letter-spacing:.04em;line-height:1;text-transform:uppercase}.audio-start-option.selected{border-color:var(--gold-soft);background:var(--selected-alt-gradient);color:var(--selected-text);box-shadow:0 0 16px var(--accent-glow)}.time-option{display:inline-flex;align-items:center;justify-content:center;width:100%;height:2.85rem;padding:.55rem .35rem;border:1px solid var(--border);background:var(--control-bg);color:var(--text-muted);font-size:.82rem;font-weight:850;line-height:1}.time-option.selected{border-color:var(--accent-bright);background:var(--selected-gradient);color:var(--selected-text);box-shadow:0 0 16px var(--accent-glow)}.points-option{display:inline-flex;align-items:center;justify-content:center;width:100%;height:2.85rem;padding:.55rem .35rem;border:1px solid var(--border);background:var(--control-bg);color:var(--text-muted);font-size:.82rem;font-weight:850;line-height:1}.points-option.selected{border-color:var(--accent-bright);background:var(--selected-gradient);color:var(--selected-text);box-shadow:0 0 16px var(--accent-glow)}.custom-points-input{margin-bottom:.9rem;text-align:center;font-weight:850}.difficulty-option{display:inline-flex;align-items:center;justify-content:center;width:100%;height:2.85rem;padding:.62rem .5rem;border:1px solid var(--border);background:var(--control-bg);color:var(--text-muted);font-size:.86rem}.difficulty-option.selected{border-color:var(--accent-bright);background:var(--selected-gradient);color:var(--selected-text);box-shadow:0 0 16px var(--accent-glow)}.collection-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.45rem;margin-bottom:.85rem}.collection-option{display:flex;align-items:center;justify-content:center;width:100%;height:3rem;padding:.55rem .65rem;border:1px solid var(--border);background:var(--control-bg);color:var(--text-muted);font-size:.84rem;line-height:1.15;text-align:center}.collection-option.selected{border-color:var(--gold-soft);background:var(--selected-alt-gradient);color:var(--selected-text);box-shadow:0 0 16px var(--accent-glow)}.collection-empty{margin-bottom:.85rem}.skin-picker{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:2.7rem;gap:.45rem;margin-bottom:.9rem}.language-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;margin-bottom:.9rem}.start-language-picker{margin-bottom:1rem}.avatar-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem;margin-bottom:.9rem}.avatar-option{display:grid;place-items:center;width:100%;height:2.85rem;padding:0;border:1px solid var(--border);background:var(--control-bg);font-size:1.25rem}.avatar-option.selected{border-color:var(--accent-bright);background:var(--selected-gradient);box-shadow:0 0 16px var(--accent-glow)}.room-skin-picker{margin:.9rem 0 1rem}.skin-option{display:inline-flex;align-items:center;justify-content:center;width:100%;height:2.7rem;padding:.45rem .55rem;border:1px solid var(--border);background:var(--control-bg);color:var(--text-muted);font-size:.78rem;font-weight:850;letter-spacing:.07em;line-height:1;text-transform:uppercase;white-space:nowrap}.language-option{display:inline-flex;align-items:center;justify-content:center;width:100%;height:2.7rem;padding:.45rem .55rem;border:1px solid var(--border);background:var(--control-bg);color:var(--text-muted);font-size:.82rem;font-weight:850;letter-spacing:.05em;line-height:1}.language-option.selected{border-color:var(--accent-bright);background:var(--selected-gradient);color:var(--selected-text);box-shadow:0 0 16px var(--accent-glow)}:root[data-theme=light] .skin-option{background:#fff}.skin-option.selected{border-color:var(--accent-bright);background:var(--selected-gradient);color:var(--selected-text);box-shadow:0 0 16px var(--accent-glow)}.compact-toggle{width:100%;margin:-.25rem 0 .85rem;padding:.55rem .8rem;font-size:.82rem}.row{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.5rem}button{padding:.65rem 1.15rem;border:none;border-radius:var(--radius-sm);background:var(--control-bg);color:inherit;font-family:inherit;font-size:.95rem;font-weight:600;line-height:1.1;letter-spacing:.015em;cursor:pointer;touch-action:manipulation;transition:transform .18s cubic-bezier(.34,1.4,.64,1),background .18s,box-shadow .18s,opacity .18s}button:hover:not(:disabled){background:var(--control-hover)}button:active:not(:disabled){transform:scale(.94)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--primary-gradient);color:var(--primary-text);box-shadow:0 6px 22px var(--accent-glow)}button.primary:hover:not(:disabled){background:var(--primary-hover-gradient);box-shadow:0 8px 28px var(--accent-glow)}button.primary.pulse{animation:btn-pulse .55s ease}button+button{margin-top:.5rem}.row button+button,.pending-move button+button,.mode-picker button+button,.difficulty-picker button+button,.time-picker button+button,.points-picker button+button,.audio-start-picker button+button,.genre-picker button+button,.collection-picker button+button,.skin-picker button+button,.language-picker button+button,.avatar-picker button+button,.reaction-picker button+button,.choice-grid button+button{margin-top:0}button.big{width:100%;min-height:3.15rem;padding:.9rem 1.25rem;font-size:1.05rem}button.mini{min-height:2rem;padding:.35rem .65rem;font-size:.76rem;font-weight:800}button.danger{background:var(--danger-bg);color:#fecaca}button.danger:hover:not(:disabled){background:#7f1d1d}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text-muted);font-weight:500}button.ghost:hover:not(:disabled){border-color:var(--accent-bright);color:var(--text);box-shadow:0 0 16px var(--accent-glow)}.room-player-count{margin-top:.85rem;text-align:center}.app-footer{margin:1.5rem auto 0;text-align:center;color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.06em;opacity:.62}.members{list-style:none;padding:0;margin:0}.members li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.members li:last-child{border-bottom:none}.badge{font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:999px;background:var(--border);text-transform:uppercase;letter-spacing:.03em}.badge.ready,.badge.correct{background:var(--success-bg);color:var(--success)}.badge.wrong{background:#450a0a;color:var(--danger)}.badge.admin{background:#422006;color:var(--gold-soft)}.badge.you{background:var(--selected-gradient);color:var(--accent-bright)}.game-hud{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.hud-stat{text-align:center;padding:.65rem .4rem;background:var(--bg-card-soft);border:1px solid var(--border);border-radius:var(--radius-sm)}.hud-stat .value{display:block;font-size:1.35rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.hud-stat .label{display:block;margin-top:.15rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.hud-stat.highlight .value{color:var(--gold-soft)}.round-timer-wrap{margin-bottom:1rem}.round-timer{font-size:2.6rem;font-variant-numeric:tabular-nums;font-weight:800;text-align:center;color:var(--accent-bright);line-height:1}.round-timer.urgent{color:var(--danger);animation:timer-shake .5s ease infinite}.round-timer-bar{height:6px;margin-top:.65rem;background:var(--bg-deep);border-radius:999px;overflow:hidden}.round-timer-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-bright));border-radius:999px;transition:width .2s linear}.round-timer-bar-fill.urgent{background:linear-gradient(90deg,#ef4444,#f87171)}.round-countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;min-height:18rem;padding:1.5rem;border-radius:var(--radius-sm);text-align:center;background:radial-gradient(circle at 50% 35%,var(--body-glow-b),transparent 18rem),radial-gradient(circle at 48% 55%,var(--body-glow-a),transparent 14rem),var(--panel-gradient);overflow:hidden}.round-countdown-overlay:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:999px;background:radial-gradient(circle,var(--accent-glow),transparent 58%),repeating-radial-gradient(circle,transparent 0 1.2rem,#ffffff10 1.25rem 1.32rem);filter:blur(14px);animation:countdown-aura .9s ease-in-out infinite}.round-countdown-overlay:after{content:"";position:absolute;width:min(74vw,18rem);aspect-ratio:1;border-radius:999px;background:conic-gradient(from 90deg,transparent 0 18%,var(--accent-bright) 19% 25%,transparent 26% 46%,var(--gold-soft) 47% 53%,transparent 54% 78%,var(--accent) 79% 84%,transparent 85%),radial-gradient(circle,transparent 0 61%,#ffffff18 62% 64%,transparent 65%);opacity:.68;filter:drop-shadow(0 0 18px var(--accent-glow));animation:countdown-orbit 1.05s linear infinite}.countdown-ring{position:relative;display:grid;place-items:center;width:min(56vw,12rem);aspect-ratio:1;border:2px solid var(--accent-bright);border-radius:999px;background:var(--surface-strong);box-shadow:0 0 48px var(--accent-glow),inset 0 0 42px var(--accent-glow);animation:countdown-ring-pop .82s cubic-bezier(.34,1.4,.64,1) infinite}.countdown-ring:before,.countdown-ring:after{content:"";position:absolute;top:-.55rem;right:-.55rem;bottom:-.55rem;left:-.55rem;border-radius:inherit;border:1px solid color-mix(in srgb,var(--accent-bright),transparent 35%);animation:countdown-pulse-ring .82s ease-out infinite}.countdown-ring:after{top:-1.1rem;right:-1.1rem;bottom:-1.1rem;left:-1.1rem;border-color:color-mix(in srgb,var(--gold-soft),transparent 45%);animation-delay:.18s}.countdown-word{position:relative;z-index:1;font-size:clamp(2.1rem,10vw,4rem);font-weight:900;line-height:1;text-transform:uppercase;letter-spacing:.04em;color:#fff;text-shadow:0 0 18px var(--accent-bright),0 0 30px var(--accent);animation:countdown-word-pop .82s cubic-bezier(.34,1.4,.64,1)}.round-countdown-overlay p{position:relative;z-index:1;margin:0;color:var(--text-muted);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.audio-start-button{position:relative;z-index:1;min-width:9rem;min-height:2.35rem;padding:.45rem .75rem;border:1px solid var(--accent-bright);background:var(--surface-strong);color:var(--accent-bright);font-size:.78rem;box-shadow:0 0 12px var(--accent-glow)}.audio-blocked-panel{margin-bottom:1rem;padding:.7rem;border:1px solid var(--accent-bright);border-radius:var(--radius-sm);background:var(--surface-strong);text-align:center}.audio-blocked-panel p{margin:0 0 .65rem;color:var(--accent-bright);font-weight:700;font-size:.82rem}.countdown-enter-active,.countdown-leave-active{transition:opacity .32s ease,transform .32s cubic-bezier(.34,1.2,.64,1)}.countdown-enter-from,.countdown-leave-to{opacity:0;transform:scale(.98)}.choice-grid{display:grid;grid-template-columns:1fr;gap:.65rem;margin-bottom:1rem}.choice-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.15rem;width:100%;min-height:5.2rem;padding:.85rem .95rem;border:1px solid var(--border);background:var(--control-bg);text-align:left}.choice-card strong{display:-webkit-box;overflow:hidden;color:var(--text);font-size:.98rem;line-height:1.2;-webkit-line-clamp:3;-webkit-box-orient:vertical}.choice-card span{display:-webkit-box;overflow:hidden;color:var(--text-muted);font-size:.82rem;font-weight:500;line-height:1.2;-webkit-line-clamp:2;-webkit-box-orient:vertical}.choice-card.selected{border-color:var(--accent-bright);background:var(--selected-gradient);box-shadow:0 0 18px var(--accent-glow)}.tutorial-card{position:relative;overflow:hidden;display:grid;gap:1rem;padding:1.05rem;margin-bottom:1rem;border:1px solid var(--accent-bright);border-radius:var(--radius-sm);background:radial-gradient(circle at 20% 20%,var(--accent-glow),transparent 8rem),radial-gradient(circle at 75% 10%,var(--body-glow-b),transparent 9rem),var(--surface-strong);box-shadow:inset 0 1px #ffffff14}.tutorial-copy{display:grid;gap:.25rem;text-align:center}.tutorial-copy strong{color:var(--text);font-size:1rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.tutorial-copy span{color:var(--text-muted);font-size:.82rem;font-weight:650;line-height:1.35}.tutorial-mock-ui{position:relative;display:grid;gap:.65rem;min-height:8rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-deep)}.tutorial-audio-row{display:grid;grid-template-columns:2.2rem 1fr auto;align-items:center;gap:.65rem}.tutorial-audio-row strong{color:var(--accent-bright);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tutorial-vinyl{width:2.2rem;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,var(--gold-soft) 0 11%,transparent 12% 26%,#ffffff18 27% 28%,transparent 29%),repeating-radial-gradient(circle,#050816 0,#050816 .42rem,#141935 .45rem,#141935 .52rem);border:2px solid var(--accent-bright);box-shadow:0 0 28px var(--accent-glow);animation:tutorial-spin 2.8s linear infinite}.tutorial-wave{position:static;width:100%;height:.55rem;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent-bright),var(--gold-soft),transparent);filter:drop-shadow(0 0 12px var(--accent-glow));animation:tutorial-wave 1.25s ease-in-out infinite}.tutorial-sort-demo,.tutorial-choice-demo{display:grid;gap:.45rem}.tutorial-sort-demo span,.tutorial-choice-demo span{display:flex;align-items:center;min-height:2.35rem;padding:.35rem .65rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--control-bg);color:var(--text-muted);font-size:.74rem;font-weight:850;line-height:1.15}.tutorial-sort-demo .moving{border-color:var(--accent-bright);background:var(--selected-gradient);animation:tutorial-sort-move 1.8s ease-in-out infinite}.tutorial-choice-demo .active{border-color:var(--gold-soft);background:var(--selected-alt-gradient);animation:tutorial-choice-tap 1.5s ease-in-out infinite}.tutorial-slider-demo{position:relative;height:3rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--control-bg)}.tutorial-slider-demo:before{content:"";position:absolute;left:.75rem;right:.75rem;top:50%;height:.45rem;border-radius:999px;background:var(--slider-rest);transform:translateY(-50%)}.tutorial-slider-fill{position:absolute;left:.75rem;top:50%;width:45%;height:.45rem;border-radius:999px;background:linear-gradient(90deg,var(--accent-bright),var(--accent));transform:translateY(-50%);animation:tutorial-slider-fill 1.7s ease-in-out infinite}.tutorial-slider-thumb{position:absolute;top:50%;left:45%;width:1.35rem;aspect-ratio:1;border-radius:999px;background:var(--gold-soft);box-shadow:0 0 18px var(--accent-glow);transform:translate(-50%,-50%);animation:tutorial-slider-thumb 1.7s ease-in-out infinite}.tutorial-hand{position:absolute;z-index:3;right:1.6rem;top:5.5rem;font-size:1.75rem;filter:drop-shadow(0 0 10px var(--accent-glow));animation:tutorial-hand-year 1.8s ease-in-out infinite}.tutorial-choice .tutorial-hand{top:7.4rem;right:1.8rem;animation:tutorial-hand-tap 1.5s ease-in-out infinite}.tutorial-duration .tutorial-hand{top:6.4rem;right:42%;animation:tutorial-hand-slide 1.7s ease-in-out infinite}.tutorial-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.tutorial-steps span{display:grid;place-items:center;min-height:2.65rem;padding:.45rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--control-bg);color:var(--text);font-size:.76rem;font-weight:900;line-height:1;letter-spacing:.06em;text-align:center;text-transform:uppercase;animation:tutorial-step-pop 1.8s ease-in-out infinite}.tutorial-steps span:nth-child(2){animation-delay:.18s;border-color:var(--accent-bright);background:var(--selected-gradient);color:var(--selected-text)}.tutorial-steps span:nth-child(3){animation-delay:.36s;border-color:var(--gold-soft);color:var(--gold-soft)}.duration-guess-card{margin-bottom:1rem;padding:1rem;border:1px solid var(--accent-bright);border-radius:var(--radius-sm);background:radial-gradient(circle at 50% 0%,var(--accent-glow),transparent 12rem),var(--surface-strong)}.duration-display{display:grid;place-items:center;gap:.15rem;margin-bottom:1rem;text-align:center}.duration-display span,.duration-display small{color:var(--text-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.duration-display strong{color:#fff;font-size:clamp(2rem,12vw,4rem);font-weight:900;line-height:1;text-shadow:0 0 20px var(--accent-bright),0 0 30px var(--accent)}.duration-slider-wrap{display:grid;gap:.55rem}.duration-slider{width:100%;height:2rem;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.duration-slider::-webkit-slider-runnable-track{height:.65rem;border:1px solid var(--accent-bright);border-radius:999px;background:linear-gradient(90deg,var(--accent-bright) 0%,var(--accent) var(--duration-progress),var(--slider-rest) var(--duration-progress));box-shadow:inset 0 0 10px #0006}.duration-slider::-moz-range-track{height:.65rem;border:1px solid var(--accent-bright);border-radius:999px;background:var(--slider-rest)}.duration-slider::-moz-range-progress{height:.65rem;border-radius:999px;background:linear-gradient(90deg,var(--accent-bright),var(--accent))}.duration-slider::-webkit-slider-thumb{width:2rem;height:2rem;margin-top:-.72rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #fff;border-radius:999px;background:var(--primary-gradient);box-shadow:0 0 20px var(--accent-glow),0 0 28px var(--accent-glow)}.duration-slider::-moz-range-thumb{width:1.75rem;height:1.75rem;border:2px solid #fff;border-radius:999px;background:var(--primary-gradient);box-shadow:0 0 20px var(--accent-glow),0 0 28px var(--accent-glow)}.duration-slider:disabled{opacity:.55;cursor:not-allowed}.duration-scale{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.74rem;font-weight:800;font-variant-numeric:tabular-nums}.duration-answer-reveal{display:grid;gap:.12rem;margin-top:.75rem;padding:.75rem;border:1px solid var(--accent-bright);border-radius:var(--radius-sm);background:var(--surface-strong);text-align:center}.duration-answer-reveal span,.duration-answer-reveal small{color:var(--text-muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.duration-answer-reveal strong{color:var(--accent-bright);font-size:1.55rem;font-weight:900;line-height:1}.resolution-actions{display:flex;gap:.5rem;margin-top:.65rem}.flag-track-button{width:100%;min-height:2.65rem;color:var(--danger)}.flag-track-button:disabled{opacity:1;color:var(--success);border-color:var(--success)}.resolution-ready-panel{display:grid;gap:.6rem;margin:1rem 0;padding:.8rem;border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:var(--surface-strong)}.resolution-ready-panel .hint-text{margin:0}.current-track-card{display:flex;flex-direction:column;gap:.12rem;margin:-.25rem 0 .9rem;padding:.75rem .85rem;border:1px solid #fbbf2455;border-radius:var(--radius-sm);background:linear-gradient(135deg,#422006,#1f2937)}.current-track-card span{color:var(--gold-soft);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.current-track-card strong{color:var(--text);font-size:1rem}.current-track-card small{color:var(--text-muted);font-size:.82rem}.timeline-dnd{margin-bottom:.75rem}.timeline-direction{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:.1rem 0 .45rem;color:var(--text-muted);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.timeline-direction.bottom{margin:.45rem 0 .1rem}.timeline-direction span{color:var(--accent-bright);font-size:.85rem}.timeline-dnd.submitted{opacity:.7;pointer-events:none}.timeline-sortable{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem;position:relative}.timeline-sortable-item{margin:0}.timeline-move-move{transition:transform .35s cubic-bezier(.34,1.2,.64,1)}.timeline-row{display:flex;align-items:baseline;gap:.75rem;padding:.75rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-deep);font-size:.92rem;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}.timeline-row.pending{min-height:3.15rem;padding:.42rem .6rem;gap:.55rem}.timeline-row.entry{cursor:default}.timeline-row.entry.anchor{border-color:#64748b;background:linear-gradient(135deg,#172033,#111827);box-shadow:inset 3px 0 #94a3b8}.timeline-dnd:not(.submitted) .timeline-row.entry{cursor:pointer}.timeline-dnd:not(.submitted) .timeline-row.entry:hover{border-color:var(--border-glow);background:var(--bg-card)}.timeline-dnd:not(.submitted) .timeline-row.entry.anchor:hover{border-color:#94a3b8;background:#172033}.timeline-row.pending{align-items:center;border:2px solid var(--accent-bright);background:var(--selected-gradient);box-shadow:0 0 20px var(--accent-glow),inset 0 1px #ffffff15;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;animation:pending-glow 2s ease-in-out infinite}.pending-move{display:flex;flex-direction:row;gap:.28rem;flex-shrink:0}.move-btn{width:2rem;height:2rem;padding:0;border:1px solid var(--border-glow);border-radius:8px;background:var(--bg-card);color:var(--accent-bright);font-size:.85rem;line-height:1;display:flex;align-items:center;justify-content:center}.move-btn:active:not(:disabled){transform:scale(.9);background:var(--selected-gradient)}.move-btn:disabled{opacity:.3}.touch-hint{display:none}.desktop-hint{display:block}@media(hover:none),(pointer:coarse){.touch-hint{display:block}.desktop-hint{display:none}.timeline-dnd:not(.submitted) .timeline-row.entry{min-height:3rem}}.timeline-row.pending.dragging{opacity:.92;cursor:grabbing;transform:scale(1.02);box-shadow:0 12px 32px #6366f144}.timeline-entry-year{flex-shrink:0;min-width:3.9rem;font-size:1.45rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--gold-soft);letter-spacing:.02em}.timeline-row.anchor .timeline-entry-year{color:#cbd5e1}.timeline-entry-year.pending-year{color:var(--accent-bright);min-width:2rem;font-size:1.1rem;animation:pulse-year 1.2s ease infinite}.timeline-entry-meta{flex:1;min-width:0;color:#cbd5e1;line-height:1.35}.timeline-entry-tag{display:inline-flex;margin-left:.45rem;padding:.12rem .42rem;border-radius:999px;background:#334155;color:#cbd5e1;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;vertical-align:.1rem}.timeline-row.pending .timeline-entry-meta{display:flex;flex-direction:column;gap:.1rem}.timeline-row.pending strong{color:var(--text);font-size:.82rem}.drag-hint{font-size:.66rem;color:var(--text-muted);font-weight:400}.timeline{margin:0;padding:0;list-style:none}.timeline li{margin-bottom:.4rem}.timeline-row.inline{display:flex;padding:.5rem 0;border:none;background:transparent}.phase-slide-enter-active,.phase-slide-leave-active{transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.2,.64,1)}.phase-slide-enter-from{opacity:0;transform:translateY(18px) scale(.98)}.phase-slide-leave-to{opacity:0;transform:translateY(-12px) scale(.98)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.winner-card{position:relative;overflow:hidden;text-align:center;padding:1.7rem 1.25rem;margin-bottom:1rem;border-radius:var(--radius);background:radial-gradient(circle at 50% 25%,#fde68a44,transparent 9rem),radial-gradient(circle at 25% 10%,var(--accent-glow),transparent 8rem),linear-gradient(135deg,#422006,#1a2238);border:1px solid var(--gold-soft);box-shadow:0 0 52px #f59e0b55,0 0 90px var(--accent-glow),inset 0 1px #fff2;animation:winner-pop .75s cubic-bezier(.34,1.4,.64,1)}.winner-reactions{pointer-events:none;position:absolute;left:50%;top:58%;z-index:3}.winner-card .trophy{position:relative;z-index:2;font-size:3.1rem;line-height:1;margin-bottom:.35rem;filter:drop-shadow(0 0 16px #fde68a);animation:trophy-party 1.5s ease-in-out infinite}.winner-card h3{position:relative;z-index:2;margin:0;font-size:clamp(1.45rem,7vw,2.1rem);font-weight:800;color:var(--gold-soft);text-shadow:0 0 14px #f59e0b66,0 0 26px var(--accent-glow)}.winner-burst{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border-radius:999px;background:conic-gradient(from 0deg,transparent 0deg 18deg,#fde68a 18deg 25deg,transparent 25deg 45deg,var(--accent-bright) 45deg 52deg,transparent 52deg 76deg,var(--accent) 76deg 83deg,transparent 83deg 100deg);opacity:.22;filter:blur(.5px);animation:winner-burst-spin 8s linear infinite}.winner-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.winner-confetti span{position:absolute;top:-1rem;left:calc(var(--x, 50) * 1%);width:.42rem;height:.72rem;border-radius:2px;background:var(--confetti, var(--accent-bright));opacity:0;transform:rotate(var(--r, 0deg));animation:confetti-fall 2.4s ease-in-out infinite;animation-delay:var(--d, 0s)}.winner-confetti span:nth-child(1){--x: 8;--d: 0s;--r: 18deg;--confetti: #fde68a}.winner-confetti span:nth-child(2){--x: 16;--d: .22s;--r: -24deg;--confetti: var(--accent-bright)}.winner-confetti span:nth-child(3){--x: 24;--d: .48s;--r: 36deg;--confetti: var(--accent)}.winner-confetti span:nth-child(4){--x: 32;--d: .1s;--r: -12deg;--confetti: #34d399}.winner-confetti span:nth-child(5){--x: 40;--d: .38s;--r: 42deg;--confetti: #fde68a}.winner-confetti span:nth-child(6){--x: 48;--d: .65s;--r: -36deg;--confetti: var(--accent-bright)}.winner-confetti span:nth-child(7){--x: 56;--d: .12s;--r: 8deg;--confetti: var(--accent)}.winner-confetti span:nth-child(8){--x: 64;--d: .56s;--r: -52deg;--confetti: #34d399}.winner-confetti span:nth-child(9){--x: 72;--d: .3s;--r: 22deg;--confetti: #fde68a}.winner-confetti span:nth-child(10){--x: 80;--d: .74s;--r: -18deg;--confetti: var(--accent-bright)}.winner-confetti span:nth-child(11){--x: 88;--d: .44s;--r: 28deg;--confetti: var(--accent)}.winner-confetti span:nth-child(12){--x: 12;--d: .88s;--r: -30deg;--confetti: #34d399}.winner-confetti span:nth-child(13){--x: 28;--d: 1.02s;--r: 46deg;--confetti: #fde68a}.winner-confetti span:nth-child(14){--x: 44;--d: 1.18s;--r: -44deg;--confetti: var(--accent-bright)}.winner-confetti span:nth-child(15){--x: 60;--d: .96s;--r: 14deg;--confetti: var(--accent)}.winner-confetti span:nth-child(16){--x: 76;--d: 1.25s;--r: -8deg;--confetti: #34d399}.winner-confetti span:nth-child(17){--x: 92;--d: 1.08s;--r: 54deg;--confetti: #fde68a}.winner-confetti span:nth-child(18){--x: 52;--d: 1.36s;--r: -62deg;--confetti: var(--accent-bright)}.winner-confetti span:nth-child(19){--x: 6;--d: 1.45s;--r: 10deg;--confetti: #fde68a}.winner-confetti span:nth-child(20){--x: 18;--d: 1.62s;--r: -22deg;--confetti: var(--accent-bright)}.winner-confetti span:nth-child(21){--x: 30;--d: 1.78s;--r: 34deg;--confetti: var(--accent)}.winner-confetti span:nth-child(22){--x: 42;--d: 1.54s;--r: -48deg;--confetti: #34d399}.winner-confetti span:nth-child(23){--x: 54;--d: 1.9s;--r: 26deg;--confetti: #fde68a}.winner-confetti span:nth-child(24){--x: 66;--d: 1.68s;--r: -14deg;--confetti: var(--accent-bright)}.winner-confetti span:nth-child(25){--x: 78;--d: 1.82s;--r: 40deg;--confetti: var(--accent)}.winner-confetti span:nth-child(26){--x: 90;--d: 1.5s;--r: -36deg;--confetti: #34d399}.winner-confetti span:nth-child(27){--x: 14;--d: 2.02s;--r: 58deg;--confetti: #fde68a}.winner-confetti span:nth-child(28){--x: 38;--d: 2.12s;--r: -20deg;--confetti: var(--accent-bright)}.winner-confetti span:nth-child(29){--x: 62;--d: 2.04s;--r: 30deg;--confetti: var(--accent)}.winner-confetti span:nth-child(30){--x: 86;--d: 2.2s;--r: -54deg;--confetti: #34d399}.winner-confetti span:nth-child(31){--x: 46;--d: 2.28s;--r: 18deg;--confetti: #fde68a}.winner-confetti span:nth-child(32){--x: 70;--d: 2.38s;--r: -28deg;--confetti: var(--accent-bright)}.scoreboard .members li{padding:.75rem 0}.hidden-audio{position:absolute;width:0;height:0;opacity:0;pointer-events:none;overflow:hidden}.hint-text{text-align:center;font-size:.88rem;color:var(--text-muted);margin:0 0 1rem}.leave-game{margin-top:1rem}.submitted-msg{text-align:center;padding:.85rem;border-radius:var(--radius-sm);background:var(--success-bg);color:var(--success);font-weight:600;animation:submitted-pop .45s cubic-bezier(.34,1.4,.64,1)}.submitted-msg.intro-msg{background:var(--selected-gradient);color:var(--accent-bright)}.resolved-reveal{padding:.85rem;border-radius:var(--radius-sm);background:var(--bg-deep);border:1px solid var(--border);animation:reveal-in .5s ease}.round-result-row{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(12rem,1fr);align-items:center;gap:.6rem;min-height:3.35rem;border-radius:var(--radius-sm);padding-inline:.65rem!important;transition:background .25s ease,border-color .25s ease,transform .25s ease}.round-result-row>span:first-child{position:relative;display:flex;align-items:center;gap:.35rem;min-height:2rem;min-width:0;font-weight:700;overflow:visible}.round-result-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.35rem;min-width:0;width:100%}.round-result-row.point-gained{margin:.25rem -.35rem;border:1px solid #34d39955;background:linear-gradient(90deg,#064e3b88,#1a2238 70%);animation:point-gained-pop .65s cubic-bezier(.34,1.35,.64,1)}.round-result-row.point-missed{opacity:.82}.result-pill{display:inline-flex;align-items:center;justify-content:center;min-width:4.6rem;margin-left:0;padding:.24rem .6rem;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.response-time{display:inline-flex;align-items:center;justify-content:center;min-width:3.1rem;margin-left:0;padding:.22rem .48rem;border-radius:999px;background:#0f172a;border:1px solid var(--border);color:var(--accent-bright);font-size:.72rem;font-weight:800;font-variant-numeric:tabular-nums}.duration-result{min-width:4.2rem}.result-pill.correct{background:var(--success);color:#022c22;box-shadow:0 0 18px #34d39944;animation:result-pill-pop .65s cubic-bezier(.34,1.35,.64,1)}.result-pill.wrong{background:#450a0a;color:#fecaca}.reaction-panel{position:relative;margin:.75rem 0 1rem}.reaction-picker{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;max-width:min(100%,17rem);margin:0 auto}.reaction-button{display:grid;place-items:center;width:100%;min-height:2.55rem;aspect-ratio:1;padding:0;border:1px solid var(--border);background:var(--control-bg);font-size:1.1rem;touch-action:manipulation}.member-reactions{pointer-events:none;position:absolute;left:.75rem;top:-.35rem}.name-reaction{position:absolute;display:inline-grid;place-items:center;min-width:2.4rem;aspect-ratio:1;padding:.12rem;border-radius:999px;background:var(--surface-strong);border:1px solid var(--border);font-size:1.25rem;box-shadow:0 0 20px var(--accent-glow);transform:translate(var(--reaction-offset, 0px));animation:reaction-from-name 5.2s ease-out forwards}.name-reaction small{position:absolute;bottom:-.9rem;left:50%;max-width:5.5rem;color:var(--text-muted);font-size:.56rem;font-weight:900;line-height:1;text-transform:uppercase;transform:translate(-50%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-code{font-size:1.8rem;font-weight:800;letter-spacing:.2em;text-align:center;color:var(--accent-bright);margin:.5rem 0 1rem}@keyframes btn-pulse{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes brand-scan{0%,to{background-position:0% 50%;text-shadow:0 0 10px var(--accent-glow)}50%{background-position:100% 50%;text-shadow:0 0 18px var(--accent-bright)}}@keyframes pending-glow{0%,to{box-shadow:0 0 16px var(--accent-glow),inset 0 1px #ffffff15}50%{box-shadow:0 0 28px #818cf866,inset 0 1px #ffffff15}}@keyframes pulse-year{0%,to{opacity:1}50%{opacity:.55}}@keyframes timer-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes tutorial-spin{to{transform:rotate(360deg)}}@keyframes tutorial-wave{0%,to{transform:scaleX(.72);opacity:.45}50%{transform:scaleX(1);opacity:1}}@keyframes tutorial-step-pop{0%,to{transform:translateY(0)}45%{transform:translateY(-3px)}}@keyframes tutorial-sort-move{0%,to{transform:translateY(0)}45%{transform:translateY(2.8rem)}}@keyframes tutorial-hand-year{0%,to{transform:translate(0) rotate(-8deg)}45%{transform:translate(-1.4rem,2.75rem) rotate(7deg)}}@keyframes tutorial-choice-tap{0%,to{transform:scale(1);box-shadow:none}45%{transform:scale(.96);box-shadow:0 0 22px var(--accent-glow)}}@keyframes tutorial-hand-tap{0%,to{transform:translate(0) scale(1)}45%{transform:translate(-.8rem,-.1rem) scale(.88)}}@keyframes tutorial-slider-fill{0%,to{width:24%}50%{width:72%}}@keyframes tutorial-slider-thumb{0%,to{left:24%}50%{left:72%}}@keyframes tutorial-hand-slide{0%,to{transform:translate(-2.6rem) rotate(-6deg)}50%{transform:translate(3rem) rotate(8deg)}}@keyframes reaction-from-name{0%{opacity:0;transform:translate(var(--reaction-offset, 0px)) scale(.75) rotate(-8deg)}12%{opacity:1}55%{opacity:1}to{opacity:0;transform:translate(calc(var(--reaction-offset, 0px) + var(--reaction-drift, 0px)),calc(var(--reaction-lift, 120px) * -1)) scale(1.28) rotate(var(--reaction-rotate, 10deg))}}@keyframes countdown-aura{0%,to{transform:scale(.88);opacity:.55}50%{transform:scale(1.13);opacity:1}}@keyframes countdown-orbit{to{transform:rotate(360deg)}}@keyframes countdown-pulse-ring{0%{opacity:.9;transform:scale(.88)}to{opacity:0;transform:scale(1.28)}}@keyframes countdown-ring-pop{0%{transform:scale(.88) rotate(-2deg)}45%{transform:scale(1.08) rotate(2deg)}to{transform:scale(.92) rotate(0)}}@keyframes countdown-word-pop{0%{opacity:0;transform:scale(.55) translateY(18px) rotate(-5deg)}48%{opacity:1;transform:scale(1.16) translateY(0) rotate(3deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0)}}@keyframes winner-pop{0%{opacity:0;transform:scale(.82) translateY(12px)}62%{opacity:1;transform:scale(1.04) translateY(0)}to{opacity:1;transform:scale(1)}}@keyframes trophy-party{0%,to{transform:translateY(0) rotate(-3deg) scale(1)}50%{transform:translateY(-4px) rotate(4deg) scale(1.08)}}@keyframes winner-burst-spin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-1rem) rotate(var(--r))}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(10rem) rotate(calc(var(--r) + 220deg))}}@keyframes submitted-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes reveal-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes point-gained-pop{0%{opacity:.65;transform:translateY(6px) scale(.98)}55%{opacity:1;transform:translateY(0) scale(1.025)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-pill-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}@media(max-width:400px){#app{padding-top:.75rem}.app-brand{margin-bottom:.5rem}.app-brand h1{font-size:1.5rem}.app-brand.compact h1{font-size:1.1rem}.brand-tagline{font-size:.82rem}.game-hud{grid-template-columns:1fr 1fr}.game-hud .hud-stat:last-child{grid-column:span 2}.round-result-row{grid-template-columns:1fr;gap:.35rem;padding-block:.75rem!important}.round-result-meta{justify-content:flex-start}.skin-picker{grid-template-columns:1fr 1fr}.time-picker,.points-picker{grid-template-columns:repeat(3,1fr)}.avatar-picker{grid-template-columns:repeat(4,1fr)}.tutorial-steps{grid-template-columns:1fr}}