:root{--bg:#efe2c6;--surface-1:#f7eed8;--surface-2:#f1e6cb;--surface-3:#e9dcbb;--line:#d9c08a;--line-soft:#e4d2a6;--surface-inspect:#d9cba6;--line-inspect:#5a3d1852;--ink:#3a2c18;--ink-dim:#6f5c38;--ink-faint:#9c8a60;--title-ink:#5a3d18;--you:#6eaec8;--you-deep:#3a5f78;--foe:#b1574c;--foe-deep:#5a2520;--inert:#c79a3a;--neutral:#caa45a;--neutral-ink:#2e2200;--human:#e2ad91;--vampire:#b1453f;--zombie:#7f3870;--sq-dark:#b58863;--sq-light:#f0d9b5;--gold:#c8a93c;--gold-glow:#c8a93c2e;--seat:#7d96ad;--seat-glow:#7d96ad42;--hole:#2a2114;--board-frame:#6f4f29;--fog:#1d1822cc;--lit:#f3da7f0d;--wall:#241b0ef0;--wall-hatch:#b07d2a1f;--wall-edge:#b07d2a;--last-turn:#6eaec83d;--legal:#4a8c5a;--capture:#b3503c;--queue:#6eaec8;--select:#b9892f;--annot-hi:#c75a3266;--annot-arrow:#5a8a5a;--r-sm:6px;--r-md:10px;--r-lg:16px;--shadow:0 6px 22px #785a2838;--font:"Crimson Pro", Georgia, "Times New Roman", serif;--font-title:"Cinzel", Georgia, serif;--font-ui:"Merriweather", Georgia, serif;--font-voice:"IM Fell English", Georgia, serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;margin:0}.tog-root{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100dvh}.btn{appearance:none;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font:inherit;border-radius:var(--r-md);cursor:pointer;padding:10px 14px;font-weight:600;transition:background .12s,border-color .12s,transform 60ms}.btn:hover{background:var(--surface-3);border-color:#c2a86a}.btn:active{transform:translateY(1px)}.btn--primary{color:#f7eed8;background:linear-gradient(#7a5a30,#6f4f29);border-color:#6f4f29}.btn--primary:hover{background:linear-gradient(#8a6738,#7a5a30)}.btn--ghost{background:0 0}.btn:disabled{opacity:.4;cursor:not-allowed}.pill{background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.chip{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;align-items:center;gap:8px;padding:7px 10px 7px 8px;font-size:13px;display:inline-flex}.chip__n{background:var(--queue);color:#2a1d00;width:18px;height:18px;font-size:11px;font-weight:800;font-family:var(--mono);border-radius:5px;place-items:center;display:grid}.pips{gap:4px;display:inline-flex}.pip{background:var(--surface-3);border:1px solid var(--line);border-radius:999px;width:9px;height:9px}.pip--full{background:var(--you);border-color:var(--you);box-shadow:0 0 6px #6eaec873}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:700}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}.vb-board{width:100%}@media (width>=760px){.vb-board{align-items:center;width:auto;height:calc(100dvh - 32px);display:flex}.vb-board>svg{width:100%;height:auto;max-height:calc(100dvh - 32px)}}.fog-cell{transition:fill .6s}.fog-wall-edge{animation:.5s both tog-wall-rise}@keyframes tog-wall-rise{0%{opacity:0}to{opacity:.9}}@media (prefers-reduced-motion:reduce){.fog-cell{transition:none}.fog-wall-edge{opacity:.9;animation:none}}