:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--neon:#39ff14;--neon-dim:#1a7a0a;--pink:#ff2d95;--muted:#888;--panel:#0a0a0a;font-family:IBM Plex Mono,SF Mono,ui-monospace,monospace}*{box-sizing:border-box}body{color:#ddd;background:radial-gradient(at top,#0d0d0d,#000 60%);min-height:100vh;margin:0}#app{max-width:920px;margin:0 auto;padding:2rem 1.25rem 4rem}header{margin-bottom:1.75rem}header h1{letter-spacing:.08em;text-transform:uppercase;color:var(--neon);text-shadow:0 0 12px #39ff148c;margin:0;font-size:1rem;font-weight:500}header p{color:var(--muted);margin:.4rem 0 0;font-size:.85rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.join-form{align-items:center;gap:.5rem;display:flex}.join-form input{color:#fff;width:6.5rem;font:inherit;letter-spacing:.12em;text-transform:uppercase;background:#000;border:1px solid #444;padding:.45rem .5rem}button,.btn{color:var(--neon);border:1px solid var(--neon);font:inherit;cursor:pointer;background:0 0;border-radius:0;padding:.45rem .85rem;box-shadow:0 0 10px #39ff1440}button:hover{background:#39ff1414}button.danger{color:var(--pink);border-color:var(--pink);box-shadow:0 0 10px #ff2d9540}.status{color:var(--muted);font-size:.8rem}.rooms{flex-direction:column;gap:1rem;display:flex}.room{border:1px solid var(--neon-dim);background:var(--panel);padding:1rem 1.1rem;box-shadow:0 0 18px #39ff141f}.room h2{color:var(--pink);text-shadow:0 0 10px #ff2d9566;letter-spacing:.12em;margin:0 0 .75rem;font-size:1.1rem}.seats{gap:.75rem;display:grid}@media (width>=640px){.seats{grid-template-columns:1fr 1fr}}.seat{border:1px solid #333;padding:.75rem}.seat.empty{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.seat label{color:var(--muted);flex-direction:column;gap:.25rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.seat input{color:#fff;font:inherit;background:#000;border:1px solid #444;padding:.35rem .5rem}.seat .token{word-break:break-all;color:#666;margin-bottom:.5rem;font-size:.7rem}.seat-actions{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.empty-state{color:var(--muted);text-align:center;border:1px dashed #333;padding:2rem}
