:root{--void:#04050a;--panel:rgba(8,11,18,.8);--rule:rgba(150,180,220,.16);--rule-soft:rgba(150,180,220,.08);--ink:#ccd6e4;--dim:#68758a;--amber:#ffb257;--cyan:#6fd2ff;--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--void);overflow:hidden}body{font-family:var(--mono);color:var(--ink);-webkit-font-smoothing:antialiased;touch-action:none}canvas#gl{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:grab}canvas#gl.dragging{cursor:grabbing}#rail{position:fixed;top:0;left:0;bottom:0;width:274px;background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--rule);padding:22px 20px 18px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:22px;transform:translate(0);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:10}#rail.hidden{transform:translate(-100%)}.masthead h1{margin:0;font-size:13px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--ink)}.masthead p{margin:8px 0 0;font-size:10px;line-height:1.6;color:var(--dim);letter-spacing:.04em}.masthead .hr{height:1px;background:var(--rule);margin-top:18px}.group{display:flex;flex-direction:column;gap:14px}.eyebrow{font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--dim);display:flex;align-items:center;gap:10px}.eyebrow:after{content:"";flex:1;height:1px;background:var(--rule-soft)}.ctl{display:flex;flex-direction:column;gap:5px}.ctl .row{display:flex;justify-content:space-between;align-items:baseline;font-size:10.5px}.ctl .name{color:var(--ink);letter-spacing:.09em;text-transform:uppercase;opacity:.82}.ctl .val{color:var(--amber);font-variant-numeric:tabular-nums;letter-spacing:.03em}.ctl .val small{color:var(--dim);margin-left:3px}.track{position:relative;padding-top:3px;background-image:repeating-linear-gradient(90deg,var(--rule-soft) 0 1px,transparent 1px 25%);background-position:0 12px;background-size:100% 5px;background-repeat:repeat-x}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:18px;background:transparent;display:block;margin:0}input[type=range]:focus{outline:none}input[type=range]:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--rule)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:3px;height:15px;border-radius:0;border:0;background:var(--amber);margin-top:-7px;box-shadow:0 0 9px #ffb257b3}input[type=range]::-moz-range-track{height:1px;background:var(--rule)}input[type=range]::-moz-range-thumb{width:3px;height:15px;border-radius:0;border:0;background:var(--amber);box-shadow:0 0 9px #ffb257b3}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-family:inherit;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);background:transparent;border:1px solid var(--rule);padding:6px 9px;cursor:pointer;border-radius:0;transition:color .18s,border-color .18s,box-shadow .18s}.chip:hover{color:var(--ink);border-color:#96b4dc57}.chip[aria-pressed=true]{color:var(--cyan);border-color:#6fd2ff80;box-shadow:inset 0 0 14px #6fd2ff1a}.chip:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}.legend{margin-top:auto;padding-top:16px;border-top:1px solid var(--rule-soft);font-size:9.5px;line-height:1.9;color:var(--dim);letter-spacing:.04em}.legend b{color:var(--ink);font-weight:500}.legend .k{color:var(--amber)}#railToggle{position:fixed;top:16px;left:290px;z-index:11;font-family:inherit;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--dim);background:var(--panel);border:1px solid var(--rule);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:7px 11px;cursor:pointer;transition:left .35s cubic-bezier(.4,0,.2,1),color .18s}#railToggle:hover{color:var(--ink)}#rail.hidden~#railToggle{left:16px}#railToggle:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}#hud{position:fixed;right:16px;bottom:14px;z-index:9;text-align:right;font-size:10px;line-height:1.85;color:var(--dim);letter-spacing:.08em;font-variant-numeric:tabular-nums;pointer-events:none;text-shadow:0 1px 12px #000}#hud span{color:var(--ink)}#hud .sep{color:var(--rule);margin:0 6px}#fallback{position:fixed;inset:0;display:none;place-items:center;padding:40px;text-align:center;font-size:12px;line-height:1.9;color:var(--dim)}#fallback b{display:block;color:var(--ink);letter-spacing:.2em;text-transform:uppercase;margin-bottom:10px}@media (max-width:760px){#rail{top:auto;right:0;bottom:0;width:100%;max-height:56vh;border-right:0;border-top:1px solid var(--rule);transform:translateY(0);padding:18px 18px 24px}#rail.hidden{transform:translateY(100%)}#railToggle{left:auto;right:16px;top:16px;transition:none}#rail.hidden~#railToggle{left:auto;right:16px}#hud{inset:16px auto auto 16px;text-align:left}.legend{margin-top:8px}}@media (prefers-reduced-motion:reduce){#rail,#railToggle{transition:none}}