:root{--bg0: #05060a;--bg1: #0c1220;--accent: #6ec8ff;--accent2: #f0a35a;--text: #e8eef7;--muted: #8a97ab;--danger: #ff6b6b;--panel: rgba(8, 12, 22, .88);--line: rgba(110, 200, 255, .22);font-family:IBM Plex Sans,system-ui,sans-serif;color:var(--text)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,var(--bg1),var(--bg0) 70%)}#game{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hidden{display:none!important}.panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(180deg,#05060ab8,#05060aeb);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1.5rem;text-align:center;z-index:5}h1{font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:.18em;font-size:clamp(1.8rem,5vw,3rem);margin:0;background:linear-gradient(90deg,#fff,var(--accent),var(--accent2));-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-family:Orbitron,sans-serif;margin:0 0 .5rem}.tagline{margin:0 0 1rem;color:var(--muted)}label{display:flex;flex-direction:column;gap:.35rem;text-align:left;font-size:.85rem;color:var(--muted);width:min(320px,90vw)}input{border:1px solid var(--line);background:#00000073;color:var(--text);border-radius:8px;padding:.65rem .8rem;font-size:1rem;outline:none}input:focus{border-color:var(--accent)}.actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.5rem}button{font-family:Orbitron,sans-serif;letter-spacing:.06em;border:none;border-radius:8px;padding:.7rem 1.1rem;background:linear-gradient(135deg,#3a8fd4,#1f5f9a);color:#fff;cursor:pointer;font-weight:600}button.secondary{background:transparent;border:1px solid var(--line);color:var(--text)}button:hover{filter:brightness(1.08)}#room-list{margin-top:1rem;width:min(360px,90vw);max-height:160px;overflow:auto;text-align:left;font-size:.85rem;color:var(--muted)}#room-list button.room-item{display:block;width:100%;margin:.25rem 0;text-align:left;font-family:IBM Plex Sans,sans-serif;letter-spacing:0;background:#ffffff0a;border:1px solid var(--line)}.status{min-height:1.2em;color:var(--danger);font-size:.9rem}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}#hud-top{display:flex;justify-content:space-between;padding:.9rem 1.1rem;gap:1rem;font-family:Orbitron,sans-serif;font-size:.85rem}#stage-pill,#timer,#room-code{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:.4rem .85rem}#leaders{position:absolute;top:3.5rem;right:1rem;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem;min-width:160px;font-size:.8rem}#leaders .row{display:flex;justify-content:space-between;gap:1rem;margin:.2rem 0}#toast{position:absolute;left:50%;bottom:2rem;transform:translate(-50%);background:var(--panel);border:1px solid var(--accent2);border-radius:8px;padding:.5rem 1rem;opacity:0;transition:opacity .25s}#toast.show{opacity:1}#final-scores{width:min(360px,90vw);text-align:left;margin-bottom:1rem}#final-scores .row{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px solid var(--line)}