:root{--px: 4px;--bg: #131309;--bg2: #1a1a10;--panel: #1e1e14;--steel: #2a2a1d;--steel-lit: #3a3a29;--edge: #45442f;--ink: #ecebd6;--ink-dim: #a6a389;--amber: #f2a52b;--amber-hi: #ffc45a;--green: #74e58c;--cyan: #4fc4e6;--violet: #b79cf6;--red: #f27a5e;--mono: ui-monospace, "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sp-edge: #0b0c06;--sp-steel: #35352a;--sp-lit: #4e4e3b;--sp-vent: #1d1d13;--sp-screen: #0a0d07;--sp-lamp: #191a10;--sp-hi: #cfcdb0;--sp-tread: #6d6d53}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 600px at 50% -10%,#23230f 0%,transparent 60%),repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.06) 3px 4px),var(--bg)}.app{max-width:900px;margin:0 auto;padding:clamp(1rem,3vw,2rem) 1rem 3rem}.masthead{text-align:center;margin-bottom:1.1rem}.brand{font-family:var(--mono);font-weight:800;letter-spacing:.14em;font-size:clamp(1.5rem,5vw,2.4rem);color:var(--amber);text-shadow:0 0 1px var(--amber-hi),2px 2px 0 #0008}.sub{margin:.15rem 0 0;color:var(--ink-dim);font-family:var(--mono);font-size:.78rem;letter-spacing:.05em}.exhibits{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.1rem}.chip{font-family:var(--mono);font-size:.76rem;color:var(--ink-dim);background:var(--panel);border:2px solid var(--edge);border-radius:0;padding:.4rem .75rem;cursor:pointer;transition:color .12s,border-color .12s;box-shadow:2px 2px #0007}.chip:hover{color:var(--ink);border-color:var(--amber)}.chip.on{color:#1a1a10;background:var(--amber);border-color:var(--amber);font-weight:700}.stage{display:grid;grid-template-columns:1fr 118px;gap:.75rem;align-items:stretch;margin-bottom:.9rem}@media (max-width: 640px){.stage{grid-template-columns:1fr}}:root{--lane: 132px;--row: 232px;--belt-y: 42px;--belt-h: calc(var(--px) * 4);--car-y: calc(var(--belt-y) + var(--belt-h));--canister-h: calc(var(--px) * 17 + 3px)}.floor{position:relative;background:linear-gradient(180deg,var(--bg2),#0f0f08);border:var(--px) solid var(--sp-edge);padding:1.5rem .6rem .75rem;min-height:calc(var(--row) + 2.25rem);overflow:hidden;box-shadow:inset 0 0 40px #0006,inset 0 0 0 var(--px) #ffffff08}.floor:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(180deg,rgba(0,0,0,.16) 0 1px,transparent 1px var(--px))}.belt{position:absolute;left:0;right:0;bottom:var(--belt-y);height:var(--belt-h);background:repeating-linear-gradient(90deg,var(--sp-lit) 0 calc(var(--px) * 2),var(--sp-tread) calc(var(--px) * 2) calc(var(--px) * 3),var(--sp-vent) calc(var(--px) * 3) calc(var(--px) * 4));border-top:var(--px) solid var(--sp-edge);border-bottom:var(--px) solid var(--sp-edge)}.belt.rolling{animation:roll var(--belt-ms, .35s) steps(4) infinite}@keyframes roll{to{background-position-x:calc(var(--px) * 4)}}.stations{display:grid;position:relative;z-index:2;align-items:end;height:var(--row)}.station{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;min-width:0}.station-head{display:flex;justify-content:center;align-items:flex-end}.gantry{position:relative;height:var(--lane);width:calc(var(--px) * 21);max-width:100%;display:flex;justify-content:space-between;padding:0 calc(var(--px) * 2)}.gantry .leg{width:calc(var(--px) * 2);height:calc(var(--lane) - var(--car-y));background:linear-gradient(90deg,var(--sp-lit) 0 25%,var(--sp-steel) 25% 75%,var(--sp-edge) 75%);box-shadow:0 0 0 1px #0008}.gantry-bin{justify-content:center;padding:0}.gantry-bin .leg:last-child{display:none}.gantry-bin .leg{width:calc(var(--px) * 3)}.sprite{position:relative;flex:none}.sprite-svg{display:block;width:100%;height:100%}.sprite-window{position:absolute;display:grid;place-items:center;overflow:hidden;font-family:var(--mono);font-weight:800;line-height:1;text-align:center}.bin{display:flex;flex-direction:column;align-items:center;gap:2px;font-family:var(--mono)}.bin-ket{font-size:calc(var(--px) * 3.25);color:var(--green);text-shadow:0 0 calc(var(--px) * 1.5) rgba(116,229,140,.5)}.bin small{color:var(--ink-dim);font-size:.58rem;letter-spacing:.14em}.machine{display:flex;flex-direction:column;align-items:center;transition:transform .1s}.machine-gate{font-size:calc(var(--px) * 4.25)}.machine-label{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;color:var(--ink-dim);text-transform:uppercase;margin-top:2px}.tone-split .machine-gate{color:var(--cyan)}.tone-flip .machine-gate{color:var(--amber)}.tone-phase .machine-gate{color:var(--violet)}.machine.active{transform:translateY(calc(var(--px) * -1))}.machine.active .machine-body{--sp-lamp: var(--amber-hi);filter:drop-shadow(0 0 calc(var(--px) * 1.5) rgba(255,196,90,.55))}.machine.active .machine-gate{text-shadow:0 0 calc(var(--px) * 2) currentColor}.reader{display:flex;flex-direction:column;align-items:center}.reader-label{font-family:var(--mono);font-size:.55rem;letter-spacing:.12em;color:var(--ink-dim);margin-top:2px}.reader-display{font-size:calc(var(--px) * 5.5);color:#2f3a2c}.reader.armed .reader-body{--sp-lamp: var(--amber)}.reader.armed .reader-display{color:var(--amber);animation:blink .7s steps(2) infinite}.reader.read .reader-display{color:var(--green);text-shadow:0 0 calc(var(--px) * 2.5) var(--green)}@keyframes blink{50%{opacity:.25}}.canister-track{position:absolute;bottom:var(--car-y);z-index:4;transform:translate(-50%);transition:left var(--belt-ms, .35s) cubic-bezier(.5,0,.4,1)}.canister{display:flex;flex-direction:column;align-items:center;gap:3px}.tube{position:relative;width:calc(var(--px) * 7);height:calc(var(--px) * 11);background:var(--sp-screen);overflow:hidden;box-shadow:inset 0 0 0 var(--px) var(--sp-edge),0 0 0 1px var(--sp-lit)}.liquid{position:absolute;left:var(--px);right:var(--px);bottom:var(--px);background:repeating-linear-gradient(180deg,rgba(255,255,255,.18) 0 1px,transparent 1px var(--px)),linear-gradient(180deg,var(--cyan),#1c6f86);transition:height .35s ease;box-shadow:0 0 var(--px) var(--cyan)}.tube-mid{position:absolute;left:var(--px);right:var(--px);top:var(--px);bottom:var(--px);background:repeating-linear-gradient(180deg,transparent 0 calc(25% - 1px),#ffffff40 calc(25% - 1px) 25%)}.superposed .liquid{animation:shimmer .9s ease-in-out infinite}@keyframes shimmer{50%{opacity:.55;filter:brightness(1.4)}}.stamp{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--mono);font-weight:800;font-size:calc(var(--px) * 3.5);color:var(--green);text-shadow:0 0 var(--px) var(--green);background:#0b0d08cc}.dial svg{display:block;width:calc(var(--px) * 6);height:calc(var(--px) * 6)}.dial-ring{fill:var(--sp-screen);stroke:var(--sp-lit);stroke-width:2}.dial-hand{stroke:var(--amber-hi);stroke-width:2;transition:transform .35s ease}.histogram{background:#10130f;border:var(--px) solid var(--sp-edge);padding:.6rem .5rem .5rem;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px var(--sp-lit)}.histogram-title{font-family:var(--mono);font-size:.55rem;letter-spacing:.14em;color:var(--ink-dim);text-align:center}.hbars{display:flex;gap:.6rem;justify-content:center;flex:1;align-items:end;padding:.4rem 0}.hbar{display:flex;flex-direction:column;align-items:center;gap:3px;height:100%;justify-content:end}.hbar-count{font-family:var(--mono);font-size:.72rem;color:var(--green)}.hbar-track{width:calc(var(--px) * 6);height:96px;display:flex;align-items:end;background:#0c0e08;box-shadow:inset 0 0 0 1px var(--sp-lit)}.hbar-fill{width:100%;background:repeating-linear-gradient(180deg,transparent 0 calc(var(--px) - 1px),#0009 calc(var(--px) - 1px) var(--px)),linear-gradient(180deg,var(--green),#2c7a45);transition:height .25s ease}.hbar-label{font-family:var(--mono);font-weight:700;color:var(--ink)}.histogram-total{text-align:center;font-family:var(--mono);font-size:.6rem;color:var(--ink-dim)}.narrator{display:flex;gap:.5rem;align-items:baseline;background:#0e0f09;border:2px solid var(--edge);border-left:var(--px) solid var(--amber);border-radius:0;padding:.6rem .85rem;margin-bottom:.9rem;min-height:3.1rem}.narrator-icon{color:var(--amber)}.narrator-text{font-size:.95rem;color:var(--ink);line-height:1.45}.panel{background:linear-gradient(180deg,var(--panel),#16160d);border:var(--px) solid var(--sp-edge);padding:.75rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:inset 0 0 0 1px var(--sp-lit)}.panel-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.btn{font-family:var(--mono);font-size:.82rem;color:var(--ink);cursor:pointer;background:var(--steel);border:2px solid var(--edge);border-radius:0;padding:.45rem .7rem;box-shadow:2px 2px #000a;transition:color .08s,border-color .08s}.btn:hover{border-color:var(--amber);color:var(--amber-hi)}.btn:active{transform:translate(2px,2px);box-shadow:none}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:2px 2px #0006}.btn:disabled:active{transform:none}.btn-sq{padding:.45rem .6rem}.btn-primary{background:var(--green);color:#10130f;border-color:#2c7a45;font-weight:700}.btn-primary:hover{color:#0a0d06;border-color:var(--green)}.btn-amber{background:var(--amber);color:#1a1a10;border-color:#a06d10;font-weight:700;animation:pulse .9s ease-in-out infinite}@keyframes pulse{50%{box-shadow:2px 2px #000a,0 0 14px var(--amber)}}.btn-ghost{background:transparent}.speed{display:flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.66rem;color:var(--ink-dim);letter-spacing:.1em}.speed input[type=range]{accent-color:var(--amber);width:130px}.foot{text-align:center;margin-top:1.4rem;font-family:var(--mono);font-size:.62rem;color:var(--ink-dim);letter-spacing:.03em}.dial.no-phase .dial-ring{opacity:.4}.dial-none{fill:var(--muted, #6b6b6b);opacity:.6}.hbar-pct{font-family:var(--mono);font-size:.6rem;color:var(--ink-dim)}.hbar-fill{min-height:0}.histogram-note{text-align:center;font-family:var(--mono);font-size:.5rem;letter-spacing:.04em;color:var(--muted-2, #6f6f6f);margin-top:.15rem;line-height:1.3}.panel-sep{width:1px;align-self:stretch;background:var(--edge);margin:0 .25rem}.chain.agreed{background:repeating-linear-gradient(180deg,var(--ink-dim) 0 6px,transparent 6px 11px);box-shadow:none}.chain.agreed .chain-badge{background:var(--ink-dim);box-shadow:none}.machine-label,.reader-label,.histogram-title{font-size:.66rem}.bin small{font-size:.68rem}.hbar-count{font-size:.8rem}.chain-badge{font-size:.62rem}:where(.btn,.chip,input[type=range]):focus-visible{outline:2px solid var(--amber-hi);outline-offset:2px}.chip.on:focus-visible{outline-color:var(--ink)}h1.brand{margin:0}.chip .tick{color:var(--green);margin-right:.35rem;font-weight:700}.chip.on .tick{color:#1a1a10}.chip.seen{border-color:#74e58c59}.progress{text-align:center;margin:1rem 0 0;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;color:var(--ink-dim)}.progress.complete{color:var(--green);text-shadow:0 0 8px rgba(116,229,140,.4)}.floor.two{min-height:calc(2 * var(--row) + 2.25rem)}.stations2{display:grid;grid-template-rows:var(--row) var(--row);position:relative;z-index:2}.cell{display:flex;justify-content:center;align-items:end;min-width:0}.belt.belt-a{bottom:calc(var(--row) + var(--belt-y))}.belt.belt-b{bottom:var(--belt-y)}.canister-track.belt-a-track{bottom:calc(var(--row) + var(--car-y))}.canister-track.belt-b-track{bottom:var(--car-y)}.tone-link .machine-gate{color:var(--green);font-size:calc(var(--px) * 3);letter-spacing:-.02em}.linker-cell{position:relative;--linker-y: calc(var(--car-y) + var(--px) * 20)}.linker-cell .machine{position:absolute;bottom:var(--linker-y);flex-direction:column-reverse}.linker-cell .machine-label{margin:0 0 2px;transform:translate(calc(var(--px) * -7))}.linker-leg{position:absolute;left:50%;transform:translate(-50%);width:calc(var(--px) * 2);background:linear-gradient(90deg,var(--sp-lit) 0 25%,var(--sp-steel) 25% 75%,var(--sp-edge) 75%);box-shadow:0 0 0 1px #0008}.linker-leg-down{bottom:var(--car-y);height:calc(var(--px) * 20)}.linker-leg-up{bottom:calc(var(--linker-y) + var(--px) * 13);height:calc(var(--row) + var(--belt-y) - var(--linker-y) - var(--px) * 13)}.chain{position:absolute;bottom:calc(var(--car-y) + var(--canister-h));height:calc(var(--row) - var(--canister-h));width:4px;z-index:3;transform:translate(-50%);background:repeating-linear-gradient(180deg,var(--green) 0 6px,transparent 6px 11px);box-shadow:0 0 10px var(--green),0 0 0 1px #000c;transition:left var(--belt-ms, .35s) cubic-bezier(.5,0,.4,1)}.chain-badge{position:absolute;top:2px;left:10px;font-family:var(--mono);font-size:.5rem;letter-spacing:.12em;font-weight:700;color:#10130f;background:var(--green);padding:.1rem .3rem;border-radius:3px;white-space:nowrap;box-shadow:0 0 8px var(--green)}.histogram.wide .hbars{gap:.3rem}.histogram.wide .hbar-track{width:calc(var(--px) * 4)}.histogram.wide .hbar-count{font-size:.6rem}.histogram.wide .hbar-label{font-size:.72rem}@media (max-width: 560px){:root{--px: 3px;--lane: 124px;--row: 202px}.machine-label,.reader-label{font-size:.55rem;letter-spacing:.04em}.bin small{font-size:.55rem;letter-spacing:.06em}}.sound-toggle{color:var(--ink-dim);letter-spacing:.04em}.sound-toggle.on{color:var(--amber);border-color:#6b5a1e}.embed,.embed body,.embed #root{height:auto}.embed .app{padding:.6rem .75rem .9rem;max-width:none}.embed .masthead,.embed .foot{display:none}@media (prefers-reduced-motion: reduce){*,.canister-track,.liquid,.dial-hand,.hbar-fill{transition:none!important;animation:none!important}}