:root{--bg:#0b1220;--surface-1:#121c2e;--surface-2:#1a2740;--text:#e8edf5;--text-muted:#8a99b3;--accent:#4fd1ff;--accent-support:#ffb454;--success:#4ade80;--danger:#f87171;--font-display:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--font-ui:"Inter", system-ui, sans-serif;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--radius:4px;--glow-cyan:0 0 12px #4fd1ff59;--glow-amber:0 0 12px #ffb45459;--shadow:0 1px 2px #0006, 0 4px 12px #0000004d;--ease-ui:.16s ease-out}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-ui);color:var(--text);background-color:var(--bg);background-image:linear-gradient(#4fd1ff0d 1px,#0000 1px),linear-gradient(90deg,#4fd1ff0d 1px,#0000 1px);background-size:32px 32px;background-attachment:fixed;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar{padding:var(--space-2) var(--space-3);justify-content:space-between;align-items:center;display:flex}.wordmark-heading{font-size:inherit;font-weight:inherit;margin:0;line-height:0}.topbar__actions{align-items:center;gap:var(--space-1);display:flex}.wordmark{text-decoration:none;display:inline-flex}.wordmark__mark{width:auto;height:24px;overflow:visible}.wordmark__text{font-family:var(--font-display);font-size:20px;font-weight:700}.wordmark__text--cyan{fill:var(--accent)}.wordmark__text--amber{fill:var(--accent-support)}.wordmark__trace{fill:none;stroke:var(--accent-support);stroke-width:2px;stroke-linecap:round;stroke-dasharray:22;stroke-dashoffset:22px;animation:.42s ease-out .2s forwards trace-draw}@keyframes trace-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.wordmark__trace{stroke-dashoffset:0;animation:none}}.button{font-family:var(--font-ui);border-radius:var(--radius);border:1px solid var(--surface-2);background:var(--surface-1);color:var(--text);padding:var(--space-1) var(--space-2);cursor:pointer;transition:transform var(--ease-ui), background-color var(--ease-ui), box-shadow var(--ease-ui), border-color var(--ease-ui);min-height:44px;font-size:14px;font-weight:600}.button:hover{background:var(--surface-2);border-color:var(--accent)}.button:active{transform:scale(.97)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button--primary{background:var(--accent);color:#04141f;border-color:var(--accent)}.button--primary:hover{box-shadow:var(--glow-cyan);background:#7adfff}a.button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.button--ghost{color:var(--text-muted);font-family:var(--font-display);padding:0 var(--space-2);background:0 0}.button--ghost:hover{color:var(--accent);background:var(--surface-1)}.button--large{padding:var(--space-2) var(--space-4);font-size:16px}.icon-button{border-radius:var(--radius);border:1px solid var(--surface-2);background:var(--surface-1);width:44px;height:44px;color:var(--text-muted);cursor:pointer;transition:color var(--ease-ui), border-color var(--ease-ui), background-color var(--ease-ui);justify-content:center;align-items:center;display:inline-flex}.icon-button svg{width:20px;height:20px}.icon-button:hover{color:var(--accent);border-color:var(--accent)}.icon-button:active{transform:scale(.94)}.icon-button__off,.icon-button[aria-pressed=true] .icon-button__on{display:none}.icon-button[aria-pressed=true] .icon-button__off{color:var(--accent-support);display:block}.stage{gap:var(--space-3);padding:0 var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) 380px;align-items:start;display:grid}.player{gap:var(--space-2);flex-direction:column;min-height:60vh;display:flex}.player__frame{aspect-ratio:16/9;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);border:1px solid var(--surface-2);background:#000;position:relative;overflow:hidden}.player__video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.start-overlay[hidden],.choice-overlay[hidden],.end-overlay[hidden]{display:none}.start-overlay,.choice-overlay,.end-overlay{justify-content:safe center;align-items:center;gap:var(--space-2);padding:var(--space-3);text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:overlay-in var(--ease-ui);background:linear-gradient(#0b1220eb 0%,#0b1220fa 100%);flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.choice-overlay__prompt{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:14px}.choice-overlay__choices{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.choice-button{font-family:var(--font-ui);color:var(--text);border:1px solid var(--accent);border-radius:var(--radius);padding:var(--space-2) var(--space-3);cursor:pointer;min-height:44px;transition:transform var(--ease-ui), box-shadow var(--ease-ui), background-color var(--ease-ui), border-color var(--ease-ui);background:#121c2ee6;font-size:15px;font-weight:600}.choice-button:hover{box-shadow:var(--glow-cyan);background:#4fd1ff24}.choice-button:active{border-color:var(--accent-support);transform:scale(.96)}.choice-button:disabled{opacity:.5;cursor:not-allowed}.end-overlay__eyebrow{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-support);margin:0;font-size:13px}.end-overlay__path{color:var(--text-muted);max-width:40ch;margin:0;font-size:13px}.start-overlay__eyebrow{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0;font-size:12px}.start-overlay__title{font-family:var(--font-display);color:var(--text);margin:0;font-size:clamp(28px,5vw,40px)}.start-overlay__blurb{color:var(--text-muted);max-width:48ch;margin:0;font-size:14px}.scrubber{align-items:center;gap:var(--space-2);display:flex}.scrubber__input{appearance:none;background:var(--surface-2);cursor:pointer;border-radius:2px;flex:1;height:4px}.scrubber__input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.scrubber__input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:16px;height:16px;box-shadow:var(--glow-cyan);transition:transform var(--ease-ui);border:2px solid #04141f;border-radius:50%}.scrubber__input:hover::-webkit-slider-thumb{transform:scale(1.15)}.scrubber__input:active::-webkit-slider-thumb{transform:scale(1.15)}.scrubber__input::-moz-range-thumb{background:var(--accent);width:16px;height:16px;box-shadow:var(--glow-cyan);border:2px solid #04141f;border-radius:50%}.scrubber__input:disabled{opacity:.4;cursor:not-allowed}.scrubber__time{font-family:var(--font-display);color:var(--text-muted);text-align:right;min-width:7ch;font-size:12px}.graph-panel{background:var(--surface-1);border:1px solid var(--surface-2);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-2);flex-direction:column;min-height:60vh;display:flex}.graph-toggle{display:none}.graph-view-wrap{flex:1}.graph-view{width:100%;height:100%;min-height:320px}.graph-view__node-rect{fill:var(--surface-2);stroke:var(--accent);stroke-width:1px;opacity:.7;transition:stroke var(--ease-ui), opacity var(--ease-ui), filter var(--ease-ui)}.graph-view__node--terminal .graph-view__node-rect{fill:var(--surface-1);stroke-dasharray:3 3}.graph-view__node-label{font-family:var(--font-display);fill:var(--text-muted);pointer-events:none;font-size:13px}.graph-view__node.is-visited .graph-view__node-rect{stroke:var(--accent-support);opacity:1;filter:drop-shadow(0 0 6px #ffb45473)}.graph-view__node.is-visited .graph-view__node-label{fill:var(--text)}.graph-view__edge{stroke:var(--accent);stroke-width:1.5px;opacity:.45;transition:stroke var(--ease-ui), opacity var(--ease-ui), filter var(--ease-ui)}.graph-view__edge.is-active{stroke:var(--accent-support);opacity:1;filter:drop-shadow(0 0 4px #ffb45480)}.graph-view__arrowhead{fill:var(--accent);opacity:.6}.graph-view__arrowhead--active{fill:var(--accent-support);opacity:1}.prose{max-width:68ch;padding:var(--space-6) var(--space-3) 0;gap:var(--space-6);flex-direction:column;margin:0 auto;display:flex}.prose__block{gap:var(--space-2);flex-direction:column;display:flex}.prose__heading{font-family:var(--font-display);color:var(--text);padding-bottom:var(--space-1);border-bottom:1px solid var(--surface-2);margin:0;font-size:20px;font-weight:700}.prose p{color:var(--text-muted);margin:0;font-size:15px}.prose code{font-family:var(--font-display);color:var(--accent);font-size:.9em}.prose a:not(.button){color:var(--accent)}.specs{gap:var(--space-1);flex-direction:column;margin:0;display:flex}.specs__row{gap:var(--space-2);padding:var(--space-2);background:var(--surface-1);border:1px solid var(--surface-2);border-left:2px solid var(--accent);border-radius:var(--radius);transition:border-left-color var(--ease-ui), transform var(--ease-ui), box-shadow var(--ease-ui);grid-template-columns:200px minmax(0,1fr);display:grid}.specs__row:hover{border-left-color:var(--accent-support);box-shadow:var(--shadow);transform:translate(2px)}.specs__term{font-family:var(--font-display);color:var(--text);font-size:13px;font-weight:500}.specs__def{color:var(--text-muted);margin:0;font-size:14px}.code{padding:var(--space-2);background:var(--surface-1);border:1px solid var(--surface-2);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;font-size:13px;line-height:1.6;overflow-x:auto}.code code{color:var(--text)}.faq{gap:var(--space-1);flex-direction:column;display:flex}.faq__q{font-family:var(--font-display);color:var(--accent);margin:var(--space-2) 0 0;font-size:15px;font-weight:500}.faq__a{margin:0}.prose__block--cta{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);background:var(--surface-1);border:1px solid var(--surface-2);border-radius:var(--radius);box-shadow:var(--shadow)}.cta__line{font-family:var(--font-display);font-size:14px}.site-footer{margin-top:var(--space-6);padding:var(--space-3);border-top:1px solid var(--surface-2);text-align:center}.site-footer p{color:var(--text-muted);margin:0;font-size:13px}.site-footer a{color:var(--text-muted);-webkit-text-decoration-color:var(--surface-2);text-decoration-color:var(--surface-2);transition:color var(--ease-ui)}.site-footer a:hover{color:var(--accent)}@media (width<=900px){.stage{grid-template-columns:1fr}.player{min-height:0}.player__frame{aspect-ratio:16/9;max-height:60vh}.graph-toggle{align-items:center;gap:var(--space-1);width:100%;color:var(--text);font-family:var(--font-display);padding:var(--space-1) 0;cursor:pointer;background:0 0;border:none;justify-content:space-between;min-height:44px;font-size:14px;display:flex}.graph-toggle__chevron{color:var(--accent);transition:transform var(--ease-ui)}.graph-toggle[aria-expanded=true] .graph-toggle__chevron{transform:rotate(180deg)}.graph-panel{min-height:0}.graph-view-wrap{display:none}.graph-view-wrap.is-open{min-height:45vh;display:block}}@media (width<=480px){.stage{padding:0 var(--space-2) var(--space-3)}.prose{padding:var(--space-4) var(--space-2) 0;gap:var(--space-4)}.specs__row{grid-template-columns:minmax(0,1fr);gap:4px}.choice-overlay__choices{flex-direction:column;width:100%}.choice-button{width:100%}.start-overlay,.choice-overlay,.end-overlay{padding:var(--space-2);gap:6px}.start-overlay__title{font-size:22px}.start-overlay__blurb{font-size:12px;line-height:1.4}}