:root{--bg: #1a1a2e;--surface: #16213e;--card: #0f3460;--accent: #e94560;--good: #4ade80;--evil: #f87171;--muted: #94a3b8;--text: #f1f5f9;--border: #334155;--radius: 12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh}button{cursor:pointer;border:none;border-radius:var(--radius);padding:.5rem 1.1rem;font-size:.95rem;font-weight:600;transition:opacity .15s}button:disabled{opacity:.4;cursor:not-allowed}button:hover:not(:disabled){opacity:.85}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}.btn-good{background:#166534;color:var(--good);border:1px solid var(--good)}.btn-evil{background:#7f1d1d;color:var(--evil);border:1px solid var(--evil)}input,select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .8rem;font-size:.95rem;width:100%}input:focus,select:focus{outline:2px solid var(--accent)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem}.page{max-width:720px;margin:0 auto;padding:1rem}.stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}h1{font-size:1.8rem}h2{font-size:1.2rem;color:var(--muted);font-weight:600}h3{font-size:1rem}.tag{display:inline-block;border-radius:999px;padding:.15rem .55rem;font-size:.78rem;font-weight:700}.tag-town{background:#1e3a5f;color:#93c5fd}.tag-outsider{background:#3b2a05;color:#fcd34d}.tag-minion{background:#3b0764;color:#d8b4fe}.tag-demon{background:#450a0a;color:#fca5a5}.pill{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:999px;font-size:.85rem;border:1px solid var(--border)}.muted{color:var(--muted);font-size:.88rem}.danger{color:var(--evil)}.success{color:var(--good)}.divider{height:1px;background:var(--border);margin:.5rem 0}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.cheatsheet-wrap{position:fixed;right:1rem;bottom:1rem;z-index:50;max-width:min(92vw,460px)}.cheatsheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:flex-end;justify-content:flex-end;padding:1rem}.cheatsheet-panel{margin-top:.6rem;max-height:78vh;overflow:auto;width:min(92vw,480px)}.role-blurb{border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .65rem;background:#0f346059}@media (max-width: 640px){.cheatsheet-wrap{right:.6rem;left:.6rem;bottom:.6rem;max-width:none}.cheatsheet-overlay{align-items:flex-end;justify-content:center;padding:.6rem}}