#shell{background:var(--void);color:var(--bone);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}#topbar{flex-direction:column;align-items:flex-start;gap:32px;padding:20px 28px 0;display:flex}.back{letter-spacing:.04em;color:var(--zinc-500);padding-top:8px;font-size:11px;transition:color .12s}.back:hover{color:var(--bone)}#chapter-pill{position:relative}#chapter-toggle{cursor:pointer;color:var(--bone);text-align:left;background:0 0;border:1px solid #0000;border-radius:2px;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 32px 8px 12px;font-family:inherit;transition:border-color .12s,background .12s;display:flex}#chapter-toggle:hover,#chapter-toggle[aria-expanded=true]{border-color:var(--zinc-800);background:#ffffff05}#chapter-toggle .meta{letter-spacing:.04em;color:var(--zinc-500);gap:6px;font-size:11px;display:flex}#chapter-toggle .meta .dot{color:var(--zinc-700)}#chapter-title{color:var(--mint);letter-spacing:-.005em;font-size:17px;font-weight:600;line-height:1.1}#section-subline{letter-spacing:.01em;color:var(--zinc-400);max-width:420px;font-size:13px;line-height:1.45}#section-subline:empty{display:none}#chapter-toggle .caret{color:var(--zinc-700);font-size:10px;position:absolute;top:14px;right:8px}#quick-selector{background:var(--void);border:1px solid var(--zinc-800);z-index:10;min-width:280px;max-height:70vh;padding:12px 4px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 18px 40px -16px #000c}#quick-selector[hidden]{display:none}#step-list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.qs-chapter{letter-spacing:.08em;color:var(--zinc-700);text-transform:lowercase;padding:12px 16px 4px;font-size:9px}.qs-chapter:first-child{padding-top:4px}#step-list li{cursor:pointer;color:var(--zinc-500);align-items:baseline;gap:10px;padding:6px 16px;font-size:12px;line-height:1.3;transition:color .12s,background .12s;display:flex}#step-list li:hover{color:var(--bone);background:#ffffff08}#step-list li .num{min-width:16px;color:var(--zinc-700);font-size:10px;font-weight:600}#step-list li[data-state=past]{color:var(--zinc-500)}#step-list li[data-state=past] .num{color:var(--zinc-700)}#step-list li[data-state=current],#step-list li[data-state=current] .num{color:var(--mint)}#step-list li[data-state=future]{color:var(--zinc-700)}#step-list li[data-state=future] .num{color:var(--zinc-800)}#stage{flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:0;padding:16px 0;display:flex}#canvas-host{flex:none;justify-content:center;align-items:center;width:100%;min-width:0;min-height:420px;display:flex}#canvas-host canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#stage[data-layout=text]{gap:0}#stage[data-layout=text] #canvas-host{display:none}#stage[data-layout=text] #copy{width:min(800px,100vw - 56px);max-width:800px;height:auto;padding:0}#stage[data-layout=text] #step-precise{width:100%}.stage-frame{line-height:0;display:inline-block;position:relative}.canvas-overlay{pointer-events:none;font-family:Departure Mono,monospace;line-height:1;position:absolute;top:0;left:0;overflow:visible}.curve-axis-label{color:var(--zinc-500);letter-spacing:.02em;white-space:nowrap;font-size:13px;line-height:1;position:absolute}.curve-axis-x{transform:translate(-100%)}.curve-axis-y{transform:translateY(-100%)}.tour-overlay-label{color:var(--bone);letter-spacing:.02em;white-space:nowrap;font-size:12px;line-height:1;position:absolute}.tour-overlay-mint{color:var(--mint)}.tour-overlay-dim{color:var(--zinc-500)}.tour-intro{width:min(760px,100%);margin:0 auto}.tour-intro-kicker{color:var(--mint);text-align:center;margin:0 0 26px;font-size:26px;font-weight:600;line-height:1.25}.tour-intro-lines{color:var(--bone);text-align:center;gap:12px;margin:0;padding:0;font-size:18px;font-weight:400;line-height:1.4;list-style:none;display:grid}.tour-intro-lines li{margin:0}.tour-vocabulary{width:min(760px,100%);margin:0 auto}.tour-vocabulary-heading{color:var(--bone);text-align:center;margin:0 0 28px;font-size:20px;font-weight:500;line-height:1.35}.tour-vocabulary-table{border-collapse:collapse;border-spacing:0;width:100%;color:var(--bone);margin:0 auto}.tour-vocabulary-table td{vertical-align:baseline;border:0;padding:9px 0;line-height:1.3}.tour-vocabulary-table .term{color:var(--mint);white-space:nowrap;text-align:left;width:172px;padding-right:34px;font-size:20px;font-weight:600}.tour-vocabulary-table .gloss{color:var(--zinc-400);text-align:left;white-space:normal;font-size:16px;font-weight:400}#copy{text-align:center;max-width:720px;height:120px}#step-body{display:none}#step-precise{color:var(--bone);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:500;line-height:1.4}#step-precise .hl{color:var(--mint);font-weight:700}#controls{justify-content:center;align-items:center;gap:14px;padding:0 28px 24px;display:flex}#controls button{cursor:pointer;color:var(--zinc-500);background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:0;line-height:1;transition:color .12s}#controls #prev-btn:before{content:"‹";font-size:22px;line-height:1}#controls #next-btn:before{content:"›";font-size:22px;line-height:1}#controls button:hover:not(:disabled){color:var(--bone)}#controls button:disabled{color:var(--zinc-800);cursor:default}#controls #next-btn{color:var(--mint)}#controls #next-btn:hover:not(:disabled){color:var(--mint-bright)}#controls #next-btn:disabled{color:var(--zinc-800)}@keyframes nextReadyPulse{0%{box-shadow:0 0 #34d3998c}70%{box-shadow:0 0 0 9px #34d39900}to{box-shadow:0 0 #34d39900}}#controls #next-btn.ready-pulse:not(:disabled){animation:.8s ease-out nextReadyPulse}#slide-dots{justify-self:center;align-items:center;gap:8px;display:flex}#slide-dots .dot{background:var(--zinc-800);width:6px;height:6px;transition:background .16s,transform .16s}#slide-dots .dot[data-state=past]{background:var(--zinc-500)}#slide-dots .dot[data-state=current]{background:var(--mint);transform:scale(1.4)}@media (max-width:640px){#topbar{gap:14px;padding:12px 16px 0}#chapter-toggle{padding:6px 26px 6px 8px}#chapter-title{font-size:15px}#section-subline{max-width:calc(100vw - 48px);font-size:12px}#quick-selector{width:calc(100vw - 32px);min-width:0;max-height:60vh}#stage{gap:8px;padding:10px 0}#canvas-host{min-height:0}#copy{max-width:100%;height:96px;padding:0 16px}#step-precise{font-size:16px;line-height:1.35}#stage[data-layout=text] #copy{width:calc(100vw - 32px);max-width:calc(100vw - 32px);height:auto;padding:0}.tour-vocabulary-heading{margin-bottom:22px;font-size:16px;line-height:1.35}.tour-vocabulary-table .term{width:112px;padding-right:16px;font-size:16px}.tour-vocabulary-table .gloss{font-size:14px}#controls{gap:12px;padding:0 16px 16px}#controls button{padding:4px 6px}}.boot{color:var(--mint);letter-spacing:.05em;font-size:14px}