*,*: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}.auth-panel h3{margin:0;font-size:.92rem;color:var(--text)}.auth-panel input{margin-bottom:0}.auth-state{margin:0}.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}.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}.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}: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;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,.genre-picker button+button,.collection-picker button+button,.skin-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.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}.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,#818cf830,transparent 62%);filter:blur(18px);animation:countdown-aura 1s ease-in-out 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 1s cubic-bezier(.34,1.4,.64,1) infinite}.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 1s 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:repeat(auto-fit,minmax(12rem,1fr));grid-auto-rows:1fr;gap:.65rem;margin-bottom:1rem}.choice-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.15rem;width:100%;height:5.6rem;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:2;-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:1;-webkit-box-orient:vertical}.choice-card.selected{border-color:var(--accent-bright);background:var(--selected-gradient);box-shadow:0 0 18px var(--accent-glow)}.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{text-align:center;padding:1.25rem;margin-bottom:1rem;border-radius:var(--radius);background:linear-gradient(135deg,#422006,#1a2238);border:1px solid #92400e;animation:winner-pop .6s cubic-bezier(.34,1.4,.64,1)}.winner-card .trophy{font-size:2.5rem;line-height:1;margin-bottom:.35rem}.winner-card h3{margin:0;font-size:1.4rem;font-weight:800;color:var(--gold-soft)}.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{display:flex;align-items:center;gap:.35rem;min-height:2rem;min-width:0;font-weight:700;overflow:hidden}.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}.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 countdown-aura{0%,to{transform:scale(.9);opacity:.65}50%{transform:scale(1.08);opacity:1}}@keyframes countdown-ring-pop{0%{transform:scale(.96)}55%{transform:scale(1.02)}to{transform:scale(.96)}}@keyframes countdown-word-pop{0%{opacity:0;transform:scale(.72) translateY(14px)}60%{opacity:1;transform:scale(1.06) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes winner-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@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}}