:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e6e6f0;background:#0b0b12;font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{place-items:center;min-height:100vh;margin:0;display:grid}.card{background:#14141f;border:1px solid #262636;border-radius:12px;width:min(520px,100vw - 32px);padding:28px}h1{margin:0 0 20px;font-size:1.4rem}.tabs{gap:8px;margin-bottom:20px;display:flex}.tabs button{flex:1}.tabs button[aria-selected=true]{color:#fff;border-color:#7c6cff}form{gap:14px;display:grid}label{gap:6px;font-size:.9rem;display:grid}input{color:inherit;font:inherit;background:#0b0b12;border:1px solid #33334a;border-radius:8px;padding:10px 12px}input[aria-invalid=true]{border-color:#ff6b6b}button{color:#c9c9da;font:inherit;cursor:pointer;background:#1c1c2b;border:1px solid #33334a;border-radius:8px;padding:10px 16px}button:disabled{opacity:.45;cursor:default}button.primary{color:#fff;background:#7c6cff;border-color:#7c6cff;font-weight:600}button.link{color:#9d93ff;background:0 0;border:none;padding:0}.error{color:#ff8a8a;margin:0}small.error{font-size:.8rem}.lobby header{color:#9a9ab0;justify-content:space-between;margin-bottom:16px;display:flex}.lobby header strong{color:#e6e6f0}.actions{gap:8px;display:flex}.actions button{min-width:110px}.status{margin:16px 0 8px}.game{border-radius:8px;margin-top:16px;line-height:0;overflow:hidden}.game canvas{width:100%;height:auto}