#shell{background:var(--void);color:var(--bone);grid-template-rows:auto auto 1fr auto;display:grid;position:fixed;inset:0}#progress-bar{background:var(--zinc-800);width:100%;height:2px;position:relative;overflow:hidden}#progress-bar-fill{background:var(--mint);width:0%;height:100%;transition:width .28s}#shell .site-nav{border-bottom:0}#chapter-pill{position:relative}#chapter-toggle{border:1px solid var(--zinc-800);cursor:pointer;min-width:220px;color:var(--bone);text-align:left;background:#0d0d0f;border-radius:4px;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 34px 8px 14px;font-family:inherit;transition:border-color .14s,background .14s,box-shadow .14s;display:flex;box-shadow:inset 0 1px #ffffff0a,0 2px 8px -4px #0009}#chapter-toggle:hover{border-color:var(--zinc-700);background:#131316;box-shadow:inset 0 1px #ffffff0d,0 4px 14px -6px #000000b3}#chapter-toggle[aria-expanded=true]{border-color:var(--mint);background:linear-gradient(#34d3991a,#34d39905),#0d0d0f;box-shadow:inset 0 1px #ffffff0f,0 0 0 1px #34d3992e,0 12px 28px -18px #34d39980}#chapter-toggle:focus-visible{outline:2px solid var(--amber);outline-offset:2px}#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}#chapter-toggle .caret{color:var(--mint);font-size:20px;line-height:1;transition:transform .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}#chapter-toggle[aria-expanded=true] .caret{transform:translateY(-50%)rotate(180deg)}#quick-selector{border:1px solid var(--zinc-800);z-index:10;scrollbar-width:thin;scrollbar-color:var(--zinc-700) transparent;background:#0d0d0f;border-radius:4px;min-width:360px;max-height:72vh;padding:6px 0;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:inset 0 1px #ffffff0d,0 28px 64px -20px #000000f2,0 2px 8px -4px #000000b3}#quick-selector::-webkit-scrollbar{width:6px}#quick-selector::-webkit-scrollbar-track{background:0 0}#quick-selector::-webkit-scrollbar-thumb{background:var(--zinc-800);border-radius:3px}#quick-selector::-webkit-scrollbar-thumb:hover{background:var(--zinc-700)}#quick-selector[hidden]{display:none}#step-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.qs-chapter{letter-spacing:.1em;text-transform:uppercase;border-top:1px solid var(--zinc-800);cursor:pointer;align-items:baseline;gap:10px;margin-top:4px;padding:14px 14px 6px;font-size:10px;transition:color .12s;display:flex}.qs-chapter:first-child{border-top:0;margin-top:0;padding-top:10px}.qs-chapter .ch-num{color:var(--zinc-600);min-width:32px;font-weight:600}.qs-chapter .ch-title{color:var(--zinc-400);font-weight:600}.qs-chapter:hover .ch-title{color:var(--bone)}.qs-chapter[data-state=past] .ch-num,.qs-chapter[data-state=past] .ch-title{color:var(--zinc-600)}.qs-chapter[data-state=current] .ch-num,.qs-chapter[data-state=current] .ch-title{color:var(--mint)}#step-list li:not(.qs-chapter){cursor:pointer;color:var(--zinc-400);align-items:baseline;gap:12px;padding:6px 14px;font-size:13px;line-height:1.35;transition:color .12s,background .12s,box-shadow .12s;display:flex;position:relative}#step-list li:not(.qs-chapter):hover{color:var(--bone);background:#ffffff0a}#step-list li .num{font-variant-numeric:tabular-nums;min-width:20px;color:var(--zinc-600);text-align:right;font-size:10px}#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=past]:hover{color:var(--zinc-300)}#step-list li[data-state=current]{color:var(--mint-bright);box-shadow:inset 2px 0 0 var(--mint);background:#34d3991a}#step-list li[data-state=current] .num{color:var(--mint)}#step-list li[data-state=current]:hover{background:#34d39929}#step-list li[data-state=future]{color:var(--zinc-300)}#step-list li[data-state=future] .num{color:var(--zinc-600)}#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}@media (min-width:1280px){#canvas-host{min-height:525px}}@media (min-width:1920px){#canvas-host{min-height:630px}}#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-intro{width:min(760px,100%);margin:0 auto}.tour-intro-kicker{color:var(--mint);text-align:center;text-wrap:balance;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{text-wrap:balance;margin:0}.tour-intro-hint{color:var(--zinc-600);letter-spacing:.02em;text-align:center;margin:40px 0 0;font-size:13px;line-height:1.5}.tour-intro-hint .k{color:var(--zinc-400)}.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){#shell .site-nav{gap:12px;padding:12px 16px}.site-nav-left{gap:14px}.site-nav-right{gap:12px}#chapter-toggle{min-width:0;padding:6px 24px 6px 10px}#chapter-title{font-size:13px}#chapter-toggle .meta{font-size:10px}#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:18px;font-size:14px;line-height:1.4}.tour-vocabulary-table .term{width:92px;padding-right:12px;font-size:13px}.tour-vocabulary-table .gloss{font-size:12px}.tour-vocabulary-table td{padding:7px 0}#controls{gap:12px;padding:0 16px 16px}#controls button{padding:4px 6px}#shell[data-step-idx="0"] #controls,.tour-intro-hint{display:none}#shell[data-step-idx="0"] #stage:after{content:"← swipe to navigate →";text-align:center;color:var(--zinc-600);letter-spacing:.06em;text-transform:lowercase;margin-top:28px;font-size:11px;display:block}}.boot{color:var(--mint);letter-spacing:.05em;font-size:14px}#shell:not([data-ready=true])>:not(#tour-loader){visibility:hidden}#tour-loader{z-index:10;background:var(--void);opacity:1;pointer-events:auto;justify-content:center;align-items:center;transition:opacity .22s;display:flex;position:fixed;inset:0}#shell[data-ready=true] #tour-loader{opacity:0;pointer-events:none}.tour-loader-mark{color:var(--mint);letter-spacing:.08em;align-items:center;gap:10px;font-size:12px;display:flex}.tour-loader-dot{background:var(--mint);width:6px;height:6px;animation:1.05s ease-in-out infinite tour-loader-pulse}.tour-loader-dot:nth-child(2){animation-delay:.15s}.tour-loader-dot:nth-child(3){animation-delay:.3s}@keyframes tour-loader-pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}