:root{--bg:#12110f;--bg-elev:#1c1a17;--bg-soft:#26221c;--ink:#f3efe6;--muted:#9a9184;--line:#3a342c;--accent:#e8a45a;--accent-ink:#1a1208;--ok:#7dba7a;--bad:#e07a6a;--danger:#c45c4a;--radius:14px;--font:"Space Grotesk", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;color:var(--ink);background:var(--bg);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(1200px 600px at 10% -10%, #2a2218 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #1a2420 0%, transparent 50%), var(--bg);min-height:100vh;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}img{object-fit:cover;display:block}.page{flex-direction:column;gap:1.25rem;width:min(920px,100% - 2rem);margin:0 auto;padding:2.5rem 0 4rem;display:flex}.home{justify-content:center;min-height:100vh;position:relative}.home-bg{background:linear-gradient(180deg, transparent, var(--bg) 80%), repeating-linear-gradient(-12deg, transparent 0 18px, #e8a45a08 18px 19px);pointer-events:none;z-index:0;position:fixed;inset:0}.home-panel{z-index:1;flex-direction:column;gap:1rem;width:min(420px,100%);margin:0 auto;display:flex;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0;font-size:.72rem;font-weight:600}.brand{letter-spacing:-.04em;margin:0;font-size:clamp(2.8rem,10vw,4.2rem);font-weight:700;line-height:.95}.brand.small{font-size:clamp(2rem,7vw,3rem)}.lede{color:var(--muted);margin:0;font-size:1.05rem;line-height:1.45}.lede.small{font-size:.95rem}.tabs{background:var(--bg-elev);border:1px solid var(--line);border-radius:999px;grid-template-columns:1fr 1fr;gap:.35rem;padding:.3rem;display:grid}.tab{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:.65rem .8rem}.tab.active{background:var(--bg-soft);color:var(--ink)}.stack{flex-direction:column;gap:.85rem;display:flex}.field{flex-direction:column;gap:.35rem;display:flex}.field span{color:var(--muted);font-size:.8rem}.field input,.guess-form input{border:1px solid var(--line);background:var(--bg-elev);border-radius:12px;outline:none;padding:.85rem 1rem}.field input:focus,.guess-form input:focus{border-color:var(--accent)}.code-input{letter-spacing:.35em;text-transform:uppercase;font-family:var(--mono);font-size:1.2rem}.btn{border:1px solid var(--line);background:var(--bg-soft);color:var(--ink);border-radius:999px;padding:.85rem 1.25rem;transition:transform .15s,background .15s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;font-weight:600}.btn.ghost{background:0 0}.btn.small{padding:.45rem .8rem;font-size:.85rem}.hint{color:var(--muted);margin:0;font-size:.85rem}.ok-hint{color:var(--ok)}.error{color:var(--bad);margin:0;font-size:.9rem}.mono{font-family:var(--mono)}.lobby-top,.game-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.code-display{font-family:var(--mono);letter-spacing:.2em;margin:.2rem 0 0;font-size:clamp(2.4rem,8vw,3.4rem)}.lobby-grid{grid-template-columns:1fr 1.2fr;gap:1rem;display:grid}@media (width<=760px){.lobby-grid{grid-template-columns:1fr}}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#1c1a17d9;flex-direction:column;gap:.85rem;padding:1.1rem 1.15rem;display:flex}.panel h2,.panel h3{margin:0;font-size:1rem;font-weight:600}.player-list,.playlist-list,.final-board,.scoreboard{margin:0;padding:0;list-style:none}.player-list li,.final-board li,.scoreboard li{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.player-list li:last-child,.final-board li:last-child,.scoreboard li:last-child{border-bottom:0}.player-list .dim{opacity:.45}.row{align-items:center;display:flex}.row.between{justify-content:space-between;gap:.75rem}.row.gap{gap:.75rem}.link-row{align-items:flex-end;gap:.6rem;display:flex}.link-row .grow{flex:1;min-width:0}.link-row .btn{flex-shrink:0;height:2.85rem;margin-bottom:0}@media (width<=560px){.link-row{flex-direction:column;align-items:stretch}}.playlist-list{flex-direction:column;gap:.4rem;max-height:280px;display:flex;overflow:auto}.playlist-item{text-align:left;background:var(--bg);border:1px solid #0000;border-radius:12px;align-items:center;gap:.75rem;width:100%;padding:.45rem;display:flex}.playlist-item.active,.playlist-item:hover{border-color:var(--accent);background:var(--bg-soft)}.playlist-item img,.playlist-ph{background:var(--bg-soft);border-radius:8px;flex-shrink:0;width:40px;height:40px}.playlist-item strong{font-size:.92rem;display:block}.playlist-item small{color:var(--muted)}.meta{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:0;display:grid}.meta dt{color:var(--muted);font-size:.75rem}.meta dd{font-family:var(--mono);margin:.2rem 0 0;font-size:1.1rem}.timer{font-family:var(--mono);letter-spacing:-.04em;margin:.15rem 0 0;font-size:clamp(2.5rem,9vw,3.6rem)}.timer[data-urgent=true]{color:var(--danger);animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55}}.scoreboard{min-width:140px;font-size:.9rem}.scoreboard .me span:first-child{color:var(--accent)}.listen-stage{border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(circle at 50% 30%, #e8a45a1f, transparent 55%), var(--bg-elev);text-align:center;flex-direction:column;align-items:center;gap:.6rem;margin-top:1rem;padding:2.5rem 1rem;display:flex}.listen-label{margin:0;font-size:1.4rem;font-weight:600}.playback-fail{flex-direction:column;align-items:center;gap:.75rem;max-width:28rem;display:flex}.eq{align-items:flex-end;gap:6px;height:42px;display:flex}.eq span{background:var(--accent);border-radius:999px;width:6px;animation:.9s ease-in-out infinite eq}.eq span:first-child{height:14px;animation-delay:0s}.eq span:nth-child(2){height:28px;animation-delay:.1s}.eq span:nth-child(3){height:40px;animation-delay:.2s}.eq span:nth-child(4){height:22px;animation-delay:.15s}.eq span:nth-child(5){height:16px;animation-delay:50ms}@keyframes eq{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}.guess-form{grid-template-columns:1fr auto;gap:.6rem;display:grid}.flash{text-align:center;margin:0;font-weight:600}.flash.ok{color:var(--ok)}.flash.bad{color:var(--bad)}.answer-title{letter-spacing:-.03em;margin:0;font-size:clamp(2rem,7vw,3.2rem);line-height:1.1}.final-board li{align-items:center;padding:.75rem 0;font-size:1.1rem}.rank{width:1.5rem;color:var(--muted);font-family:var(--mono)}@media (width<=560px){.guess-form{grid-template-columns:1fr}.game-top{flex-direction:column}.scoreboard{width:100%}}