:root{--bg:#120f1c;--bg-raised:#1b1729;--bg-card:#221d33;--line:#372f52;--ink:#efeaf7;--ink-dim:#a79fc4;--ember:#f0a44b;--ember-deep:#c9762a;--village:#7fd1b9;--coven:#e8698a;--danger:#ff6b6b;--radius:18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(1200px 600px at 50% -10%, #2a2144 0%, transparent 60%), radial-gradient(800px 500px at 110% 110%, #2b1d2e 0%, transparent 55%), var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app{flex-direction:column;gap:22px;max-width:640px;margin:0 auto;padding:clamp(24px,5vw,56px) clamp(16px,4vw,32px) 48px;display:flex}.head{text-align:center;flex-direction:column;gap:6px;display:flex}.kicker{letter-spacing:.34em;text-transform:uppercase;color:var(--ember);margin:0;font-size:12px;font-weight:700}h1{letter-spacing:-.01em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,6vw,44px);font-weight:600;line-height:1.08}.sub,.hint,.fine{color:var(--ink-dim);margin:0;font-size:15px;line-height:1.5}.card{background:linear-gradient(180deg, var(--bg-card), var(--bg-raised));border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:14px;padding:clamp(20px,4vw,30px);display:flex;box-shadow:0 18px 40px #00000059}.label{letter-spacing:.18em;text-transform:uppercase;color:var(--ember);margin:0;font-size:12px;font-weight:700}.bigname,.rolename{margin:0;font-family:Georgia,serif;font-size:clamp(26px,6vw,36px);line-height:1.1}.rolename{color:var(--ember)}.objective,.narration{margin:0;font-size:17px;line-height:1.6}.narration{color:#ded6ef;font-family:Georgia,serif;font-style:italic}.faction{letter-spacing:.08em;text-transform:uppercase;border:1px solid;border-radius:999px;align-self:flex-start;margin:0;padding:5px 12px;font-size:13px;font-weight:700}.faction.village{color:var(--village)}.faction.coven{color:var(--coven)}.death{color:var(--danger);margin:0;font-size:18px;font-weight:700}.spared{color:var(--village);margin:0;font-size:18px;font-weight:700}.btn{appearance:none;cursor:pointer;background:linear-gradient(180deg, var(--ember), var(--ember-deep));color:#23150a;border:1px solid #0000;border-radius:999px;padding:14px 22px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .12s,filter .12s}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn.ghost:hover{border-color:var(--ember);color:var(--ember)}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.names{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}input.name{border:1px solid var(--line);width:100%;color:var(--ink);background:#171326;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:16px}input.name:focus{outline:2px solid var(--ember);outline-offset:1px;border-color:#0000}.targets{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.targets .btn{padding:16px 12px}.progress{background:var(--line);border-radius:999px;height:6px;overflow:hidden}.progress .fill{background:linear-gradient(90deg, var(--ember), var(--ember-deep));height:100%;transition:width .3s}.clock{text-align:center;font-variant-numeric:tabular-nums;color:var(--ember);margin:0;font-family:Georgia,serif;font-size:clamp(56px,16vw,92px);line-height:1}.ballots,.reveal-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ballot{border:1px solid var(--line);font-variant-numeric:tabular-nums;background:#191428;border-radius:10px;margin:0;padding:9px 14px}.reveal-list li{border:1px solid var(--line);background:#191428;border-radius:10px;justify-content:space-between;gap:14px;padding:10px 14px;display:flex}.reveal-list li.gone{opacity:.45;text-decoration:line-through}.reveal-list strong{color:var(--ember);font-weight:600}.signed{text-align:center;color:var(--village);margin:0;font-size:14px}.error{color:#ffb4b4;background:#3a1620;border:1px solid #74303f;border-radius:12px;padding:13px 17px;font-size:15px}.busy{text-align:center;align-items:center}.spinner{border:3px solid var(--line);border-top-color:var(--ember);border-radius:50%;width:34px;height:34px;margin:4px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.foot{text-align:center;color:var(--ink-dim);font-size:13px}.foot p{margin:0}.foot a{color:var(--ember)}.foot .link{font:inherit;color:var(--ember);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}