:root,:root[data-phase=night]{--bg:#0f1018;--panel:#171a26;--panel-2:#1f2332;--line:#2e3345;--text:#e8eaf2;--muted:#9aa1b8;--accent:#e0ad5c;--on-accent:#17151d;--danger:#e0727a;--good:#86b87a;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-phase=day]{--bg:#e9dfcc;--panel:#f6f1e5;--panel-2:#ece4d3;--line:#cdbfa4;--text:#231d16;--muted:#5f5547;--accent:#9a3324;--on-accent:#fdf6ea;--danger:#9a2f2a;--good:#3c6336;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;padding:0;font:16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;transition:background-color .7s,color .7s}a{color:var(--accent)}.wrap{max-width:900px;margin:0 auto;padding:20px 16px 64px}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.grow{flex:1}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:26px}h2{margin:0 0 10px;font-size:18px}h3{margin:0 0 6px;font-size:15px}p{margin:0 0 10px}.muted{color:var(--muted);font-size:14px}.tiny{color:var(--muted);font-size:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}label{color:var(--muted);margin-bottom:5px;font-size:13px;display:block}input[type=text],input[type=number],select,textarea{width:100%;min-height:44px;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:16px}textarea{resize:vertical;min-height:90px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}button{min-height:44px;color:var(--on-accent);background:var(--accent);cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-family:inherit;font-size:16px;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{color:var(--text);border:1px solid var(--line);background:0 0}button.danger{background:var(--danger);color:var(--on-accent)}button.wide{width:100%}.seats{flex-direction:column;gap:6px;display:flex}.seat{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:9px 12px;display:flex}.seat.dead .n,.seat.dead .name{opacity:.5;text-decoration:line-through}.seat.you{border-color:var(--accent)}.seat .n{background:var(--bg);min-width:26px;height:26px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:6px;place-items:center;font-size:13px;display:grid}.seat .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.grave summary{cursor:pointer;list-style:none}.grave summary::-webkit-details-marker{display:none}.grave summary:after{content:"will ▾";color:var(--muted);font-size:11px}.grave[open] summary:after{content:"will ▴"}.grave .will{border-left:3px solid var(--danger);white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 0;padding:10px 12px;font-size:15px}.tag{text-transform:uppercase;letter-spacing:.04em;background:var(--bg);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:3px 7px;font-size:11px}.tag.role{color:var(--accent);border-color:var(--accent)}.tag.dead{color:var(--danger);border-color:var(--danger)}.tag.grave{color:var(--on-accent);background:var(--danger);border-color:var(--danger);font-weight:700}.tag.grave:before{content:"✝ "}.accused{color:var(--danger);margin-top:4px;font-size:14px;font-weight:700}.clock{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:30px;font-weight:700}.phase{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px}.feed{flex-direction:column;gap:7px;max-height:320px;display:flex;overflow-y:auto}.entry{background:var(--panel-2);border-radius:8px;padding:8px 11px;font-size:14px}.entry.private{border-left:3px solid var(--accent)}.entry.death{border-left:3px solid var(--danger)}.timer-grid{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.feed-divider{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border-top:1px solid var(--panel-2);padding:6px 2px 0;font-size:12px}.chat{flex-direction:column;gap:5px;max-height:260px;display:flex;overflow-y:auto}.msg{font-size:14px}.msg .who{color:var(--accent);font-weight:600}.msg.dead-channel .who{color:var(--muted)}.notice{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent);border-radius:var(--radius);padding:14px 16px}.notice.bad{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 9%, transparent)}.notice code{background:var(--bg);word-break:break-all;border-radius:4px;padding:2px 6px;font-size:13px}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:560px){.grid2{grid-template-columns:1fr}}.code{letter-spacing:.22em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700}.verdicts{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.verdicts button{min-height:72px;font-size:17px}.verdicts button.ghost[value=guilty]{color:var(--danger);border-color:var(--danger)}.turn{z-index:50;text-align:center;background:var(--bg);pointer-events:none;place-items:center;padding:24px;animation:2.6s forwards turn-in;display:grid;position:fixed;inset:0}.turn .phase-name{letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(34px,11vw,56px);font-weight:800}.turn .phase-note{color:var(--muted);max-width:28ch;margin:10px 0 0;font-size:15px}.turn .phase-mark{margin-bottom:10px;font-size:clamp(40px,14vw,64px);line-height:1}.turn.long{animation-duration:5.2s}.turn .news{flex-direction:column;align-items:center;gap:6px;margin-top:10px;display:flex}.turn .news .phase-note{max-width:34ch;color:var(--text);margin:0}.turn .news .will-note{color:var(--muted);white-space:pre-wrap;font-style:italic}@keyframes turn-in{0%{opacity:0}12%{opacity:1}78%{opacity:1}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){html,body{transition:none}.turn{animation:2.6s step-end forwards turn-hold}.turn.long{animation-duration:5.2s}@keyframes turn-hold{0%,92%{opacity:1}to{opacity:0;visibility:hidden}}}.turn.dawn{pointer-events:auto;animation:.4s forwards dawn-in;overflow-y:auto}.turn.dawn .lines{text-align:left;flex-direction:column;gap:8px;max-width:34ch;margin:18px auto;display:flex}.turn.dawn .entry{margin:0;font-size:16px}@keyframes dawn-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.turn.dawn{animation:none}}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(120% 70% at 50% -10%, color-mix(in srgb, var(--accent) 13%, transparent), transparent 70%);position:fixed;inset:0}.phase.is-night,.phase.is-day{color:var(--accent)}
