:root{--bg:#0f1419;--bg-elevated:#1a2332;--fg:#e8eef5;--muted:#8b9bb0;--accent:#2d8a6e;--accent-hover:#36a482;--danger:#c45c5c;--border:#2a3544;--warn:#c9a227;--radius:10px;--font:"Segoe UI",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:var(--font)}a{color:var(--accent);text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.7rem 1.1rem;background:var(--accent);color:#fff;font-weight:600}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:transparent;color:var(--fg);border:1px solid var(--border)}button.secondary:hover:not(:disabled){background:var(--bg-elevated)}button.danger{background:var(--danger)}input{width:100%;padding:.7rem .85rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elevated);color:var(--fg)}input:focus{outline:2px solid var(--accent);outline-offset:1px}.shell{max-width:420px;margin:0 auto;padding:1.25rem 1rem 2.5rem}h1{font-size:1.75rem;margin:0 0 .35rem;letter-spacing:.02em}.muted{color:var(--muted);font-size:.95rem}.stack{display:flex;flex-direction:column;gap:.75rem}.row{flex-wrap:wrap}.list,.row{display:flex;gap:.5rem}.list{list-style:none;margin:0;padding:0;flex-direction:column}.list li{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem}.badge{font-size:.75rem;padding:.2rem .5rem;border-radius:999px;background:var(--border);color:var(--muted);white-space:nowrap}.badge.open{background:#1e3d32;color:#7dcea0}.badge.closed{background:#3d2e1e;color:#e0b15a}.badge.playing{background:#1e2a3d;color:#7eb0e0}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.role-spy{color:var(--danger)}.role-narrator,.role-spy{font-weight:700;font-size:1.25rem}.role-narrator{color:#7eb0e0;margin:0}.place{font-size:1.5rem;font-weight:700;color:var(--warn)}.suggested-question{margin:.35rem 0 0;font-size:1.1rem;line-height:1.4;font-weight:600}.error{color:#f0a0a0;font-size:.9rem}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:flex-end;justify-content:center;padding:1rem;z-index:50}@media (min-width:480px){.modal-backdrop{align-items:center}}.modal{width:100%;max-width:400px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}