:root{color-scheme:dark;--paper:#f3f4eb;--ink:#10110f;--lime:#d9fb1e;--muted:#969b8d;--line:#30332a;--burn:#ecb894;font-family:Arial,Helvetica,sans-serif;background:var(--ink);color:var(--paper)}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,select,summary{cursor:pointer}button,a,select,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:1px solid #484d3a;border-radius:6px;color:var(--paper);background:transparent;padding:12px 17px;font-size:12px;min-height:44px;transition:background .2s,border-color .2s}button:hover{background:#272b1d;border-color:#788250}button:disabled{opacity:.35;cursor:not-allowed}.instrument{max-width:1800px;margin:auto;padding:0 4.5vw}header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.wordmark{font-weight:900;font-size:13px;letter-spacing:-.3px;color:var(--paper);text-decoration:none}.demo-label{font:10px ui-monospace,monospace;letter-spacing:1px;color:var(--lime);border:1px solid #4b512c;padding:7px 10px}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:42px 0 10px;gap:20px}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:1.3px;color:var(--muted);margin:0 0 12px}h1{font-size:clamp(35px,5vw,76px);letter-spacing:-3.5px;line-height:1.05;margin:0;font-weight:800}.intro-note{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 5px}.scene{position:relative;height:min(48vw,590px);min-height:370px;margin-top:20px}canvas{position:absolute;inset:0;width:100%;height:100%}.label{position:absolute;top:5%;text-align:center;width:35%;pointer-events:none}.supply{left:1%}.rewards{right:1%}.label>span{font:9px ui-monospace,monospace;letter-spacing:1.7px;color:var(--muted)}h2{font-size:clamp(18px,2vw,29px);margin:10px 0 8px;letter-spacing:-.7px}.label p{font:11px ui-monospace,monospace;color:var(--muted);margin:0}.supply h2{color:#e7c8b0}.rewards h2{color:var(--lime)}.button-object{position:absolute;left:50%;top:51%;width:27%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.button-object img{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 22px #0009);transition:transform .2s}#machine-state{font:9px ui-monospace,monospace;letter-spacing:2px;color:var(--muted);display:block;margin-top:4px}.button-object.pressed img{transform:translateY(5px) scale(.96)}.button-object.pressed #machine-state{color:var(--lime)}.scene-foot{position:absolute;bottom:4%;left:0;right:0;display:flex;justify-content:space-between;color:#8b9180;font:9px ui-monospace,monospace;gap:20px}.activity{display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:76px}.activity .eyebrow{margin:0}.activity p{font-size:17px;letter-spacing:-.4px;margin:14px 0}#event-age{font:10px ui-monospace,monospace;color:var(--muted)}.controls{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:25px 0}.control-group .eyebrow{display:block}.buttons{display:flex;gap:8px}#fund{background:var(--lime);color:var(--ink);border-color:var(--lime)}select{background:#191c14;color:var(--paper);border:1px solid #484d3a;padding:11px 35px 11px 13px;min-height:44px;border-radius:6px;font-size:12px}.transport{display:flex;gap:8px}footer{display:flex;justify-content:space-between;gap:25px;padding:0 0 30px;color:var(--muted);font:10px/1.7 ui-monospace,monospace}details{max-width:460px;text-align:right}details p{text-align:left;font-size:11px}summary{color:#c1c6b5}body.stream .controls,body.stream footer{display:none}body.stream .instrument{min-height:100vh;display:flex;flex-direction:column}body.stream .scene{flex:1;min-height:350px}body.stream .activity{margin-bottom:20px}body.stream .intro{padding-top:25px}@media(min-width:1600px){.scene{height:580px}}@media(max-width:700px){.instrument{padding:0 20px}header{height:68px;flex-wrap:wrap}.wordmark{font-size:11px}.demo-label{font-size:8px;letter-spacing:0;padding:6px}#stream{padding:8px;font-size:10px;min-height:34px}.intro{padding-top:28px}.intro-note{display:none}h1{letter-spacing:-1.8px;font-size:42px}.eyebrow{font-size:8px;letter-spacing:.8px}.scene{height:490px;min-height:490px;margin-top:22px}.label{top:1%;width:48%}.supply{left:0}.rewards{right:0}.label>span{font-size:8px;letter-spacing:.4px}h2{font-size:18px;letter-spacing:-.6px}.label p{font-size:9px;line-height:1.5;padding:0 5px}.button-object{top:73%;width:57%}#machine-state{font-size:8px}.scene-foot{font-size:8px;line-height:1.5;bottom:1%;text-align:center}.scene-foot span{width:48%}.activity{grid-template-columns:1fr auto;min-height:95px;padding:13px 0;gap:6px}.activity .eyebrow{grid-column:1/-1}.activity p{font-size:14px;line-height:1.4;margin:3px 0}.controls{flex-wrap:wrap;align-items:center;gap:20px}.control-group:first-child{width:100%}.buttons button{flex:1}footer{display:block;font-size:9px}details{text-align:left;margin-top:14px;max-width:none}body.stream .scene{min-height:490px}}@media(prefers-reduced-motion:reduce){button,.button-object img{transition:none}.button-object.pressed img{transform:none}}
