:root{--ink: #0B0714;--panel: #150E26;--panel-hi: #1D1434;--rail: #2A1B47;--hair: #3B2860;--silk: #D9CFF0;--label: #8A7BB8;--amber: #FF2D95;--amber-dim: #8E1A54;--bone: #FFF6E8;--cyan: #00F0FF;--hot: #FF2D95;--lime: #B6FF3D;--sun: #FFD23F;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--silk-face: "Helvetica Neue", Helvetica, Inter, "Segoe UI", Arial, sans-serif;--display: "Helvetica Neue", Helvetica, Inter, "Segoe UI", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--silk);font-family:var(--silk-face);-webkit-font-smoothing:antialiased}.wrap{max-width:820px;margin:0 auto;padding:20px 16px 48px}.lab{font-family:var(--display);font-weight:700;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--label);margin:0}.val{font-family:var(--mono);font-size:12px}h2.chapter{font-size:19px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin:0 0 6px}p.standfirst{font-size:14px;line-height:1.65;color:var(--silk);max-width:62ch;margin:0 0 18px}p.note{font-size:12px;line-height:1.7;color:var(--label);max-width:66ch;margin:14px 0 0}p.note code,code.inline{font-family:var(--mono);font-size:11px;color:var(--bone);background:var(--panel);padding:1px 5px;border-radius:2px}canvas{display:block;touch-action:none;width:100%}.btn{cursor:pointer;border:1px solid var(--hair);background:var(--panel);color:var(--silk);font-family:var(--display);font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border-radius:0;transition:all .12s;user-select:none}.btn:hover{border-color:var(--amber-dim);color:var(--amber)}.btn:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.btn[data-on=true]{background:var(--amber);border-color:var(--amber);color:var(--ink)}.btn.small{padding:6px 9px;font-size:10px}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.rack{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;margin-top:18px;border-top:1px solid var(--rail);padding-top:16px}input[type=range]{-webkit-appearance:none;appearance:none;height:2px;background:var(--hair);border-radius:2px;width:100%;margin:12px 0 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--amber);cursor:pointer}input[type=range]::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:var(--amber);cursor:pointer}input[type=range]:focus-visible{outline:2px solid var(--amber);outline-offset:4px}input[type=text]{background:var(--panel);border:1px solid var(--hair);color:var(--silk);font-family:var(--mono);font-size:12px;padding:7px 9px;border-radius:2px;width:100%}input[type=text]:focus-visible{outline:2px solid var(--amber);outline-offset:1px}.readouts{display:flex;gap:18px;font-family:var(--mono);font-size:11px}.readout{text-align:right}.readout .v{margin-top:2px}.hint{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;padding-bottom:18px}.hint span{background:#14171bd1;padding:7px 12px;border:1px solid var(--hair);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--label)}.err{color:var(--amber);font-family:var(--mono);font-size:11px;margin-top:8px}@media (prefers-reduced-motion: reduce){.btn,.rung{transition:none}}.markbtn:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.eyebrow{font-family:var(--display);font-weight:700;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--amber);margin:0 0 10px}.deck{font-size:14px;line-height:1.7;color:var(--silk);max-width:64ch;margin:0 0 8px}.section-head{margin:26px 0 18px}.chain{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 22px;padding:10px 12px;background:var(--panel);border:1px solid var(--hair);border-radius:2px}.chain-node{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--label);padding:3px 7px;border:1px solid transparent}.chain-node.on{color:var(--ink);background:var(--amber);border-color:var(--amber)}.chain-node.out{color:var(--silk)}.chain-arrow{color:var(--hair);font-size:11px}input[type=range].vert{-webkit-appearance:slider-vertical;writing-mode:vertical-lr;direction:rtl;width:22px;height:84px;margin:0}.btn.hot[data-on=true]{background:var(--hot);border-color:var(--hot);color:var(--ink)}.btn.hot:hover{border-color:var(--hot);color:var(--hot)}.way-k[data-c=lime]{color:var(--lime)}.way-k[data-c=cyan]{color:var(--cyan)}.way-k[data-c=hot]{color:var(--hot)}.eyebrow{color:var(--cyan)}.chain-node.on{background:var(--hot);border-color:var(--hot);color:var(--ink)}.eyebrow[data-c=sun]{color:var(--sun)}.eyebrow[data-c=hot]{color:var(--hot)}.eyebrow[data-c=cyan]{color:var(--cyan)}.eyebrow[data-c=lime]{color:var(--lime)}.eyebrow[data-c=bone]{color:var(--bone)}.anatomy{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:var(--panel);padding:22px 0 26px;margin:0 0 44px;width:100vw;margin-left:calc(50% - 50vw)}.anatomy>*:not(.bleed){max-width:820px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px}.anatomy .anatomy-stage.bleed{margin:16px 0;border-left:0;border-right:0}@media (max-width: 720px){.anatomy-grid{grid-template-columns:1fr}}.anatomy-stage{border:1px solid var(--hair);background:var(--ink);overflow:hidden;border-radius:2px}.anatomy-stage canvas{display:block;touch-action:none}.code{margin:0;padding:14px;background:var(--ink);border:1px solid var(--hair);border-radius:2px;overflow-x:auto;font-family:var(--mono);font-size:11.5px;line-height:1.6;color:var(--silk)}.code code{font-family:inherit}.wall{background:#f4f0e8;color:#1b1720;padding:30px clamp(18px,4vw,44px) 34px;border:1px solid #DED7C9}.anatomy>.wall,.wall+.wall{border-top:0}.wall-title{font-family:var(--display);font-size:clamp(34px,6.4vw,62px);line-height:.92;letter-spacing:-.035em;font-weight:800;margin:2px 0 6px;text-transform:uppercase;color:#14111a}.wall-body{font-size:17px;line-height:1.62;max-width:34em;margin:16px 0 0;color:#221e2a;letter-spacing:-.005em}.wall-note{font-size:14.5px;line-height:1.8;max-width:36em;margin:14px 0 0;color:#453e50;border-left:2px solid #C9C0AE;padding-left:14px}.wall-kicker{font-family:var(--display);font-weight:700;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:#1b1720;margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid #1B1720}.wall-rule{height:1px;background:#ded7c9;margin:34px 0 26px}.cap{font-size:12.5px;line-height:1.7;color:#6a6255;max-width:40em;margin:8px 0 0}.cap-label{font-family:var(--display);font-weight:700;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#1b1720;margin:0 0 8px}.wall .eyebrow{color:#9a5cc4}.wall .lab{color:#8a8071}.wall .btn{background:#ebe5d8;border-color:#cfc6b4;color:#2c2733}.wall .btn:hover{border-color:#6e3aa8;color:#6e3aa8}.wall .btn[data-on=true]{background:#1b1720;border-color:#1b1720;color:#f4f0e8}.wall .btn.hot[data-on=true]{background:#a32168;border-color:#a32168;color:#f4f0e8}.wall .btn:focus-visible{outline-color:#6e3aa8}.wall input[type=text]{background:#fbf8f2;border-color:#cfc6b4;color:#1b1720}.wall input[type=range]{background:#d6cdbb}.wall input[type=range]::-webkit-slider-thumb{background:#6e3aa8}.wall input[type=range]::-moz-range-thumb{background:#6e3aa8}.wall .val{color:#1b1720}.wall .code{background:#14111a;border-color:#14111a;color:#e4ddf2;font-size:11.5px;line-height:1.65}.two-up{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(22px,4vw,44px);margin-top:30px}@media (max-width: 780px){.two-up{grid-template-columns:1fr}}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.steps{list-style:none;margin:14px 0 0;padding:0}.steps>li{margin-bottom:22px}.step-label{font-family:var(--display);font-weight:800;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#14111a;margin:0 0 9px;display:flex;gap:10px;align-items:baseline}.step-label span{font-family:var(--mono);font-size:10px;color:#9a5cc4}.ledger{margin:12px 0 0}.ledger>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #DED7C9;padding:6px 0}.ledger dt{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#8a8071}.ledger dd{margin:0;font-family:var(--mono);font-size:12.5px;color:#14111a}.hist{display:flex;align-items:flex-end;gap:3px;height:112px;border-bottom:1px solid #CFC6B4;margin-top:6px}.hist-col{flex:1 1 0;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.hist-col span{font-family:var(--mono);font-size:8px;color:#a79e8d;text-align:center;padding-top:3px}.hist-bar{background:#6e3aa8;border-radius:1px 1px 0 0;transition:height .18s}.hist-bar[data-on=true]{background:#a32168}.lifechart{width:100%;height:62px;margin-top:12px;background:#14111a;border:1px solid #DED7C9}@media (prefers-reduced-motion: reduce){.nav-btn,.hist-bar{transition:none}}html,body,#root{height:100%;overflow:hidden}body.page-scroll,body.page-scroll #root{overflow:auto}.shell-full{position:fixed;inset:0;overflow:hidden}.shell-page{min-height:100%;overflow-y:auto}.stage-full{position:absolute;inset:0}.stage-full canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:manipulation}.chrome{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(14px,3vw,26px);pointer-events:none;gap:12px}.chrome>*{pointer-events:auto}.menu-btn,.chrome-btn{display:inline-flex;align-items:center;gap:10px;cursor:pointer;background:#0b07148c;backdrop-filter:blur(6px);border:2px solid var(--bone);color:var(--bone);font-family:var(--display);font-weight:800;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:11px 16px;border-radius:0;transition:background .14s,border-color .14s,color .14s}.menu-btn:hover,.chrome-btn:hover{background:var(--bone);border-color:var(--bone);color:#0b0714}.menu-btn:focus-visible,.chrome-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.menu-bars{display:inline-flex;flex-direction:column;gap:3px}.menu-bars i{display:block;width:16px;height:1.5px;background:currentColor}.chrome-crumb{margin:0;font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--label)}.stage-tag{position:fixed;left:50%;transform:translate(-50%);bottom:20px;z-index:25;pointer-events:none}.stage-tag span{font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;background:#0b071499;backdrop-filter:blur(6px);border:1px solid rgba(255,246,232,.28);padding:8px 14px;color:var(--bone)}.stage-tag .dim{color:#fff6e88c}.stage-tag span[data-c=sun]{color:var(--sun);border-color:var(--sun)}.stage-tag span[data-c=hot]{color:var(--hot);border-color:var(--hot)}.stage-tag span[data-c=cyan]{color:var(--cyan);border-color:var(--cyan)}.stage-tag span[data-c=lime]{color:var(--lime);border-color:var(--lime)}.stage-tag span[data-c=bone]{color:var(--bone);border-color:var(--bone)}.stage-sound{position:fixed;right:clamp(14px,3vw,26px);bottom:20px;z-index:25;cursor:pointer;background:#0b07148c;backdrop-filter:blur(6px);border:1px solid rgba(255,246,232,.3);color:#fff6e8b8;font-family:var(--silk-face);font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;padding:9px 14px}.stage-sound[data-on=true]{background:var(--hot);border-color:var(--hot);color:#0b0714}.stage-sound:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.scrim{position:fixed;inset:0;background:#0b07148c;z-index:45}.flyout-panel{position:fixed;top:0;bottom:0;z-index:46;width:min(560px,100vw);background:#f4f0e8;box-shadow:0 0 80px -10px #000c;outline:none;display:flex;flex-direction:column}.flyout-panel.right{right:0;border-left:1px solid #DED7C9}.flyout-panel.left{left:0;border-right:1px solid #DED7C9}.flyout-scroll{overflow-y:auto;overscroll-behavior:contain;height:100%}.flyout-close{position:absolute;top:12px;right:12px;z-index:2;cursor:pointer;width:34px;height:34px;line-height:1;font-size:22px;background:#ebe5d8;border:1px solid #CFC6B4;color:#1b1720}.flyout-close:hover{background:#1b1720;color:#f4f0e8;border-color:#1b1720}.flyout-close:focus-visible{outline:2px solid #6E3AA8;outline-offset:2px}.flyout-panel.left .flyout-close{right:auto;left:12px}.panel-wall{border:0;min-height:100%}.anatomy.compact{width:auto;margin:0;border:0;padding:0;background:none}.anatomy.compact>.wall{border:0}.anatomy.compact .two-up,.anatomy.compact .controls-grid{grid-template-columns:1fr;gap:24px}.anatomy.compact .anatomy-stage{margin:18px 0;border:1px solid #DED7C9;background:#0b0714}.anatomy.compact .code{max-height:300px;overflow:auto}.menu-list{margin-top:10px}.menu-row{width:100%;display:flex;gap:13px;align-items:baseline;background:none;border:0;border-bottom:1px solid #E5DFD2;cursor:pointer;text-align:left;padding:13px 2px;font-family:var(--silk-face);color:#1b1720}.menu-row:hover{background:#ebe5d8}.menu-row:focus-visible{outline:2px solid #6E3AA8;outline-offset:-2px}.menu-row[aria-current=true] .menu-t{color:#6e3aa8}.menu-n{font-family:var(--mono);font-size:11px;color:#9a5cc4;flex:0 0 20px}.menu-body{flex:1 1 auto;min-width:0}.menu-t{display:block;font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:-.01em;text-transform:uppercase;line-height:1.05}.menu-s{display:block;font-size:11.5px;line-height:1.55;color:#6a6255;margin-top:3px}.menu-dot{width:9px;height:9px;flex:0 0 auto;display:inline-block;align-self:center}.menu-dot[data-c=sun]{background:#e0a400}.menu-dot[data-c=hot]{background:#a32168}.menu-dot[data-c=cyan]{background:#0093a8}.menu-dot[data-c=lime]{background:#5e8c10}.menu-dot[data-c=bone]{background:#8a8071}.shell-page .wrap{padding-top:72px}@media (max-width: 620px){.flyout-panel{width:100vw}.stage-tag{bottom:62px}}@media (prefers-reduced-motion: reduce){.menu-btn,.chrome-btn,.flyout-close{transition:none}}.panel-wall .eyebrow{color:#a32168}.anatomy.compact .wall-title{margin-bottom:10px}.anatomy.compact>.wall:first-child{border-bottom:2px solid #1B1720;padding-bottom:22px}.stage-tag span,.stage-sound,.chrome-crumb{font-family:var(--display);font-weight:700}.ladder-rungs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2px;margin-top:26px;background:#ded7c9;border:1px solid #DED7C9}.rung-btn{background:#f4f0e8;border:0;cursor:pointer;text-align:left;padding:16px 15px;font-family:var(--display);color:#1b1720;display:flex;flex-direction:column;gap:4px;transition:background .12s}.rung-btn:hover{background:#ebe5d8}.rung-btn:focus-visible{outline:2px solid #6E3AA8;outline-offset:-2px}.rung-btn[aria-current=true]{background:#1b1720;color:#f4f0e8}.rung-n{font-family:var(--mono);font-size:10px;color:#9a5cc4}.rung-btn[aria-current=true] .rung-n{color:var(--cyan)}.rung-name{font-size:19px;font-weight:800;letter-spacing:-.02em;text-transform:uppercase;line-height:1}.rung-stands{font-size:12px;font-weight:400;color:#6a6255}.rung-btn[aria-current=true] .rung-stands{color:#b8afa0}.rung-knows{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#9a5cc4;margin-top:2px;font-weight:700}.rung-btn[aria-current=true] .rung-knows{color:var(--lime)}.keys{display:flex;gap:2px;margin-top:26px}.key{flex:1 1 0;height:108px;cursor:pointer;background:#fbf8f2;border:1px solid #CFC6B4;color:#6a6255;font-family:var(--display);font-weight:800;font-size:11px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;transition:background .06s}.key:hover{background:#ebe5d8}.key:active{background:#1b1720;color:#f4f0e8}.key:focus-visible{outline:2px solid #6E3AA8;outline-offset:-2px}