:root{color:#d7e4e6;font-synthesis:none;background:#080f13;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}#app{place-items:center;height:100vh;display:grid;overflow:hidden}.stage{background:#0e181d;width:min(100vw,177.778vh);height:min(56.25vw,100vh);position:relative;overflow:hidden}#viewport{width:100%;height:100%;display:block}header{pointer-events:none;position:absolute;top:5%;left:4%}.eyebrow{letter-spacing:.24em;color:#7ab3bb;font-size:11px}h1{letter-spacing:-.04em;margin:10px 0 5px;font-size:clamp(18px,2.8vw,36px);font-weight:500}header p{color:#81979f;margin:0;font-size:12px}.readout{color:#8ca7ad;gap:20px;font:11px ui-monospace,monospace;display:flex;position:absolute;top:6%;right:4%}#phase{color:#abdad7}.aim{pointer-events:none;border:1px solid #f2c999aa;border-radius:50%;width:14px;height:14px;position:absolute;top:32%;left:50%;transform:translate(-50%,-50%)}.aim:after{content:"";background:#ffe0ba;width:2px;height:2px;position:absolute;top:5px;left:5px}.deck{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101e25ec;border:1px solid #29404b;border-radius:13px;padding:14px 18px;position:absolute;bottom:3%;left:4%;right:4%}.transport{justify-content:space-between;gap:16px;margin-bottom:11px;display:flex}#presets,.actions{gap:6px;display:flex}button{font:inherit;color:#b8cdd3;cursor:pointer;background:#172a33;border:1px solid #37515b;border-radius:6px;padding:7px 12px;font-size:11px}button:hover:not(:disabled){background:#28424a}button.selected{color:#102e2c;background:#abd7ce;border-color:#abd7ce}button:disabled{cursor:default;opacity:.6}kbd{opacity:.5;margin-left:6px;font-size:9px}.lane{border-top:1px solid #20353e;align-items:center;min-height:24px;padding:4px 0;display:flex}.lane-label{color:#a8c1c6;width:145px;font-size:10px}.slots{gap:5px;display:flex}.slot{color:#55737d;border:1px solid #37515b;border-radius:3px;place-items:center;width:24px;height:16px;font:9px ui-monospace,monospace;display:grid}.slot.accent{color:#d0e6df;background:#486f71}.slot.playhead{outline-offset:1px;color:#fff;outline:2px solid #eac490}.inert{color:#4b646f;min-height:18px;font-size:10px}footer{color:#6b858f;justify-content:space-between;margin-top:9px;font-size:9px;display:flex}.dev{color:#9cb2ba;background:#11212ee8;border-radius:6px;padding:7px;font:10px ui-monospace,monospace;position:absolute;top:12%;right:4%}.dev label{justify-content:space-between;gap:12px;margin:6px 0;display:flex}.dev input{color:#fff;background:#18313d;border:1px solid #39525d;width:70px}.boot-error{color:#ffd6d6;background:#471f24;padding:24px;position:absolute}@media (width<=700px){header p,footer,kbd{display:none}.deck{padding:8px;bottom:2%}.transport{margin-bottom:5px}button{padding:5px 7px;font-size:9px}.lane{min-height:20px;padding:2px}.lane-label{width:110px}.inert{min-height:14px}.slot{width:19px;height:12px}.dev{display:none}}