:root{--ink:#080b12;--paper:#f1eadb;--acid:#d9ff43;--blue:#4667ff;--coral:#ff5b4a}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Space Grotesk",sans-serif}header{height:62px;padding:0 3vw;border-bottom:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between;font:10px "DM Mono";letter-spacing:.09em}header a{color:inherit;text-decoration:none}header button,.controls button{color:inherit;background:#151a26;border:1px solid #ffffff52;padding:10px 13px;font:10px "DM Mono";cursor:pointer}.intro{min-height:300px;padding:42px 4vw 34px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 30%,#243d9e55,transparent 35%)}.intro>p{font:10px "DM Mono";letter-spacing:.13em;color:#9aa5bf}.intro h1{font:clamp(60px,10vw,142px)/.77 "Archivo Black";letter-spacing:-.065em;margin:34px 0 0}.intro h1 span{color:var(--acid);-webkit-text-stroke:2px var(--paper);text-shadow:7px 7px 0 var(--blue)}.instructions{position:absolute;right:4vw;bottom:38px;text-align:right}.instructions strong{display:block;font:12px/1.4 "DM Mono"}.instructions small{display:block;color:#9aa5bf;font:9px/1.6 "DM Mono";margin-top:12px}.stage{height:min(61vh,650px);min-height:430px;position:relative;border-top:5px solid var(--paper);border-bottom:5px solid var(--paper);cursor:crosshair;overflow:hidden}canvas{width:100%;height:100%;display:block;background:#080b12;touch-action:none}.readout{position:absolute;left:18px;right:18px;top:15px;display:flex;justify-content:space-between;pointer-events:none;font:9px "DM Mono";letter-spacing:.08em;color:#cbd3e5}.readout .live{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid);margin-right:7px}.controls{display:flex;gap:10px;align-items:center;justify-content:center;padding:18px 3vw 28px;flex-wrap:wrap}.controls button:hover,.controls button.active{background:var(--acid);color:var(--ink)}label{display:flex;align-items:center;gap:12px;padding:9px 13px;border:1px solid #ffffff32;font:10px "DM Mono"}input{accent-color:var(--acid);width:140px}output{min-width:24px;color:var(--acid)}@media(max-width:700px){header span{display:none}.intro{min-height:330px}.intro h1{font-size:59px}.instructions{position:relative;right:auto;bottom:auto;text-align:left;margin-top:35px}.stage{height:55vh;min-height:390px}.readout{font-size:8px}.controls{justify-content:stretch}.controls>*{flex:1;text-align:center;justify-content:center}label{flex-basis:100%}}