:root{--bg: #0c0c0e;--surface: #161618;--surface-2: #202023;--line: #2c2c30;--fg: #f2f0ec;--fg-2: #a3a2a0;--fg-3: #6a6a6e;--accent: #c9a45c;--guilty: #a63a2e;--common: #5b7a8c;--display: "Didot", "Bodoni 72", "Playfair Display", Georgia, serif;--ink: var(--bg);--paper: var(--fg);--muted: var(--fg-2);--ok: #5ec27e;--no: var(--guilty);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--ink);color:var(--paper);font:17px/1.45 ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.wrap{max-width:30rem;margin:0 auto;padding:1.25rem 1.1rem 4rem;display:flex;flex-direction:column;gap:.9rem}h1{font-size:1.65rem;line-height:1.15;margin:0}h2{font-size:1.25rem;margin:.15rem 0 0}p{margin:0}.muted{color:var(--muted)}.small{font-size:.85rem}.label{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.code{font-size:.9rem;letter-spacing:.3em;color:var(--accent)}.code.big{font-size:3rem;letter-spacing:.2em}.card{border:1px solid var(--line);background:var(--surface);border-radius:1rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.card.guilty{border-color:color-mix(in srgb,var(--guilty) 50%,transparent);background:color-mix(in srgb,var(--guilty) 8%,var(--bg))}.card.speaking{border-color:color-mix(in srgb,var(--accent) 50%,transparent);background:color-mix(in srgb,var(--accent) 7%,var(--bg))}.card.common{border-color:color-mix(in srgb,var(--common) 45%,transparent);background:color-mix(in srgb,var(--common) 8%,var(--bg))}.card.rule{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 7%,var(--bg))}.card.flat{background:none;border:none;padding:0}.card.dim{opacity:.62}.commons{display:flex;flex-direction:column;gap:.6rem}.card.compact{padding:.5rem .8rem;font-size:.8em}.must{border-left:3px solid var(--accent);padding-left:.75rem}.must .list{margin-top:.25rem;list-style:none;padding:0;font-weight:600}.rule{text-align:center;opacity:.6}.warning{border-left:3px solid var(--no);padding-left:.75rem}.flexrow{display:flex;justify-content:space-between;list-style:none}.scene{font-size:clamp(.8rem,1.2vw,1rem)}.claim{font-style:italic}.secret{color:#ffb4a4}input{width:100%;padding:.9rem 1rem;border-radius:.9rem;border:1px solid var(--line);background:#ffffff0d;color:var(--paper);font:inherit;outline:none}input:focus{border-color:#fff6}.btn{display:block;width:100%;padding:.95rem 1rem;border-radius:.9rem;border:1px solid var(--line);background:#ffffff0f;color:var(--paper);font:inherit;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}.btn.primary{background:var(--accent);border-color:transparent;color:#1a1408}.btn.ghost{background:transparent;color:var(--muted);font-weight:400}.btn:disabled{opacity:.45}.row{display:flex;gap:.5rem}.row input{flex:1;text-align:center;letter-spacing:.25em}.row .btn{width:auto;padding-inline:1.25rem}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}.chips li,.chip{border:1px solid var(--line);background:#ffffff0d;color:var(--paper);border-radius:999px;padding:.45rem .85rem;font:inherit;font-size:.95rem;cursor:pointer}.chip.on{background:var(--accent);border-color:transparent;color:#1a1408}.chip.tiny{padding:.15rem .5rem;font-size:.8rem}.chip.on.ok{background:var(--ok)}.chip.on.no{background:var(--no)}.block{border-radius:1rem;padding:.75rem;border:1px solid transparent}.block.critical{border-color:#e8b04b66;background:#e8b04b0f}.phasebar{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:.5rem;font-size:.9rem;color:var(--muted)}.clock{color:var(--accent);font-variant-numeric:tabular-nums}.list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.4rem}.list.reveal{list-style:none;padding:0;gap:.7rem}.list.reveal li{border:1px solid var(--line);border-radius:.8rem;padding:.7rem .85rem}.list.reveal li.guilty{border-color:#e2604a80;background:#e2604a14}.board{width:100%;border-collapse:collapse;font-size:.9rem}.board th,.board td{border:1px solid var(--line);padding:.45rem .4rem;text-align:left;vertical-align:top}.board th{color:var(--muted);font-size:.72rem;font-weight:500}.board .critical{background:#e8b04b17}.board .who{white-space:nowrap;font-weight:600}.board tr.guilty{background:#e2604a1a}.marks{display:flex;gap:.25rem;margin-top:.3rem}.tally .ok{color:var(--ok)}.tally .no{color:var(--no)}.board-screen{padding:2.5vh 3vw;display:flex;flex-direction:column;gap:2vh}.board-screen header{display:flex;justify-content:space-between;align-items:baseline}.board-screen h1,.clock.big{font-size:clamp(1.5rem,3.5vw,2.6rem)}.board.big{font-size:clamp(.95rem,1.7vw,1.5rem)}.board.big th,.board.big td{padding:.7rem .6rem}.joinbox{display:flex;gap:3vw;align-items:center;flex-wrap:wrap}.qr{width:min(34vw,15rem);border-radius:1rem}.absent{border-top:1px solid var(--line);padding-top:1.5vh}.dev{display:flex;flex-direction:column;height:100vh}.devbar{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem;border-bottom:1px solid var(--line);flex-wrap:wrap}.devbar .grow{flex:1}.devgrid{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(21rem,1fr));gap:.75rem;padding:.75rem;align-content:start}.pane{display:flex;flex-direction:column;gap:.35rem;min-height:30rem}.pane.board{grid-column:1 / -1;min-height:28rem}.dev .pane.board iframe{color-scheme:dark}.pane iframe{flex:1;width:100%;border:1px solid var(--line);border-radius:.9rem;background:var(--ink)}.title{font-family:var(--display);font-weight:700;line-height:1.1;margin:0}.title.xl{font-size:2rem}.title.lg{font-size:1.5rem}.title.md{font-size:1.2rem}.poster{position:relative;margin:-1.25rem -1.1rem 0}.poster img{display:block;width:100%}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 55%,transparent) 0%,transparent 22%,transparent 55%,var(--bg) 100%)}.poster.tall img{height:62vh;object-fit:cover}.panel{border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);border-radius:0 .75rem .75rem 0;padding:.7rem .8rem;display:flex;flex-direction:column;gap:.45rem}.panel .label{color:var(--accent)}.panel.say strong{font-size:1.05rem}.panel.public{border-left-color:var(--guilty);background:color-mix(in srgb,var(--guilty) 9%,transparent)}.panel.public .label{color:var(--guilty)}.panel.note{border-left-color:var(--fg-2);background:color-mix(in srgb,var(--fg-2) 8%,transparent)}.panel.note .label{color:var(--fg-2)}.panel.aside{border-left-color:var(--fg-3);background:color-mix(in srgb,var(--fg-3) 8%,transparent);font-style:italic;color:var(--fg-2)}.panel.aside .label{color:var(--fg-3);font-style:normal}.face{border-radius:50%;object-fit:cover;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:var(--surface-2);flex:none}.face.mono{display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);color:color-mix(in srgb,var(--accent) 85%,var(--fg))}.character{display:flex;gap:.8rem;align-items:center}.fact{display:flex;gap:.7rem;align-items:flex-start;padding:.55rem 0;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.fact:first-child{border-top:none}.fact b{color:var(--common)}.fact .stack{display:flex;flex-direction:column;gap:.15rem}.filehead{margin:-1rem -1rem 0;padding:.7rem 1rem;background:color-mix(in srgb,var(--common) 18%,transparent);border-radius:1rem 1rem 0 0;display:flex;flex-direction:column;gap:.15rem}.tabs{display:flex;gap:.3rem;padding:.25rem;border:1px solid var(--line);background:var(--surface);border-radius:999px}.tab{flex:1;border:none;background:none;color:var(--fg-2);font:inherit;font-size:.9rem;padding:.5rem .4rem;border-radius:999px;cursor:pointer;white-space:nowrap}.tab.on{background:var(--accent);color:var(--bg);font-weight:600}.tab .dot{display:inline-block;width:.4rem;height:.4rem;border-radius:50%;background:var(--accent);vertical-align:.35em;margin-left:.25rem}.tab.on .dot{background:var(--bg)}.pinned{position:sticky;bottom:0;margin:0 -1.1rem -4rem;padding:.9rem 1.1rem 1.4rem;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -10px 24px color-mix(in srgb,var(--bg) 70%,transparent);display:flex;flex-direction:column;gap:.6rem}.pinned .headrow{display:flex;justify-content:space-between;align-items:baseline}.story{min-height:100dvh;display:flex;flex-direction:column;gap:1rem;padding:.9rem 1.1rem 1.6rem;max-width:30rem;margin:0 auto;position:relative}.story .progress{display:flex;gap:.35rem;align-items:center}.story .progress span{flex:1;height:3px;border-radius:2px;background:var(--line)}.story .progress span.on{background:var(--accent)}.story .body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:.9rem}.story .body.bottom{justify-content:flex-end}.story .foot{text-align:center;color:var(--fg-3);font-size:.85rem}.story .roomshot{position:fixed;inset:0;z-index:-1}.story .roomshot img{width:100%;height:100%;object-fit:cover}.story .roomshot:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 85%,transparent) 0%,color-mix(in srgb,var(--bg) 12%,transparent) 13%,color-mix(in srgb,var(--bg) 45%,transparent) 50%,var(--bg) 82%)}.story .mark{width:5.5rem;height:5.5rem;margin:0 auto;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--accent)}.story .cast{text-align:center;display:flex;flex-direction:column;gap:.6rem;align-items:center}.skip{border:none;background:none;color:var(--fg-3);font:inherit;font-size:.9rem;cursor:pointer;padding:0}.perk{display:flex;gap:.6rem;align-items:flex-start}.perk .tick{color:var(--accent)}