:root{--bg:#0d1b2a;--surface-1:#13263b;--surface-2:#1b3350;--text:#e8f1f8;--text-muted:#7d93a8;--accent-buy:#3ddc97;--accent-sell:#ff6b6b;--accent-slippage:#ffb84d;--success:#3ddc97;--danger:#ff6b6b;--line:#2a4460;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--radius:2px;--radius-control:3px;--glow:0 0 16px #3ddc9726;--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-mono);font-size:15px;line-height:1.5;position:relative;overflow-x:hidden}.grid-bg{z-index:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.35;background-size:24px 24px;position:fixed;inset:0}.scanline{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#78dcff0f 45% 55%,#0000 100%) 0 0/100% 300%;animation:4s linear infinite scan-sweep;position:fixed;inset:0}@keyframes scan-sweep{0%{background-position:0 -100%}to{background-position:0 200%}}@media (prefers-reduced-motion:reduce){.scanline{background-position:0;animation:none}}#app{z-index:2;max-width:1280px;padding:var(--space-2) var(--space-3) var(--space-4);gap:var(--space-2);flex-direction:column;min-height:100vh;margin:0 auto;display:flex;position:relative}.header{padding-block:var(--space-1);justify-content:space-between;align-items:center;display:flex}.header-actions{align-items:center;gap:var(--space-1);display:flex}.wordmark{font-family:var(--font-display);letter-spacing:.06em;color:var(--text);align-items:center;margin:0;font-size:1.5rem;font-weight:700;text-decoration:none;display:inline-flex}.wordmark:focus-visible,.github-link:focus-visible,.site-footer a:focus-visible{outline:1px solid var(--accent-buy);outline-offset:4px;box-shadow:var(--glow)}.cursor{background:var(--accent-buy);vertical-align:text-bottom;width:.55em;height:1em;margin-left:.15em;animation:1s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.cursor{animation:none}}.icon-btn{border-radius:var(--radius-control);border:1px solid var(--line);background:var(--surface-1);width:44px;height:44px;color:var(--text);cursor:pointer;transition:background .16s var(--ease-out), box-shadow .16s var(--ease-out), transform .12s var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2)}.icon-btn:active{transform:scale(.94)}.icon-btn:focus-visible{box-shadow:var(--glow);border-color:var(--accent-buy);outline:none}.icon-btn[aria-pressed=true]{border-color:var(--accent-buy);box-shadow:var(--glow)}.sound-icon{width:22px;height:22px;fill:var(--text);stroke:var(--text);stroke-width:1.7px;stroke-linecap:square;stroke-linejoin:miter}.sound-waves,.sound-off{fill:none}.sound-off,.icon-btn[aria-pressed=true] .sound-waves{display:none}.icon-btn[aria-pressed=true] .sound-off{display:block}.play-icon{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid;width:0;height:0;transform:translate(1px)}.icon-btn[aria-pressed=true] .play-icon{border:0;border-left:3px solid;border-right:3px solid;width:10px;height:12px;transform:none}.github-link{min-height:44px;padding:0 var(--space-2);border:1px solid var(--accent-buy);border-radius:var(--radius-control);color:var(--accent-buy);text-transform:uppercase;letter-spacing:.04em;transition:background .16s var(--ease-out), color .16s var(--ease-out), transform .12s var(--ease-out), box-shadow .16s var(--ease-out);background:#3ddc9714;align-items:center;font-size:.8rem;font-weight:700;text-decoration:none;display:inline-flex}.github-link:hover{background:var(--accent-buy);color:#08281c;box-shadow:var(--glow)}.github-link:active{transform:translateY(2px)}.hero-copy{gap:var(--space-3) var(--space-6);border-top:1px solid var(--line);padding-top:var(--space-2);grid-template-columns:minmax(0,1.2fr) minmax(28ch,.8fr);align-items:end;display:grid}.eyebrow{margin:0 0 calc(var(--space-1) * -1);color:var(--accent-buy);letter-spacing:.12em;text-transform:uppercase;grid-column:1/-1;font-size:.72rem;font-weight:700}.hero-copy h1,.section-heading h2{font-family:var(--font-display);letter-spacing:-.035em;line-height:1.04}.hero-copy h1{max-width:16ch;margin:0;font-size:clamp(2.4rem,5vw,4.4rem)}.hero-copy .intro{padding-bottom:.35em}.intro{max-width:70ch;color:var(--text-muted);margin:0}.intro em{color:var(--text);border-bottom:1px dashed var(--accent-slippage);font-style:normal}.panel{background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3)}.layout{gap:var(--space-3);flex:1;grid-template-columns:1fr;display:grid}@media (width>=900px){.layout{grid-template-columns:65fr 35fr;height:63vh;min-height:540px;max-height:590px}}.ladder-panel{gap:var(--space-2);flex-direction:column;min-height:0;display:flex;overflow:hidden}.ladder-controls{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.control-group{align-items:center;gap:var(--space-1);display:flex}.control-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.select{font-family:var(--font-mono);color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-control);padding:var(--space-1) var(--space-2);cursor:pointer;min-height:44px;transition:box-shadow .16s var(--ease-out), border-color .16s var(--ease-out);font-size:.9rem}.select:hover{border-color:var(--accent-buy)}.select:focus-visible{box-shadow:var(--glow);border-color:var(--accent-buy);outline:none}.select:active{border-color:var(--accent-slippage)}.side-toggle{border:1px solid var(--line);border-radius:var(--radius-control);gap:2px;display:flex;overflow:hidden}.side-btn{font-family:var(--font-mono);color:var(--text-muted);background:var(--surface-2);padding:var(--space-1) var(--space-2);cursor:pointer;min-height:44px;transition:background .16s var(--ease-out), color .16s var(--ease-out);border:none;font-size:.85rem;font-weight:500}.side-hint{color:inherit;opacity:.7;font-size:.75rem}.side-btn:hover{background:var(--surface-1)}.side-btn:active{transform:translateY(1px)}.side-btn:focus-visible{box-shadow:inset var(--glow);outline:none}.side-btn[aria-pressed=true][data-side=buy]{background:var(--accent-buy);color:#08281c}.side-btn[aria-pressed=true][data-side=sell]{background:var(--accent-sell);color:#2c0808}.ladder{gap:var(--space-1);scrollbar-color:var(--line) var(--surface-1);scrollbar-width:thin;min-height:0;transition:opacity .14s var(--ease-out);flex-direction:column;flex:1;padding-right:4px;display:flex;overflow-y:auto}.ladder.scrub-dim{opacity:.55}.ladder:focus-visible{outline:1px solid var(--accent-buy);outline-offset:4px;box-shadow:var(--glow)}.ladder-side{flex-direction:column;gap:2px;display:flex}.ladder-side.asks{flex-direction:column-reverse}.ladder-row{gap:var(--space-2);padding:1px var(--space-1);border-radius:var(--radius);font-variant-numeric:tabular-nums;grid-template-columns:1fr auto auto;align-items:center;font-size:.75rem;line-height:1.1;display:grid;position:relative;overflow:hidden}.ladder-row .depth-remaining,.ladder-row .depth-taken{z-index:0;transition:width .16s var(--ease-out), left .16s var(--ease-out), background 90ms var(--ease-out), opacity 90ms var(--ease-out);position:absolute;top:0;bottom:0}.ladder-side.asks .depth-remaining{background:#ff6b6b2e}.ladder-side.bids .depth-remaining{background:#3ddc972e}.ladder-row .depth-taken{background:var(--accent-slippage);opacity:.55}.ladder-row.flash .depth-taken{opacity:.95}.ladder-row>*{z-index:1;position:relative}.ladder-row .price{font-weight:500}.ladder-side.asks .price{color:var(--accent-sell)}.ladder-side.bids .price{color:var(--accent-buy)}.ladder-row .size,.ladder-row .taken{color:var(--text-muted);text-align:right}.ladder-mid{text-align:center;color:var(--text-muted);letter-spacing:.08em;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:2px 0;font-size:.75rem}.slider-row{align-items:center;gap:var(--space-2);display:flex}.slider-row label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.8rem}.slider{appearance:none;cursor:pointer;background:0 0;flex:1;height:44px}.slider::-webkit-slider-runnable-track{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-control);height:6px}.slider::-moz-range-track{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-control);height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--radius-control);background:var(--accent-buy);width:22px;height:22px;transition:box-shadow .16s var(--ease-out), transform .12s var(--ease-out);border:none;margin-top:-9px}.slider::-moz-range-thumb{border-radius:var(--radius-control);background:var(--accent-buy);width:22px;height:22px;transition:box-shadow .16s var(--ease-out), transform .12s var(--ease-out);border:none}.slider:hover::-webkit-slider-thumb{box-shadow:var(--glow)}.slider:focus-visible::-webkit-slider-thumb{box-shadow:var(--glow)}.slider:hover::-moz-range-thumb{box-shadow:var(--glow)}.slider:focus-visible::-moz-range-thumb{box-shadow:var(--glow)}.slider:active::-webkit-slider-thumb{transform:scale(1.1)}.slider:active::-moz-range-thumb{transform:scale(1.1)}.slider:focus-visible{outline:none}.icon-btn:disabled,.side-btn:disabled,.select:disabled,.slider:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.size-readout{font-family:var(--font-mono);text-align:right;min-width:8ch;font-weight:500}.hud{gap:var(--space-3);flex-direction:column;justify-content:space-evenly;display:flex}.hud-stat{flex-direction:column;gap:4px;display:flex}.hud-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.hud-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.25rem}.hud-callout{border:1px dashed var(--accent-slippage);border-radius:var(--radius);padding:var(--space-2);position:relative}.hud-callout:before{content:"";width:var(--space-2);background:var(--accent-slippage);height:1px;position:absolute;top:50%;left:-1px;transform:translate(-100%)}.hud-value-big{color:var(--accent-slippage);font-size:2rem;font-weight:700}.hud-callout.wow-pulse{animation:wow-pulse .9s var(--ease-out)}@keyframes wow-pulse{0%{box-shadow:0 0 #ffb84d00}30%{box-shadow:0 0 28px #ffb84d8c}to{box-shadow:0 0 #ffb84d00}}@media (prefers-reduced-motion:reduce){.hud-callout.wow-pulse{animation:none}}.timeline-strip{align-items:center;gap:var(--space-2);background:var(--surface-1);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-1) var(--space-2);display:flex}.timeline-readout{text-align:right;min-width:18ch;color:var(--text-muted);font-size:.85rem}.error-state{border:1px solid var(--danger);border-radius:var(--radius);padding:var(--space-3);color:var(--text);background:#ff6b6b14}.field-notes,.experiment,.faq{gap:var(--space-6);border-top:1px solid var(--line);padding-top:var(--space-6);margin-top:var(--space-4);grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);display:grid}.section-heading .eyebrow{margin-bottom:var(--space-1)}.section-heading h2{max-width:13ch;margin:0;font-size:clamp(1.8rem,3.5vw,3rem)}.notes-copy{columns:2 24ch;column-gap:var(--space-4)}.notes-copy p{margin:0 0 var(--space-2);break-inside:avoid;color:var(--text-muted)}.notes-copy p:first-child:first-letter{float:left;color:var(--accent-slippage);font-family:var(--font-display);margin:.08em .12em 0 0;font-size:3.2rem;font-weight:700;line-height:.8}.schematic-list{border:1px solid var(--line);background:#13263bc7}.schematic-list article{gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--line);transition:background .16s var(--ease-out), padding-left .16s var(--ease-out);grid-template-columns:64px 1fr;display:grid}.schematic-list article:last-child{border-bottom:0}.schematic-list article:hover{padding-left:var(--space-4);background:var(--surface-2)}.note-index{color:var(--accent-buy);font-family:var(--font-display);font-size:1.7rem;font-weight:700}.schematic-list h3,.schematic-list p{margin:0}.schematic-list h3{font-family:var(--font-display);font-size:1.1rem}.schematic-list p{max-width:70ch;color:var(--text-muted);margin-top:4px}.experiment ol{counter-reset:procedure;margin:0;padding:0;list-style:none}.experiment li{counter-increment:procedure;min-height:64px;padding:var(--space-1) 0 var(--space-2) 64px;border-bottom:1px dashed var(--line);color:var(--text-muted);position:relative}.experiment li:before{content:"0" counter(procedure);left:0;top:var(--space-1);color:var(--accent-slippage);font-family:var(--font-display);font-size:1.3rem;font-weight:700;position:absolute}.faq>div:not(.section-heading){min-width:0}.faq details{border-bottom:1px solid var(--line);grid-column:2}.faq summary{justify-content:space-between;align-items:center;gap:var(--space-2);cursor:pointer;min-height:52px;font-family:var(--font-display);font-weight:700;list-style:none;display:flex}.faq summary:after{content:"+";color:var(--accent-buy);font-family:var(--font-mono);font-size:1.3rem}.faq details[open] summary:after{content:"−"}.faq summary:focus-visible{outline:1px solid var(--accent-buy);outline-offset:3px}.faq details p{max-width:65ch;margin:0 0 var(--space-2);color:var(--text-muted)}.site-footer{justify-content:space-between;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-3);border-top:1px solid var(--line);color:var(--text-muted);font-size:.78rem;display:flex}.site-footer a{color:var(--accent-buy);text-decoration:none}.site-footer a:hover{text-underline-offset:4px;text-decoration:underline}@media (width<=899px){.hero-copy,.field-notes,.experiment,.faq{grid-template-columns:1fr}.hero-copy h1{max-width:15ch}.faq details{grid-column:1}.ladder-panel{min-height:0;overflow:visible}.ladder{min-height:360px;max-height:50vh}.timeline-strip{overflow-x:auto}}@media (width<=480px){#app{padding:var(--space-2)}.ladder-controls{align-items:stretch;min-width:0}.layout,.ladder-panel,.ladder,.ladder-side,.timeline-strip,.timeline-slider{min-width:0}.control-group{flex:100%;min-width:0}.select,.side-toggle,.side-btn{flex:1;min-width:0}.slider-row .slider{min-width:0}.size-readout{min-width:7ch}.wordmark{font-size:1.15rem}.github-link{color:#0000;justify-content:center;width:44px;padding:0;font-size:0;overflow:hidden}.github-link:before{content:"GH";color:var(--accent-buy);font-size:.72rem}.github-link:hover:before{color:#08281c}.hero-copy h1{font-size:2.2rem}.field-notes,.experiment,.faq{gap:var(--space-3);padding-top:var(--space-4)}.notes-copy{columns:1}.schematic-list article{padding:var(--space-2);grid-template-columns:40px 1fr}.site-footer{flex-direction:column}.hud-value-big{font-size:1.6rem}}