@font-face{font-family:Space Grotesk;src:url(../fonts/space-grotesk-latin.woff2) format("woff2");font-weight:400 700;font-display:swap;font-style:normal}@font-face{font-family:Space Mono;src:url(../fonts/space-mono-700-latin.woff2) format("woff2");font-weight:700;font-display:swap;font-style:normal}:root,:root[data-theme=night]{--bg: #14161c;--surface: #1c1f27;--track: #2e3440;--rule: #262a33;--ink: #e8e6e0;--ink-soft: #9a96a6;--amber: #ffb23f;--teal: #2fd4c0;--fail: #ff4a63;--ok: #72de51;--amber-text: var(--amber);--teal-text: var(--teal);--glow: 0 0 12px;--glow-strong: 0 0 20px}:root[data-theme=daylight]{--bg: #f6f1e7;--surface: #ede6d8;--track: #ddd5c4;--rule: #ddd5c4;--ink: #23211c;--ink-soft: #675756;--amber: #e08a1e;--teal: #0f9b8e;--fail: #a82d2a;--ok: #286552;--amber-text: #874c14;--teal-text: #0b6565;--glow: 0 0 0;--glow-strong: 0 0 0}:root[data-colourblind=on],:root[data-theme=night][data-colourblind=on]{--amber: #ffa43d;--teal: #5ab0ff;--amber-text: var(--amber);--teal-text: var(--teal)}:root[data-theme=daylight][data-colourblind=on]{--amber: #c25e00;--teal: #1663b0;--amber-text: #965700;--teal-text: #1663b0}:root{--sans: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-label: 11.5px;--fs-small: 13px;--fs-body: 14px;--fs-lead: 15px;--fs-title: 18px;--fs-numeric: 13px;--s1: 4px;--s2: 6px;--s3: 8px;--s4: 12px;--s5: 16px;--s6: 22px;--r-tick: 5px;--r-chip: 10px;--r-panel: 12px;--r-pill: 999px;--rail-w: 340px;--touch: 44px;--breakpoint: 760px;--t-ui: .16s;--t-panel: .24s;--t-card: .28s;--t-screen: .2s;--ease: cubic-bezier(.2, 0, 0, 1)}@media(prefers-reduced-motion:reduce){:root{--t-ui: 0ms;--t-panel: 0ms;--t-card: 0ms;--t-screen: 0ms}}:root[data-reduce-motion=on]{--t-ui: 0ms;--t-panel: 0ms;--t-card: 0ms;--t-screen: 0ms}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:400 var(--fs-body)/1.5 var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#app{height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.screen{min-width:0;padding:var(--s6);padding-top:max(var(--s6),env(safe-area-inset-top));padding-bottom:max(var(--s6),env(safe-area-inset-bottom));padding-left:max(var(--s6),env(safe-area-inset-left));padding-right:max(var(--s6),env(safe-area-inset-right))}.screen,.puzzle{animation:screen-in var(--t-screen) var(--ease)}@keyframes screen-in{0%{opacity:0}}.wordmark{margin:0;font-size:var(--fs-title);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.section-label{margin:0;font-size:var(--fs-label);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.numeric{font:700 var(--fs-numeric) var(--mono);font-variant-numeric:tabular-nums}.screen-title .wordmark{font-size:clamp(30px,8vw,40px);letter-spacing:.16em;margin-right:-.16em}.screen-title .title-subtitle{font-size:var(--fs-lead);letter-spacing:.06em}.screen-title .title-link{font-size:var(--fs-lead);min-height:52px}.screen-title .title-where{font-size:var(--fs-small)}.screen-title .title-pitch{font-size:var(--fs-body);max-width:38ch}.screen-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s5);text-align:center;height:100%}.title-mark{display:flex;align-items:center;height:20px}.title-station{width:9px;height:9px;border-radius:50%;background:var(--amber);box-shadow:var(--glow) var(--amber)}.title-station-junction{border-radius:2px;transform:rotate(45deg);background:var(--teal);box-shadow:var(--glow) var(--teal)}.title-track{width:46px;height:2px;background:var(--track)}.title-subtitle{margin:calc(var(--s4) * -1) 0 0;font-size:var(--fs-small);letter-spacing:.04em;color:var(--ink-soft)}.title-nav{display:flex;flex-direction:column;gap:var(--s1);margin-top:var(--s4)}.title-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--s4);min-height:var(--touch);padding:0 var(--s5);border-radius:var(--r-chip);color:var(--ink-soft);font-size:var(--fs-body);text-decoration:none;transition:color var(--t-ui) var(--ease),background var(--t-ui) var(--ease)}.title-link:hover,.title-link:focus-visible{color:var(--ink);background:var(--surface)}.title-link.is-primary{color:var(--ink);font-weight:700}.title-where{flex:none;font-size:var(--fs-label);font-weight:400;color:var(--ink-soft)}.title-pitch{max-width:34ch;margin:var(--s5) 0 0;font-size:var(--fs-small);line-height:1.6;color:var(--ink-soft);text-wrap:balance}.screen-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);height:100%}.placeholder-note{margin:0;color:var(--ink-soft)}:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.screen-levels,.screen-settings{display:flex;flex-direction:column;gap:var(--s5);padding:0 0 var(--s6);overflow-y:auto;height:100%}.screen-levels .topbar,.screen-settings .topbar{position:sticky;top:0;z-index:1}.progress-count{color:var(--ink-soft)}.chapters{display:flex;flex-direction:column;gap:var(--s6);padding:0 var(--s6);min-width:0}.chapter{display:flex;flex-direction:column;gap:var(--s3);min-width:0}.chapter.is-locked{opacity:.45}.locked-tag{margin-left:var(--s3);font-weight:400;letter-spacing:.08em}.stations{position:relative;display:flex;flex-wrap:wrap;gap:var(--s3);margin:0;padding:0;list-style:none;min-width:0}.station-link{display:flex;align-items:center;gap:var(--s2);min-height:var(--touch);padding:0 var(--s4);border:1px solid var(--rule);border-radius:var(--r-pill);color:var(--ink-soft);text-decoration:none;font-size:var(--fs-small);transition:color var(--t-ui) var(--ease),border-color var(--t-ui) var(--ease)}a.station-link:hover{color:var(--ink);border-color:var(--ink-soft)}.station-dot{width:9px;height:9px;border-radius:50%;border:2px solid var(--ink-soft)}.chapter[data-colour=amber] .is-solved .station-dot{background:var(--amber);border-color:var(--amber)}.chapter[data-colour=teal] .is-solved .station-dot{background:var(--teal);border-color:var(--teal)}.is-current .station-link{border-color:var(--ink);color:var(--ink)}.is-current .station-dot{box-shadow:0 0 0 3px var(--surface);border-color:var(--ink)}.is-locked .station-link{opacity:.5;cursor:default}.station-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-note{margin:0;padding:0 var(--s6);font-size:var(--fs-small);color:var(--ink-soft)}.screen-settings .panel{width:100%;max-width:520px;margin:0 auto;padding:0 var(--s6);gap:var(--s4)}.screen-settings .topbar{justify-content:flex-start}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:var(--touch);min-width:0;font-size:var(--fs-body)}.row select,.segmented{display:flex;gap:var(--s1)}.row select{min-height:32px;padding:0 var(--s3);border:1px solid var(--rule);border-radius:var(--r-chip);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--fs-small)}.row input[type=checkbox]{width:20px;height:20px;accent-color:var(--amber)}.speed.is-set{color:var(--ink);border-color:var(--ink-soft)}.confirm{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);padding:var(--s4);border:1px solid var(--fail);border-radius:var(--r-panel)}.ghost.is-danger{color:var(--fail);border-color:var(--fail)}.screen-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);height:100%;text-align:center}.error-body{max-width:38ch;margin:0;color:var(--ink-soft)}.error-actions{display:flex;gap:var(--s3)}.error-detail{max-width:90%;margin:var(--s5) 0 0;padding:var(--s3);border-radius:var(--r-panel);background:var(--surface);color:var(--ink-soft);font:12px var(--mono);overflow-x:auto;text-align:left}.screen-guide{display:flex;flex-direction:column;gap:var(--s5);padding:0 0 var(--s6);overflow-y:auto;height:100%}.screen-guide .topbar{position:sticky;top:0;z-index:1}.guide-body{display:flex;flex-direction:column;gap:var(--s4);width:100%;max-width:780px;margin:0 auto;padding:0 var(--s6);min-width:0}.guide-divider{margin-top:var(--s5)}.panel.guide-entry{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--s5);align-items:start}.guide-text{display:flex;flex-direction:column;gap:var(--s2);min-width:0}.guide-name{margin:0;font-size:var(--fs-body);font-weight:700}.guide-causes{display:flex;flex-direction:column;gap:2px;margin:0;padding-top:var(--s2);border-top:1px solid var(--rule);font-size:var(--fs-small);color:var(--ink-soft)}.guide-demo{aspect-ratio:4 / 3;width:100%;border:1px solid var(--rule);border-radius:var(--r-panel);overflow:hidden}.guide-demo canvas{display:block;width:100%;height:100%}.guide-failures{margin:0;display:flex;flex-direction:column;gap:var(--s2)}.guide-failures dt{font-weight:700;font-size:var(--fs-body)}.guide-failures dd{margin:0 0 var(--s3)}@media(max-width:700px){.panel.guide-entry{grid-template-columns:minmax(0,1fr)}.guide-demo{max-width:320px}}.puzzle{display:grid;height:100%;min-width:0}.puzzle.is-wide{grid-template-rows:auto minmax(0,1fr) auto}.puzzle.is-narrow{grid-template-rows:auto minmax(220px,1fr) minmax(0,auto);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.topbar{display:flex;align-items:center;gap:var(--s4);padding:var(--s3) var(--s5);border-bottom:1px solid var(--rule);background:var(--surface);min-width:0}.level-title{flex:1;min-width:0;margin:0;font-size:var(--fs-body);font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-title .numeric{color:var(--ink-soft);margin-right:var(--s2)}.icon-link{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch);min-height:var(--touch);border:0;background:transparent;color:var(--ink-soft);font-size:var(--fs-title);text-decoration:none;border-radius:var(--r-chip);cursor:pointer}.icon-link:hover,.icon-link:focus-visible{color:var(--ink);background:var(--bg)}.body{display:grid;grid-template-columns:minmax(0,1fr) var(--rail-w);min-height:0}.board-area{position:relative;min-width:0;min-height:0}.stage{position:absolute;inset:0;touch-action:none}.board{position:absolute;inset:0;display:block;width:100%;height:100%}.scrub-hint{position:absolute;left:50%;bottom:var(--s5);transform:translate(-50%);padding:var(--s2) var(--s4);border-radius:var(--r-pill);background:var(--surface);color:var(--ink-soft);font-size:var(--fs-small);white-space:nowrap;pointer-events:none;transition:opacity var(--t-panel) var(--ease)}.rail{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5);border-left:1px solid var(--rule);background:var(--surface);overflow-y:auto;min-width:0;min-height:0}.panel{display:flex;flex-direction:column;gap:var(--s3);min-width:0}.hint,.note{margin:0;font-size:var(--fs-small);color:var(--ink-soft)}.note{font-style:italic}.lanes{display:flex;flex-direction:column;gap:var(--s4);min-width:0}.lane{display:flex;flex-direction:column;gap:var(--s2);min-width:0}.lane-name{display:flex;align-items:center;gap:var(--s2);font-size:var(--fs-small);font-weight:700;min-width:0}.outcome{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4);border-radius:var(--r-panel);border:1px solid var(--rule);background:var(--bg);font-size:var(--fs-small);min-width:0}.outcome .headline,.verdict b{font-weight:700;font-size:var(--fs-body)}.outcome.is-failure .headline,.verdict.is-failure b{color:var(--fail)}.outcome.is-success .headline,.verdict.is-success b{color:var(--ok)}.verdict{display:flex;flex-direction:column;gap:var(--s1);width:100%;min-width:0;padding:var(--s3) var(--s4);border-radius:var(--r-panel);border:1px solid var(--rule);background:var(--bg);color:var(--ink);font:inherit;font-size:var(--fs-small);text-align:left;cursor:pointer}.verdict:disabled{cursor:default}.verdict .tap{color:var(--ink-soft);font-size:var(--fs-small)}.log{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--s2);font-size:var(--fs-small);min-width:0}.log li{color:var(--ink)}.log .is-quiet{color:var(--ink-soft);font-style:italic}.log .is-bad{color:var(--fail)}.log .is-good{color:var(--ok)}.ticks{display:flex;gap:var(--s1);overflow-x:auto;scrollbar-width:none;min-width:0}.ticks::-webkit-scrollbar{display:none}.ticks.is-scrollable{mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}.tick{flex:0 0 auto;min-width:30px;min-height:30px;padding:0 var(--s2);border:1px solid var(--rule);border-radius:var(--r-tick);background:transparent;color:var(--ink-soft);font:700 var(--fs-numeric) var(--mono);cursor:pointer;transition:background var(--t-ui) var(--ease),color var(--t-ui) var(--ease),border-color var(--t-ui) var(--ease)}.tick:hover{color:var(--ink);border-color:var(--ink-soft)}.tick.is-now{border-color:var(--ink-soft)}.ticks[data-colour=amber] .tick.is-set{background:var(--amber);border-color:var(--amber);color:#14161c}.ticks[data-colour=teal] .tick.is-set{background:var(--teal);border-color:var(--teal);color:#14161c}.sheet{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);border-top:1px solid var(--rule);background:var(--surface);min-width:0;min-height:0;overflow-y:auto}.picker-row{display:flex;align-items:center;gap:var(--s2);min-width:0}.picker{display:flex;gap:var(--s2);overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0}.hint-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--touch);height:var(--touch);border:1px solid var(--rule);border-radius:var(--r-chip);background:transparent;color:var(--ink-soft);cursor:pointer}.hint-toggle:hover,.hint-toggle:focus-visible{color:var(--ink);border-color:var(--ink-soft)}.hint-toggle.is-lit{color:var(--amber);border-color:var(--amber)}.picker::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--s2);min-height:34px;padding:0 var(--s3);border:1px solid var(--rule);border-radius:var(--r-chip);background:transparent;color:var(--ink-soft);font:600 12.5px var(--sans);cursor:pointer}.chip.is-current{border-color:var(--ink-soft);color:var(--ink)}.chip b{color:var(--ink)}.dot{width:9px;height:9px;flex:0 0 auto}.dot-amber{border-radius:50%;background:var(--amber)}.dot-teal{border-radius:2px;background:var(--teal)}.transport{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s5);border-top:1px solid var(--rule);background:var(--surface);min-width:0}.is-narrow .transport{padding:0;border-top:0;background:transparent}.round{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--rule);border-radius:var(--r-pill);background:transparent;color:var(--ink-soft);font-size:var(--fs-small);cursor:pointer}.round.is-primary,.round:hover{color:var(--ink);border-color:var(--ink-soft)}.scrub{flex:1;min-width:0;accent-color:var(--amber)}.speed{min-width:38px;min-height:30px;border:1px solid var(--rule);border-radius:var(--r-chip);background:transparent;color:var(--ink-soft);font:700 var(--fs-numeric) var(--mono);cursor:pointer}.readout{color:var(--ink-soft);white-space:nowrap}.ghost{align-self:flex-start;padding:var(--s2) var(--s4);border:1px solid var(--rule);border-radius:var(--r-chip);background:transparent;color:var(--ink-soft);font:600 12.5px var(--sans);cursor:pointer}.ghost:hover{color:var(--ink);border-color:var(--ink-soft)}.legend{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--s3);font-size:var(--fs-small);color:var(--ink-soft);min-width:0}.legend li{display:grid;grid-template-columns:12px minmax(0,1fr);gap:var(--s3);align-items:start}.legend .dot{margin-top:4px}.chip-junction{width:10px;height:10px;margin-top:3px;border:2px solid var(--ink-soft);transform:rotate(45deg)}.inspect{position:absolute;left:var(--s5);bottom:var(--s5);z-index:2;max-width:min(38ch,calc(100% - var(--s6) * 2));padding:var(--s4);border:1px solid var(--rule);border-radius:var(--r-panel);background:var(--surface);box-shadow:0 8px 28px #00000059;font-size:var(--fs-small);animation:inspect-in var(--t-panel) var(--ease)}@keyframes inspect-in{0%{opacity:0;transform:translateY(6px)}}.inspect-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s2)}.inspect-head b{font-size:var(--fs-body);letter-spacing:.02em}.inspect-close{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin:-4px -4px -4px 0;border:0;border-radius:var(--r-chip);background:transparent;color:var(--ink-soft);font-size:var(--fs-title);line-height:1;cursor:pointer}.inspect-close:hover{color:var(--ink);background:var(--bg)}.inspect-what{margin:0;color:var(--ink)}.inspect-now{margin:var(--s2) 0 0;padding-top:var(--s2);border-top:1px solid var(--rule);color:var(--ink-soft)}.why{display:flex;flex-direction:column;gap:var(--s2)}.why-toggle{align-self:flex-start}.why-chain{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--s1);border-left:2px solid var(--rule);padding-left:var(--s4)}.why-step{display:flex;gap:var(--s3);align-items:baseline;width:100%;min-height:var(--touch);padding:var(--s2) var(--s3);border:0;border-radius:var(--r-chip);background:transparent;color:var(--ink-soft);font:400 var(--fs-small)/1.5 var(--sans);text-align:left;cursor:pointer;transition:background var(--t-ui) var(--ease)}.why-step:hover,.why-step:focus-visible{background:var(--surface);color:var(--ink)}.why-tick{flex:none;min-width:22px;padding:1px var(--s1);border-radius:var(--r-tick);background:var(--surface);color:var(--ink-soft);font-size:var(--fs-label);font-weight:700;text-align:center}.mechanic-card{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4);border:1px solid var(--rule);border-radius:var(--r-panel);background:var(--surface);box-shadow:0 8px 28px #00000059;animation:card-in var(--t-card) var(--ease)}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}.mechanic-card.is-floating{position:absolute;top:var(--s4);right:var(--s4);left:var(--s4);z-index:1;max-height:calc(100% - var(--s5) * 2);overflow-y:auto}.mechanic-card.is-floating .guide-demo{max-width:240px;align-self:center}.mechanic-card .guide-demo{width:100%;aspect-ratio:16 / 10;border-color:var(--rule)}.card-body{display:flex;flex-direction:column;gap:var(--s2);min-width:0}.card-name{margin:0;font-size:var(--fs-body);font-weight:700}.card-line{margin:0;font-size:var(--fs-small);line-height:1.5;color:var(--ink-soft)}.card-actions{display:flex;gap:var(--s2);align-items:center;margin-top:auto;padding-top:var(--s2)}.card-actions .ghost{white-space:nowrap}.card-actions .ghost.is-primary{color:var(--ink);font-weight:700}.card-count{margin:0;font-size:var(--fs-label);color:var(--ink-soft)}@media(max-width:700px){.mechanic-card .guide-demo{display:none}}.hints{display:flex;flex-direction:column;gap:var(--s2);align-items:flex-start}.hint-panel{position:absolute;right:var(--s4);bottom:var(--s4);left:var(--s4);z-index:1;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4);border:1px solid var(--rule);border-radius:var(--r-panel);background:var(--surface);box-shadow:0 8px 28px #00000059;max-height:calc(100% - var(--s5) * 2);overflow-y:auto;animation:card-in var(--t-card) var(--ease)}.hint-actions{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap}.hint-line{display:flex;flex-direction:column;gap:2px;margin:0;padding:var(--s2) var(--s3);border-left:2px solid var(--rule);font-size:var(--fs-small);line-height:1.5;color:var(--ink-soft);animation:hint-in var(--t-ui) var(--ease)}.hint-line.is-done{border-left-color:transparent;font-style:italic}@keyframes hint-in{0%{opacity:0}}.coach{margin:0;padding:var(--s2) var(--s4);border-top:1px solid var(--rule);background:var(--surface);color:var(--ink-soft);font-size:var(--fs-small);text-align:center;animation:hint-in var(--t-ui) var(--ease)}.is-narrow .coach{border-top:0;padding:0 0 var(--s1);background:transparent}