*,*:before,*:after{box-sizing:border-box}:root{--bg-deep: #0a0e1a;--bg-mid: #12182b;--bg-card: #1a2238;--bg-card-soft: #222c48;--border: #2e3d5c;--border-glow: #4f6faf;--text: #eef2ff;--text-muted: #94a3b8;--accent: #6366f1;--accent-bright: #818cf8;--accent-glow: #6366f155;--gold: #fbbf24;--gold-soft: #fcd34d;--success: #34d399;--success-bg: #064e3b;--danger: #f87171;--danger-bg: #450a0a;--radius: 14px;--radius-sm: 10px;--shadow: 0 8px 32px #00000055}body{margin:0;min-height:100vh;font-family:Outfit,system-ui,sans-serif;background:radial-gradient(ellipse 80% 50% at 50% -10%,#312e8144,transparent),radial-gradient(ellipse 60% 40% at 100% 100%,#1e3a5f33,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:linear-gradient(135deg,#fff 0%,var(--accent-bright) 55%,var(--gold-soft) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.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(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow)}.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],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{background:var(--bg-card-soft);border:1px solid var(--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)}.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}.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(--bg-card-soft);color:inherit;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.4,.64,1),background .18s,box-shadow .18s,opacity .18s}button:hover:not(:disabled){background:#2a3558}button:active:not(:disabled){transform:scale(.94)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(135deg,var(--accent) 0%,#4f46e5 100%);box-shadow:0 4px 18px var(--accent-glow)}button.primary:hover:not(:disabled){background:linear-gradient(135deg,#5558e8,#4338ca);box-shadow:0 6px 24px #6366f166}button.primary.pulse{animation:btn-pulse .55s ease}button+button{margin-top:.5rem}.row button+button,.pending-move button+button{margin-top:0}button.big{width:100%;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}.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:#312e81;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)}.timeline-dnd{margin-bottom:.75rem}.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.entry{cursor:default}.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-row.pending{align-items:center;border:2px solid var(--accent-bright);background:linear-gradient(135deg,#312e81,#1e1b4b);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:column;gap:.2rem;flex-shrink:0}.move-btn{width:2.2rem;height:2.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:#312e81}.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.2rem;font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--gold-soft);letter-spacing:.02em}.timeline-entry-year.pending-year{color:var(--accent-bright);font-size:1.3rem;animation:pulse-year 1.2s ease infinite}.timeline-entry-meta{flex:1;min-width:0;color:#cbd5e1;line-height:1.35}.timeline-row.pending .timeline-entry-meta{display:flex;flex-direction:column;gap:.1rem}.timeline-row.pending strong{color:var(--text);font-size:.95rem}.drag-hint{font-size:.72rem;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)}.resolved-reveal{padding:.85rem;border-radius:var(--radius-sm);background:var(--bg-deep);border:1px solid var(--border);animation:reveal-in .5s ease}.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 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 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)}}@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}}