main[data-mode]{--mode-frame:1px solid var(--line);--mode-radius:var(--radius-sm);--mode-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E")}main[data-mode=story]{--accent:#7a2e8e;--accent-ink:#fff;--accent-soft:#f3e3f6;--mode-frame:2px solid color-mix(in srgb, var(--accent) 45%, var(--line))}main[data-mode=emoji]{--accent:#00695c;--accent-ink:#fff;--accent-soft:#d5f2ee;--mode-font:"World puff";--mode-frame:3px solid var(--accent-soft);--mode-radius:22px}main[data-mode=quest]{--accent:#a83d00;--accent-ink:#fff;--accent-soft:#fde6d2;--mode-font:"World city";--mode-frame:3px double var(--accent)}main[data-mode=arena]{--accent:#1f6b45;--accent-ink:#fff;--accent-soft:#dcefe3;--mode-font:"World city";--mode-frame:3px double var(--accent);--mode-paper:#eef5ef}main[data-mode=mystery]{--accent:#8a2f17;--accent-ink:#fff;--accent-soft:#f4e3cc;--mode-font:"American Typewriter", "Courier Prime", "Courier New", ui-monospace, monospace;--mode-frame:2px solid color-mix(in srgb, var(--accent) 40%, var(--line));--mode-radius:6px}main[data-mode=simulate]{--accent:#2e5e3a;--accent-ink:#fff;--accent-soft:#e1eee3;--mode-font:ui-monospace, "Cascadia Mono", "Roboto Mono", Menlo, monospace;--mode-frame:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));--mode-radius:4px;--mode-paper:#fbf7ec}main[data-mode=party]{--accent:#c8001a;--accent-ink:#fff;--accent-soft:#fde0e3;--mode-font:"World fire";--mode-frame:3px solid #111;--mode-radius:2px}@media (prefers-color-scheme:dark){main[data-mode=story]{--accent:#e0a3f0;--accent-ink:#2a0d33;--accent-soft:#3a2142}main[data-mode=emoji]{--accent:#6fdccb;--accent-ink:#00332c;--accent-soft:#17403a}main[data-mode=quest]{--accent:#ffb27a;--accent-ink:#3a1600;--accent-soft:#45260f}main[data-mode=arena]{--accent:#8fd6ad;--accent-ink:#0d2a1b;--accent-soft:#183526;--mode-paper:#14231a}main[data-mode=mystery]{--accent:#f2a98a;--accent-ink:#3a1307;--accent-soft:#3f2a1d}main[data-mode=simulate]{--accent:#9fd3a9;--accent-ink:#0f2a16;--accent-soft:#1d3523;--mode-paper:#1e1d18}main[data-mode=party]{--accent:#ff6b78;--accent-ink:#2b0005;--accent-soft:#4a1219;--mode-frame:3px solid #f2f2f2}}main[data-mode] :is(.board,.end-of-run){border:var(--mode-frame);border-radius:var(--mode-radius);background:var(--mode-grain) repeat, var(--mode-paper,var(--surface));background-blend-mode:soft-light, normal}main[data-mode] .board{box-shadow:var(--shadow);margin:0 -.5rem .5rem}.board-title,main[data-mode] .end-of-run :is(.the-end,.end-label){font-family:var(--mode-font,system-ui), system-ui, sans-serif}main[data-mode] .story-path{font-family:var(--mode-font,inherit), system-ui, sans-serif}.story-path .path-mark.tile{background:var(--accent-soft);min-width:1.9rem;height:1.9rem;box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--accent) 30%, transparent);border-radius:.7rem;place-items:center;margin-right:.15rem;font-size:1.15rem;display:inline-grid}.story-path .path-mark.tile.new{animation:tile-pop .38s var(--spring-fast)}@keyframes tile-pop{0%{opacity:0;transform:scale(.2)}}@media (prefers-reduced-motion:reduce){.story-path .path-mark.tile.new{animation:none}}:root[data-still] .story-path .path-mark.tile.new{animation:none}main[data-mode=party] .board-title{letter-spacing:.03em;font-size:1.35rem}.scores{flex-wrap:wrap;gap:.35rem;margin:.35rem 0 0;padding:0;list-style:none;display:flex}.scores li{color:#fff;background:#111;padding:.1rem .7rem;font-size:.9rem;transform:skew(-12deg)}.scores li:nth-child(odd){background:var(--accent);color:var(--accent-ink)}.scores li strong{margin-left:.3rem}main[data-mode=party] .reveal.ballot{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:.5rem;padding:0;list-style:none;display:grid}main[data-mode=party] .reveal.ballot li{background:var(--surface);border:3px solid;padding:.5rem .75rem;transform:skew(-4deg)}main[data-mode=party] .reveal.ballot li strong{background:var(--accent);width:1.8rem;height:1.8rem;color:var(--accent-ink);font-family:var(--mode-font), system-ui, sans-serif;place-items:center;margin-right:.4rem;font-size:1.2rem;display:inline-grid}main[data-mode=party] .reveal.slam{animation:.52s cubic-bezier(.2,.8,.3,1.2) slam}@keyframes slam{0%{opacity:0;transform:scale(1.6)rotate(-3deg)}60%{opacity:1;transform:scale(.97)rotate(.5deg)}80%{transform:translate(-3px)}}@media (prefers-reduced-motion:reduce){main[data-mode=party] .reveal.slam{animation:none}}:root[data-still] main[data-mode=party] .reveal.slam{animation:none}.board:not(.wait-stage .board){z-index:4;transition:top .25s var(--ease-standard);background:var(--bg);border-bottom:1px solid var(--line);margin:0 -1rem;padding:.5rem 1rem;position:sticky;top:0}:root:has(header.topbar:not([data-tucked])) .board:not(.wait-stage .board){top:3.3rem}.board h1{margin:0 0 .25rem;font-size:1rem}.board-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.board .gauges{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.gauge{white-space:nowrap;margin:0;font-size:.9rem}.gauge .change{color:var(--muted);margin-left:.25rem;font-size:.75rem}.gauge .pips{letter-spacing:.05em}.schedule{border-collapse:collapse;margin-top:.35rem;font-size:.85rem}.schedule th,.schedule td{text-align:center;padding:.1rem .6rem .1rem 0}.schedule th[scope=row]{text-align:start;font-weight:600}.schedule thead th{color:var(--muted);font-weight:400}.schedule [aria-current]{color:var(--text);font-weight:700}.board[role=button]{cursor:pointer}.sheet h2{margin:0;font-size:1rem}.sheet h3{margin:.75rem 0 .25rem;font-size:.9rem}.sheet ul{margin:0;padding:0;font-size:.85rem;list-style:none}.sheet li{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:0 .5rem;padding:.2rem 0;display:flex}.sheet li strong{margin-left:auto}.sheet li .meta{flex-basis:100%}.scene{white-space:nowrap;margin:.35rem 0 0;font-size:.95rem;overflow:hidden}.scene .lane+.lane{margin-left:.35rem}.token{display:inline-block}.token.late:after{content:"⏰";vertical-align:super;font-size:.6em}.pentagon{width:7.5rem;height:7.5rem;display:block;overflow:visible}.pentagon .rim,.pentagon .axis{fill:none;stroke:var(--line);stroke-width:.015px}.pentagon .need{fill:var(--surface);stroke:var(--muted);stroke-width:.02px}.pentagon .sender{fill:var(--setting);fill-opacity:.75;stroke:var(--setting-ink);stroke-width:.03px}.pentagon .need.outline{fill:none;stroke-dasharray:.06 .04}.pentagon .slot{font-size:.3px}.pentagon .dot{transform:translate(var(--x), var(--y));animation:dot-land .5s var(--ease-standard)}.pentagon .dot.won{fill:var(--calm-ink)}.pentagon .dot.missed{fill:var(--danger)}.roll:has(.pentagon[data-rolling]) figcaption{visibility:hidden}@keyframes dot-land{0%{transform:translate(0)scale(.3)}}@media (prefers-reduced-motion:reduce){.pentagon .dot{animation:none}}.roll{align-items:center;gap:.75rem;margin:.25rem 0;display:flex}.roll figcaption{color:var(--muted);font-size:.9rem}.coming .cards{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.coming .cards button{align-items:center;gap:.4rem;display:flex}.coming .cards button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}.plates{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem;display:flex}.plates .plate.you{order:-1}.plate{border:2px solid var(--accent);background:var(--surface);border-radius:999px 4px;margin:0;padding:.15rem .6rem;font-size:.9rem}.plate.foe{font-weight:650;position:relative}.plate.you{gap:.15rem;display:grid}.plate.foe.hit{animation:.45s ease-out plate-hit}.plate.foe.hit:after{content:"💥";opacity:0;font-size:1.6rem;animation:.7s ease-out plate-burst;position:absolute;top:-.9rem;right:-.4rem}@keyframes plate-hit{20%{background:var(--accent-soft);transform:translate(4px)rotate(2deg)}60%{transform:translate(-3px)}}@keyframes plate-burst{0%{opacity:1;transform:scale(.4)}50%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.plate.foe.hit,.plate.foe.hit:after{animation:none}.plate.foe.hit:after{opacity:1}}:root[data-still] .plate.foe.hit{animation:none}:root[data-still] .plate.foe.hit:after{opacity:1}.plate.foe{border-radius:1.2rem 4px;align-items:center;gap:.3rem;min-height:2.6rem;padding-inline:.5rem 1rem;display:flex}.foe-body,.foe-glyph{flex:none;width:2.6rem;height:2.6rem}.foe-glyph{justify-content:center;align-items:center;font-size:1.9rem;line-height:1;display:inline-flex}.foe-alive{transform-origin:50% 85%;display:inline-block}.foe-alive[data-pose=charge]{transform:scale(.9)}.foe-alive[data-pose=hurt]{transform:translate(3px)rotate(-14deg)}.foe-alive[data-pose=cheer]{transform:translateY(-2px)scale(1.12)}.foe-alive[data-pose=wobble]{transform:rotate(10deg)}.foe-alive[data-moving][data-pose=charge]{animation:.3s ease-in-out infinite alternate foe-brace}.foe-alive[data-moving][data-pose=hurt]{animation:.5s ease-out foe-recoil}.foe-alive[data-moving][data-pose=cheer]{animation:.4s ease-out 3 foe-cheer}.foe-alive[data-moving][data-pose=wobble]{animation:.4s ease-in-out 3 foe-wobble}@keyframes foe-brace{0%{transform:scale(.94)}to{transform:scale(.86)translate(1px)}}@keyframes foe-recoil{0%{transform:none}30%{transform:translate(6px)rotate(-20deg)}to{transform:translate(3px)rotate(-14deg)}}@keyframes foe-cheer{0%,to{transform:translateY(-2px)scale(1.12)}50%{transform:translateY(-8px)scale(1.12)}}@keyframes foe-wobble{0%,to{transform:rotate(10deg)}50%{transform:rotate(-10deg)}}@media (prefers-reduced-motion:reduce){.foe-alive[data-moving]{animation:none}}:root[data-still] .foe-alive[data-moving]{animation:none}.pin.shaken{animation:.5s ease-in-out pin-shake}@keyframes pin-shake{20%,60%{transform:translate(-4px)rotate(-2deg)}40%,80%{transform:translate(4px)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.pin.shaken{animation:none}}:root[data-still] .pin.shaken{animation:none}main[data-mode=simulate] .board{font-variant-numeric:tabular-nums}.runway{background:var(--accent-soft);border-radius:2px;height:.45rem;margin:.35rem 0 .1rem;overflow:hidden}.runway .fill{width:calc(var(--runway) * 100%);background:var(--accent);height:100%;transition:width .5s var(--ease-standard);display:block}.board .stamp{pointer-events:none;animation:stamp-in 1.4s var(--ease-standard) forwards;font-size:1.6rem;position:absolute;top:.4rem;right:.75rem}@keyframes stamp-in{0%{opacity:0;transform:scale(2.2)rotate(-14deg)}15%{opacity:1;transform:scale(1)rotate(-8deg)}75%{opacity:1}to{opacity:0;transform:rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.runway .fill{transition:none}.board .stamp{animation:none;transform:rotate(-8deg)}}:root[data-still] .runway .fill{transition:none}:root[data-still] .board .stamp{animation:none;transform:rotate(-8deg)}.arena-here{white-space:nowrap;text-overflow:ellipsis;margin:.15rem 0 .25rem;font-weight:650;overflow:hidden}.arena-here .meta{font-weight:400}@media (prefers-reduced-motion:no-preference){:root:not([data-still]) .arena-here.hop{animation:.5s cubic-bezier(.2,.8,.2,1) arena-hop}:root:not([data-still]) .arena-here.boss{animation:.9s cubic-bezier(.2,.8,.2,1) arena-boss}}@keyframes arena-boss{0%{opacity:0;transform:scale(1.25)}60%{opacity:1;transform:scale(.97)}}@keyframes arena-hop{0%{opacity:.4;transform:translateY(.6rem)}}main[data-mode=mystery] .board :is(.suspects,.finds){flex-wrap:wrap;gap:.4rem;margin:.4rem 0;padding:0;list-style:none;display:flex}main[data-mode=mystery] .board .pin.card{max-width:100%}main[data-mode=mystery] .board :is(.pin.card,.pin .said){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}main[data-mode=mystery] .board .pin .said{opacity:.8;max-width:11rem;font-size:.75rem;display:block}main[data-mode=mystery] .board .pin.caught .said{text-decoration:line-through}.objection-flash{z-index:50;pointer-events:none;font-family:var(--mode-font,system-ui), system-ui, sans-serif;color:var(--accent);text-shadow:0 .15rem 0 var(--surface), 0 .3rem 1.2rem color-mix(in srgb, var(--accent) 40%, transparent);animation:objection 1.1s var(--spring-fast,ease-out) forwards;place-items:center;margin:0;font-size:clamp(2.5rem,12vw,5.5rem);font-weight:800;display:grid;position:fixed;inset:0}@keyframes objection{0%{opacity:0;transform:scale(2.2)rotate(-6deg)}18%{opacity:1;transform:scale(1)rotate(-6deg)}75%{opacity:1}to{opacity:0;transform:scale(1.05)rotate(-6deg)}}@keyframes objection-still{0%,70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.objection-flash{animation-name:objection-still}}:root[data-still] .objection-flash{animation-name:objection-still}main[data-mode] header.board[data-frame]{background-blend-mode:normal;--f0:color-mix(in srgb, var(--accent) 70%, #000);--f1:var(--accent);--f2:var(--accent-soft);--tint:1}main[data-mode] header.board[data-frame][data-colours]{--f0:var(--frame-deep);--f1:var(--frame-mid);--f2:var(--frame-light)}main[data-mode] header.board[data-frame=scroll]{background:linear-gradient(var(--f0), var(--f1) 30%, var(--f0)) top / 100% .45rem no-repeat, linear-gradient(var(--f0), var(--f1) 30%, var(--f0)) bottom / 100% .45rem no-repeat, linear-gradient(90deg, color-mix(in srgb, var(--f2) calc(30% * var(--tint)), var(--surface)), color-mix(in srgb, var(--f2) calc(14% * var(--tint)), var(--surface)) 20% 80%, color-mix(in srgb, var(--f2) calc(30% * var(--tint)), var(--surface)));box-shadow:0 4px 0 color-mix(in srgb, var(--f0) 50%, transparent);border:0;border-radius:4px;padding-block:.9rem}main[data-mode] header.board[data-frame=cockpit]{border:5px solid var(--f0);outline:2px solid var(--f1);outline-offset:-9px;background:radial-gradient(circle at .7rem .7rem, var(--f1) 0 2.5px, transparent 3.5px), radial-gradient(circle at calc(100% - .7rem) .7rem, var(--f1) 0 2.5px, transparent 3.5px), radial-gradient(circle at .7rem calc(100% - .7rem), var(--f1) 0 2.5px, transparent 3.5px), radial-gradient(circle at calc(100% - .7rem) calc(100% - .7rem), var(--f1) 0 2.5px, transparent 3.5px), linear-gradient(color-mix(in srgb, var(--f2) calc(10% * var(--tint)), var(--surface)), var(--surface));border-radius:22px;padding:.6rem 1.2rem}main[data-mode] header.board[data-frame=lunchbox]{border:5px solid var(--f1);background:linear-gradient(90deg, color-mix(in srgb, var(--f2) calc(22% * var(--tint)), transparent) 50%, transparent 50%) 0 0 / 1.2rem 1.2rem, linear-gradient(color-mix(in srgb, var(--f2) calc(22% * var(--tint)), transparent) 50%, transparent 50%) 0 0 / 1.2rem 1.2rem, var(--surface);box-shadow:0 5px 0 var(--f0);border-radius:18px}main[data-mode] header.board[data-frame=lunchbox]:after{content:"";background:var(--f0);border-radius:4px 4px 0 0;width:2.2rem;height:.6rem;position:absolute;bottom:-5px;left:50%;translate:-50%}@media (prefers-color-scheme:dark){main[data-mode] header.board[data-frame]{--tint:.35}}.home-back{justify-content:space-between;align-items:baseline;gap:.5rem;margin:0 0 .5rem;font-size:.85rem;display:flex}.home-back button{min-height:2.75rem;color:var(--accent);box-shadow:none;background:0 0;border:none;padding:0;font-weight:600}.calendar{border-collapse:separate;border-spacing:.25rem;table-layout:fixed;width:100%;margin-top:.4rem;font-size:.8rem}.calendar thead th{text-align:start;font-weight:600}.calendar thead th:first-child,.calendar tbody th{width:2.5rem;color:var(--muted);text-align:start;vertical-align:top;font-weight:400}.calendar td{border-radius:var(--mode-radius,4px);background:var(--accent-soft);white-space:nowrap;text-overflow:ellipsis;padding:.35rem .4rem;overflow:hidden}.calendar td[data-free]{outline:1px dashed var(--line);color:var(--muted);background:0 0}.calendar tr[aria-current] :is(th,td){box-shadow:inset 0 3px #c62828}.calendar tr[aria-current] th{color:var(--text);font-weight:700}.calendar .unscheduled td{white-space:normal;outline:1px solid var(--line);background:0 0}.calendar .unscheduled[data-over] td{color:#fff;background:repeating-linear-gradient(135deg,#c62828 0 .5rem,#a51f1f .5rem 1rem);outline:none;font-weight:600}.calls h2{letter-spacing:.04em;text-transform:uppercase;margin:.75rem 0 .25rem;font-size:.75rem}.calls ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.calls li>:is(button,p){text-align:start;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);align-items:center;gap:.6rem;width:100%;margin:0;padding:.55rem .75rem;display:flex}.calls li[aria-current]>button{border:2px solid var(--accent)}.call-glyph{font-size:1.3rem}.call-words{flex:1;min-width:0;display:grid}.call-words .meta{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.call-answer{color:var(--accent);font-size:.8rem;font-weight:700}.exchange .mail{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);margin:.75rem 0;padding:.75rem .9rem}.mail-head{border-bottom:1px solid var(--line);margin:0 0 .5rem;padding-bottom:.4rem;font-size:.85rem}.mail-body{white-space:pre-wrap;margin:0;font-family:Georgia,Times New Roman,serif}.exchange .faceoff{border-radius:var(--radius-sm);color:#2a1d10;background:#f7e3cc;grid-template-columns:1fr 1fr;gap:.5rem;margin:.75rem 0;padding:.9rem;display:grid}.faceoff-them,.faceoff-you{background:#fff8ee;border-radius:50%;place-items:center;width:4.5rem;height:4.5rem;font-size:2.4rem;font-weight:700;display:grid}.faceoff-you{justify-self:end}.faceoff blockquote{border-radius:var(--radius-sm);background:#fff;border:2px solid #2a1d10;grid-column:1/-1;margin:0;padding:.6rem .8rem;font-weight:600}.faceoff .who{color:#6b4e2e;font-size:.75rem;display:block}.choose[data-channel=email] .choose-prompt{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.75rem}.choose[data-channel=person]{color:#2a1d10;background:#f7e3cc}@media (prefers-color-scheme:dark){.exchange .faceoff,.choose[data-channel=person]{color:#f5e6d3;background:#3b2a1a}.faceoff-them,.faceoff-you{background:#4a3523}.faceoff blockquote{background:#2a1d10;border-color:#f5e6d3}.faceoff .who{color:#d9b98e}}.ring{background:var(--surface);border-radius:12px;height:clamp(8rem,24vh,11rem);margin-top:.3rem;position:relative;overflow:hidden}.ring canvas{width:100%;height:100%;display:block}.ring .plate{font-size:.8rem;position:absolute}.ring .plate.foe{max-width:55%;min-height:0;top:.35rem;left:.35rem}.ring .plate.you{bottom:.35rem;right:.35rem}.quest-road{border-radius:var(--radius-sm);background:linear-gradient(color-mix(in srgb, var(--accent-soft) 55%, #bfe3f5) 0 45%, color-mix(in srgb, var(--accent-soft) 35%, #9fd39a) 45%);cursor:pointer;border:0;width:100%;height:4rem;margin-top:.5rem;padding:0;display:block;position:relative;overflow:hidden}.quest-road svg{width:100%;height:100%;position:absolute;inset:0}.quest-road path{fill:none;stroke-linecap:round;stroke-linejoin:round}.quest-road path.travelled{stroke:#8a6a50;stroke-width:5px}.quest-road path.ahead{stroke:#fffaf0;stroke-width:4px;stroke-dasharray:2 8}.quest-road text{text-anchor:middle;font-size:17px}.quest-road text.here{font-size:22px}.quest-road text.earlier{font-size:13px}.quest-road .fog{background:linear-gradient(90deg, transparent, var(--surface) 75%);pointer-events:none;width:36%;position:absolute;inset:0 0 0 auto}