@scope(.dead-air-page){:scope{--bg:#0a0a0a;--bg-raise:#121212;--ink:#f2e6c8;--dim:#7a7056;--accent:#ffb800;--danger:#f44;--ok:#4f8;--line:#2a2620;--relay-noise:#ff6b6b;--relay-lowpass:#ffb866;--relay-pitch:#66d9ff;--relay-dropout:#b19dff;--relay-bitcrush:#f6c;--relay-echo:#95ff66}*{box-sizing:border-box}:scope{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:JetBrains Mono,monospace}button,input{font:inherit;color:var(--ink);background:#171717;border:1px solid #3a342a;border-radius:8px;padding:8px 10px}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{color:var(--accent);background:linear-gradient(#3a2b08,#1f1606);border-color:#6b5a2d}button.primary:hover:not(:disabled){background:linear-gradient(#4a3808,#2a1d06)}.dim{color:var(--dim)}#lobby{background:radial-gradient(circle at 50% 30%,#17140f,#0a0a0a 60%);justify-content:center;align-items:flex-start;min-height:100vh;padding:24px 18px;display:flex}.card{border:1px solid var(--line);background:var(--bg-raise);border-radius:12px;gap:14px;width:min(760px,100%);padding:20px;display:grid}.title{letter-spacing:.08em;color:var(--accent);margin:0;font-family:Major Mono Display,monospace;font-size:clamp(1.6rem,5vw,2.4rem)}.sub{color:var(--ink);margin:0;font-size:.92rem;line-height:1.45}.how{background:#ffb80008;border:1px dashed #3a342a;border-radius:10px;padding:12px 16px}.how h3{letter-spacing:.14em;color:var(--dim);margin:0 0 6px;font-size:.78rem}.how ol{color:var(--ink);margin:0;padding-left:20px;font-size:.85rem;line-height:1.55}.how li{margin:2px 0}.stack{gap:6px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#join-code{text-transform:uppercase;letter-spacing:.12em;min-width:120px}.room-wrap{border:1px solid var(--line);background:#0f0f0f;border-radius:10px;gap:10px;padding:12px;display:grid}.room-code{color:var(--accent);letter-spacing:.3em;text-align:center;background:#1d1608;border:1px dashed #6b5a2d;border-radius:8px;min-width:140px;padding:6px 10px;font-size:1.1rem;display:inline-block}.copy-status{color:var(--ok);font-size:.75rem}.roster-list{border:1px solid var(--line);background:#0f0f0f;border-radius:8px;max-height:180px;padding:8px;overflow:auto}.roster-list .lp{border-bottom:1px solid #1f1f1f;padding:4px 2px}.roster-list .lp:last-child{border-bottom:0}#lobby-status{min-height:20px;color:var(--dim);font-size:.85rem}#game{flex-direction:column;min-height:100vh;display:flex}#header{border-bottom:1px solid var(--line);background:#0d0d0d;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}#header .left,#header .right{align-items:center;gap:10px;display:flex}#header h1{color:var(--accent);margin:0;font-family:Major Mono Display,monospace;font-size:1.2rem}.pill{border:1px solid var(--line);color:var(--dim);border-radius:999px;padding:3px 10px;font-size:.72rem}#main{flex:1;grid-template-columns:1fr 280px;display:grid}#stage{align-content:start;gap:12px;padding:16px;display:grid}.panel{border:1px solid var(--line);background:var(--bg-raise);border-radius:10px;padding:12px 14px}.panel h3{letter-spacing:.14em;color:var(--dim);margin:0 0 10px;font-size:.78rem}.panel h4{letter-spacing:.14em;color:var(--dim);margin:14px 0 8px;font-size:.74rem}.hint{color:var(--dim);margin:10px 0 0;font-size:.78rem;line-height:1.45}.chain{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip{border:1px solid var(--line);letter-spacing:.06em;background:#0f0f0f;border-radius:999px;padding:4px 10px;font-size:.74rem}.chip-source{color:var(--ok);background:#0f1a0f;border-color:#3a6f3a}.chip-you{color:var(--accent);background:#1d1608;border-color:#6b5a2d}.relay-noise{border-color:var(--relay-noise);color:var(--relay-noise)}.relay-lowpass{border-color:var(--relay-lowpass);color:var(--relay-lowpass)}.relay-pitch{border-color:var(--relay-pitch);color:var(--relay-pitch)}.relay-dropout{border-color:var(--relay-dropout);color:var(--relay-dropout)}.relay-bitcrush{border-color:var(--relay-bitcrush);color:var(--relay-bitcrush)}.relay-echo{border-color:var(--relay-echo);color:var(--relay-echo)}.arrow{color:var(--dim)}.slots{flex-wrap:wrap;gap:8px;display:flex}.slot{border:1px solid var(--line);width:72px;height:72px;color:var(--ink);cursor:pointer;background:#0f0f0f;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex}.slot .slot-idx{color:var(--dim);font-size:.7rem}.slot .slot-note{color:var(--dim);margin-top:4px;font-size:1.4rem;font-weight:600}.slot.filled .slot-note{color:var(--ink)}.slot.active{border-color:var(--accent);box-shadow:0 0 0 2px #ffb80040}.slot.good{border-color:var(--ok);background:#44ff8814}.slot.good .slot-note{color:var(--ok)}.slot.bad{border-color:var(--danger);background:#ff444414}.slot.bad .slot-note{color:var(--danger)}.reveal-slots .slot{cursor:default}.keys{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.key{background:linear-gradient(#1b1b1b,#0c0c0c);border:1px solid #3a342a;width:56px;height:64px;font-size:1rem;font-weight:600}.key:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.reveal-block{margin-top:14px}#sidebar{border-left:1px solid var(--line);background:#0c0c0c;align-content:start;gap:10px;padding:12px;display:grid;overflow:auto}.players{margin:0;padding:0;list-style:none}.players li{border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;font-size:.84rem;display:flex}.players li:last-child{border-bottom:0}.players li.you{color:var(--accent)}.players .score{color:var(--ink);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:flex}.players .lock-dot{color:var(--ok);margin-left:4px}.locked-row{background:#44ff880a}.result-row{border-bottom:1px solid #1a1a1a;grid-template-columns:80px 1fr 40px;align-items:center;gap:6px;padding:6px 0;font-size:.78rem;display:grid}.result-row:last-child{border-bottom:0}.result-name{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);overflow:hidden}.result-guess{flex-wrap:wrap;gap:2px;display:flex}.mini-note{text-align:center;border:1px solid var(--line);border-radius:4px;min-width:22px;padding:2px 4px;font-size:.7rem;display:inline-block}.mini-note.good{color:var(--ok);border-color:var(--ok);background:#44ff8814}.mini-note.bad{color:var(--danger);background:#ff44440f;border-color:#522}.result-pct{text-align:right;color:var(--accent);font-weight:600}.log{flex-direction:column;gap:4px;max-height:220px;font-size:.78rem;display:flex;overflow:auto}.log .good{color:var(--ok)}.log .bad{color:var(--danger)}.log .info{color:var(--dim)}@media (width<=900px){#main{grid-template-columns:1fr}#sidebar{border-left:0;border-top:1px solid var(--line)}}}