:root{--void: #07080b;--well: #10131a;--steel: #1a1d24;--hairline: #2c313c;--paper: #c5cad4;--mute: #6a7180;--faint: #454b57;--ember: #e0a020;--ember-dim: #8a6200;--green: #4ade80;--red: #f4514e;--cyan: #38d9d3;--font-pixel: "Silkscreen", monospace;--font-mono: "IBM Plex Mono", monospace;--depth: 20px;--bezel: 14px;--hud-top: 52px;--hud-bottom: 78px;--bg: var(--void);--bg-raise: var(--well);--panel-pcb: var(--steel);--line: var(--hairline);--line-bright: #3a4152;--ink: var(--paper);--ink-dim: var(--mute);--ink-faint: var(--faint);--amber: var(--ember);--amber-dim: var(--ember-dim)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}html{color-scheme:dark}body{min-height:100%;overflow:hidden;background:var(--void);color:var(--paper);font-family:var(--font-mono);font-size:13px;-webkit-tap-highlight-color:transparent}#root{display:flex;flex-direction:column}.app{flex:1;min-height:0}.view-play{position:relative;height:100%;height:100dvh;overflow:hidden;touch-action:none;overscroll-behavior:none;background:radial-gradient(ellipse 90% 70% at 50% 44%,#0e141c,#05070a 74%)}.stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;place-items:center;perspective:min(1400px,170vh);perspective-origin:50% 46%;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.stage.is-down{cursor:grabbing}.stage[data-mode=yaw]{cursor:grab}.stage[data-mode=shift]{cursor:move}.stage[data-mode=shift].is-down{cursor:grabbing}.board-slot{--board-size: 320px;width:min(calc(100vw - 28px),calc(100dvh - var(--hud-top) - var(--hud-bottom)),680px);aspect-ratio:1;position:relative;transform-style:preserve-3d}.board-shadow{position:absolute;left:8%;right:8%;bottom:-10%;height:18%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.62) 0%,transparent 72%);filter:blur(16px);pointer-events:none;z-index:0}.board-rig,.board-box{width:100%;height:100%;position:relative;transform-style:preserve-3d}.board-rig{z-index:1}.board-face{position:absolute;background:#121418}.face-front{top:0;right:0;bottom:0;left:0;transform:translateZ(calc(var(--depth) / 2));background:none}.face-back{top:0;right:0;bottom:0;left:0;transform:rotateY(180deg) translateZ(calc(var(--depth) / 2));background:linear-gradient(160deg,#1a1d22,#0b0d10 70%),repeating-linear-gradient(90deg,transparent 0 11px,rgba(180,140,40,.07) 11px 12px)}.face-top,.face-bottom{left:0;right:0;height:var(--depth);top:50%;margin-top:calc(var(--depth) / -2)}.face-top{transform:rotateX(90deg) translateZ(calc(var(--board-size) / 2));background:linear-gradient(180deg,#3a3e46,#1a1d22)}.face-bottom{transform:rotateX(-90deg) translateZ(calc(var(--board-size) / 2));background:#0a0b0d}.face-left,.face-right{top:0;bottom:0;width:var(--depth);left:50%;margin-left:calc(var(--depth) / -2)}.face-left{transform:rotateY(-90deg) translateZ(calc(var(--board-size) / 2));background:linear-gradient(90deg,#2a2d33,#14161a)}.face-right{transform:rotateY(90deg) translateZ(calc(var(--board-size) / 2));background:linear-gradient(90deg,#14161a,#2a2d33)}.panel-bezel{width:100%;height:100%;position:relative;background:linear-gradient(160deg,#1b1e24,#101216 70%);border:1px solid #2a2e36;border-radius:4px;padding:var(--bezel);box-shadow:inset 0 1px #ffffff0d}.bezel-hole{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#3d4350,#0a0b0e 70%);border:1px solid #000}.bezel-hole.tl{top:4px;left:4px}.bezel-hole.tr{top:4px;right:4px}.bezel-hole.bl{bottom:4px;left:4px}.bezel-hole.br{bottom:4px;right:4px}.panel-face{position:relative;width:100%;height:100%;background-color:#020304;background-image:radial-gradient(circle at center,#0d1014 0 22%,transparent 46%);background-size:1.5625% 1.5625%;border-radius:2px;overflow:hidden;box-shadow:inset 0 0 0 1px #000,inset 0 0 30px #000000e6}.matrix-main{display:block;width:100%;height:100%}.ui-frame{--depth: 22px;--bezel: 14px}.panel-grid,.panel-plexi{display:none;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.panel-bezel .panel-plexi{z-index:2}.panel-face .panel-grid{z-index:1}.ui-frame .panel-grid,.ui-frame .panel-plexi{display:block}.ui-frame .panel-bezel{background:#000;border-color:#000;box-shadow:none;overflow:hidden}.ui-frame .face-top,.ui-frame .face-bottom,.ui-frame .face-left,.ui-frame .face-right,.ui-frame .face-back{background:#2e2c2a}.ui-frame .panel-face{background-color:#000;background-image:none;border-radius:0}.ui-frame .matrix-main{image-rendering:pixelated;filter:saturate(1.08)}.ui-frame .panel-grid{display:block;background-image:linear-gradient(to right,#000 1px,transparent 1px),linear-gradient(to bottom,#000 1px,transparent 1px);background-size:1.5625% 1.5625%;box-shadow:inset -1px 0 #000,inset 0 -1px #000}.ui-frame .panel-plexi{background:linear-gradient(152deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 20%,transparent 40%),#a8a49c4d;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #ffffff0d}.ui-frame-dark{--depth: 24px;--bezel: 18px}.ui-frame-dark .panel-grid,.ui-frame-dark .panel-plexi{display:block}.ui-frame-dark .panel-bezel{overflow:hidden;background:radial-gradient(ellipse at 46% 18%,rgba(255,255,255,.018),transparent 48%),repeating-linear-gradient(3deg,rgba(255,255,255,.01) 0 .35px,transparent .35px 1.55px),linear-gradient(155deg,#0c0d0d,#020303 68%,#060707);border:1px solid #010202;border-radius:3px;box-shadow:inset 0 1px #ffffff06,inset 0 -2px 3px #000000e6,0 1px 2px #000000b3}.ui-frame-dark .bezel-hole{display:none}.ui-frame-dark .face-top,.ui-frame-dark .face-bottom,.ui-frame-dark .face-left,.ui-frame-dark .face-right,.ui-frame-dark .face-back{background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 .4px,transparent .4px 1.7px),linear-gradient(160deg,#151717,#050606 72%)}.ui-frame-dark .face-top{background:repeating-linear-gradient(0deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px),linear-gradient(180deg,#1a1c1c,#080909)}.ui-frame-dark .panel-face{background:#010202;background-image:none;border-radius:1px;box-shadow:inset 0 0 0 1px #000,inset 0 0 18px #000000b8}.ui-frame-dark .matrix-main{image-rendering:auto;filter:saturate(1.1) brightness(1.025) contrast(1.02)}.ui-frame-dark .panel-grid{background:linear-gradient(to right,rgba(0,0,0,.84) 0 11%,transparent 11% 89%,rgba(0,0,0,.84) 89% 100%) 0 0 / 1.5625% 1.5625%,linear-gradient(to bottom,rgba(0,0,0,.84) 0 11%,transparent 11% 89%,rgba(0,0,0,.84) 89% 100%) 0 0 / 1.5625% 1.5625%;box-shadow:inset -1px 0 #000,inset 0 -1px #000}.ui-frame-dark .panel-grid:before,.ui-frame-dark .panel-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.ui-frame-dark .panel-grid:before{opacity:.34;background:repeating-linear-gradient(4deg,transparent 0 2px,rgba(255,255,255,.022) 2px 3px,transparent 3px 5px);mix-blend-mode:screen}.ui-frame-dark .panel-grid:after{opacity:.45;background:radial-gradient(circle at 17% 31%,rgba(255,255,255,.035),transparent 13%),radial-gradient(circle at 73% 64%,rgba(0,0,0,.16),transparent 19%),radial-gradient(circle at 48% 86%,rgba(255,255,255,.022),transparent 11%)}.ui-frame-dark .panel-plexi{opacity:.72;background:radial-gradient(circle at 31% 18%,rgba(255,255,255,.055) 0 .5px,transparent 1.2px) 0 0 / 23px 19px,radial-gradient(circle at 68% 71%,rgba(0,0,0,.24) 0 .5px,transparent 1.3px) 0 0 / 29px 31px,linear-gradient(151deg,rgba(255,255,255,.035),transparent 26% 76%,rgba(0,0,0,.12));box-shadow:inset 0 1px #ffffff09,inset 0 0 0 1px #ffffff05}.ui-glass{--depth: 10px;--bezel: 5px}.ui-glass .panel-bezel{background:#0c0e12;border:1px solid #7a8088;border-radius:2px;box-shadow:inset 0 1px #ffffff6b,inset 0 -1px #00000080}.ui-glass .matrix-main{filter:blur(.45px) saturate(1.06) brightness(1.03)}.ui-glass .bezel-hole{display:none}.ui-glass .panel-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:#bec6d012}.ui-glass .panel-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(152deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.07) 16%,transparent 36%),linear-gradient(205deg,transparent 62%,rgba(255,255,255,.035) 100%)}.ui-glass .face-top{background:linear-gradient(180deg,#8a909a,#2a2e34)}.ui-glass .face-left,.ui-glass .face-right,.ui-glass .face-bottom{background:#15181d}.ui-glass .face-back{background:#0a0c10}.ui-bare{--depth: 5px;--bezel: 0px}.ui-bare .panel-bezel{background:none;border:none;border-radius:0;box-shadow:none;padding:0}.ui-bare .bezel-hole{display:none}.ui-bare .panel-face{border-radius:0}.ui-bare .face-top,.ui-bare .face-bottom,.ui-bare .face-left,.ui-bare .face-right{background:#0e141c}.ui-bare .face-back{background:#05070a}.ui-bare .board-shadow{filter:blur(22px);opacity:.35}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.hud-top,.hud-bottom{pointer-events:auto;position:relative;z-index:3;display:flex;align-items:center;gap:10px}.hud-top{position:absolute;top:0;left:0;right:0;padding:calc(10px + env(safe-area-inset-top)) 128px 0 14px}.hud-bottom{position:absolute;left:0;right:0;bottom:0;align-items:flex-end;justify-content:space-between;padding:0 14px calc(12px + env(safe-area-inset-bottom))}.brand{font-family:var(--font-pixel);font-size:13px;font-weight:700;letter-spacing:1.5px;line-height:1;white-space:nowrap}.brand span{color:var(--ember)}.picker{display:flex;align-items:center;flex:0 1 auto;min-width:0;max-width:148px}.picker-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;max-width:148px;min-width:0;font-family:var(--font-mono);font-size:12px;letter-spacing:.4px;color:var(--paper);color-scheme:dark;background-color:var(--well);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%236a7180'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;border:1px solid var(--hairline);border-radius:6px;padding:6px 22px 6px 8px;cursor:pointer}.picker-select option{background-color:#10131a;color:#c5cad4}.picker-select:hover,.picker-select:focus-visible{border-color:var(--hairline);outline:none}.sensor-toggle{flex:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.6px;color:var(--mute);background:var(--well);border:1px solid var(--hairline);border-radius:999px;padding:6px 9px;cursor:pointer}.sensor-toggle:hover,.sensor-toggle:focus-visible{color:var(--paper);outline:none}.sensor-toggle.on{color:var(--green);border-color:var(--green);background:#4ade8014}.hud-links{position:absolute;top:calc(10px + env(safe-area-inset-top));right:14px;z-index:10;display:flex;align-items:center;gap:2px;pointer-events:auto}.help-toggle,.gh-link{display:grid;place-items:center;width:28px;height:28px;color:var(--mute);background:none;border:1px solid transparent;border-radius:6px;cursor:pointer;text-decoration:none}.help-toggle{font-family:var(--font-mono);font-size:13px;line-height:1}.help-toggle:hover,.help-toggle:focus-visible,.gh-link:hover,.gh-link:focus-visible,.lab-link:hover,.lab-link:focus-visible{color:var(--paper);border-color:var(--hairline);outline:none}.lab-link{font-family:var(--font-mono);font-size:11px;letter-spacing:.6px;color:var(--mute);text-decoration:none;padding:6px 8px;border:1px solid transparent;border-radius:6px}.wheel{display:flex;flex-direction:column;gap:4px}.wheel-btn{width:42px;height:40px;font-size:12px;color:var(--mute);background:#10131ab8;border:1px solid var(--hairline);border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.wheel-btn:hover{color:var(--paper)}.wheel-btn:focus-visible{outline:1px solid var(--ember-dim);outline-offset:2px}.wheel-btn.active{color:var(--ember);border-color:var(--ember-dim);background:#e0a0201f}.hud-mid{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:4px}.ui-dots{display:flex;gap:2px}.ui-dots button{font-family:var(--font-mono);font-size:10px;letter-spacing:.8px;color:var(--faint);background:none;border:1px solid transparent;border-radius:999px;padding:5px 10px;cursor:pointer}.ui-dots button:hover{color:var(--paper)}.ui-dots button.on{color:var(--paper);border-color:var(--hairline)}.nudge{font-size:10px;letter-spacing:.8px;color:var(--ember-dim)}.help{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-items:center;padding:28px 20px;background:#07080bcc;pointer-events:auto}.help-card{width:min(23rem,100%);padding:20px 22px 22px;color:var(--paper);background:#04060ad9;border:1px solid #14161b;border-radius:6px}.help-card h2{font-family:var(--font-pixel);font-size:14px;font-weight:700;letter-spacing:1.5px;margin-bottom:6px}.help-card h2 span{color:var(--ember)}.help-lede{font-size:12px;color:var(--mute);padding-bottom:14px;border-bottom:1px solid var(--hairline);margin-bottom:14px}.help-card ul{list-style:none;display:flex;flex-direction:column;gap:7px;font-size:12px;line-height:1.35;color:var(--paper);margin-bottom:18px}.help-card li{display:flex;gap:8px}.help-card li:before{content:"";flex:none;width:3px;height:3px;margin-top:6px;border-radius:50%;background:var(--ember-dim)}.help-ok{font-family:var(--font-mono);font-size:11px;letter-spacing:.8px;color:var(--ember);background:#e0a0201a;border:1px solid var(--ember-dim);border-radius:6px;padding:7px 16px;cursor:pointer}.help-ok:hover{background:#e0a0202e;border-color:var(--ember)}.help-ok:focus-visible{outline:1px solid var(--ember-dim);outline-offset:2px}.vols{display:flex;flex-direction:column;gap:6px;width:min(168px,42vw)}.vol{display:flex;align-items:center;gap:8px}.vol span{width:24px;font-size:10px;letter-spacing:.8px;color:var(--faint)}.vol input[type=range]{flex:1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;background:transparent;cursor:pointer}.vol input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--hairline)}.vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-5px;border-radius:50%;background:var(--paper);border:none}.vol input[type=range]::-moz-range-track{height:2px;background:var(--hairline)}.vol input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--paper);border:none}@media(max-width:900px)and (orientation:landscape){.view-play{--hud-top: 48px;--hud-bottom: 16px}.board-slot{width:min(calc(100vw - 200px),calc(100dvh - 28px),680px)}.hud-bottom{padding-bottom:calc(8px + env(safe-area-inset-bottom))}.wheel-btn{width:40px;height:36px}}@media(max-width:560px){.brand{display:none}.hud-top,.hud-bottom{gap:6px;padding-left:10px}.hud-top{padding-right:118px}.hud-bottom{padding-right:10px}.vols{width:min(118px,30vw)}.ui-dots button{padding:5px 7px;font-size:9px}.ui-dots{max-width:132px;flex-wrap:wrap;justify-content:center}.wheel-btn{width:40px;height:36px}}@media(min-width:901px){.brand{font-size:15px}.picker-select{font-size:13px}}.fault{margin:auto;max-width:36rem;border:1px solid var(--red);border-radius:8px;background:#f4514e0f;padding:24px;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.fault h2{font-family:var(--font-pixel);color:var(--red);letter-spacing:3px;font-size:15px}.fault p{color:var(--mute);font-size:12px}.fault code{font-family:var(--font-mono);color:var(--ember);background:var(--well);border:1px solid var(--hairline);border-radius:4px;padding:6px 14px}.view-lab{min-height:100%;min-height:100dvh;overflow:auto;overflow-x:clip;padding:12px 14px 28px}.lab-bar{display:flex;align-items:center;gap:14px;margin-bottom:16px}.lab-bar a{font-size:12px;color:var(--mute);text-decoration:none}.lab-bar a:hover{color:var(--paper)}.lab-bar h1{font-family:var(--font-pixel);font-size:15px;letter-spacing:1.5px}.lab-bar h1 span{color:var(--ember)}.console{display:flex;flex-direction:column;gap:16px}.module{background:var(--well);border:1px solid var(--hairline);border-radius:8px;padding:12px 14px 14px}.module-title{font-family:var(--font-pixel);font-size:10px;font-weight:400;letter-spacing:2px;color:var(--ember);margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed var(--hairline)}.hint{margin-top:10px;font-size:10px;letter-spacing:1px;color:var(--faint);text-align:center}.lab-main{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}@media(min-width:901px){.view-lab{padding:18px 24px 36px;max-width:1080px;margin:0 auto}.lab-main{grid-template-columns:minmax(0,1fr) 320px;gap:22px}}.lab-blurb{font-size:10px;letter-spacing:1px;line-height:1.7;color:var(--mute);margin-bottom:14px}.lab-drop{display:flex;align-items:center;justify-content:center;min-height:64px;border:1px dashed var(--line-bright);border-radius:8px;background:var(--steel);color:var(--mute);font-size:11px;letter-spacing:1.5px;text-align:center;padding:12px;cursor:pointer}.lab-drop:hover{border-color:var(--ember-dim);color:var(--paper)}.lab-drop input{display:none}.lab-error{margin-top:8px;font-size:10px;letter-spacing:1.5px;color:var(--red)}.lab-note{margin-top:8px;font-size:10px;letter-spacing:1.5px;color:var(--green)}.lab-controls{display:flex;flex-wrap:wrap;gap:14px 22px;margin:16px 0}.lab-control{display:flex;flex-direction:column;gap:6px}.lab-label{font-size:9px;letter-spacing:2px;color:var(--faint)}.lab-seg{display:flex;flex-wrap:wrap;gap:4px}.lab-seg button{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;color:var(--mute);background:var(--steel);border:1px solid var(--hairline);border-radius:5px;padding:5px 10px;cursor:pointer}.lab-seg button:hover{color:var(--paper)}.lab-seg button.on{color:var(--ember);border-color:var(--ember-dim);background:#e0a0201a}.lab-wave{width:100%;height:110px;background:#030405;border:1px solid var(--hairline);border-radius:6px}.lab-stats{display:flex;gap:12px;margin-top:14px}.lab-stat{flex:1;display:flex;flex-direction:column;gap:4px;background:var(--steel);border:1px solid var(--hairline);border-radius:6px;padding:10px 12px}.lab-stat-value{font-family:var(--font-pixel);font-size:14px;color:var(--ember)}.lab-stat-label{font-size:9px;letter-spacing:2px;color:var(--faint)}.lab-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.lab-actions button,.lab-primary{font-family:var(--font-pixel);font-size:10px;letter-spacing:1px;color:var(--paper);background:var(--well);border:1px solid var(--line-bright);border-bottom-width:3px;border-radius:6px;padding:8px 14px 6px;cursor:pointer}.lab-actions button:hover:not(:disabled),.lab-primary:hover:not(:disabled){color:var(--ember);border-color:var(--ember-dim)}.lab-actions button:active:not(:disabled),.lab-primary:active:not(:disabled){transform:translateY(2px);border-bottom-width:1px}.lab-actions button:disabled,.lab-primary:disabled{opacity:.35;cursor:default}.lab-actions button.on{color:var(--green);border-color:var(--green)}.lab-assign{margin-top:18px;padding-top:14px;border-top:1px dashed var(--hairline);display:flex;flex-direction:column;gap:8px}.lab-assign-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lab-styles{margin-bottom:10px}.sfx-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.sfx-chip{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-align:left;color:var(--mute);background:var(--steel);border:1px solid var(--hairline);border-radius:5px;padding:6px 9px;cursor:pointer}.sfx-chip:hover{color:var(--ember);border-color:var(--ember-dim)}.sfx-chip.on{color:var(--green);border-color:var(--green)}.track-list{display:flex;flex-direction:column;gap:5px}.track-row{display:flex;align-items:center;gap:8px}.track-row .sfx-chip{flex:1}.track-kind{font-size:9px;letter-spacing:1.5px;color:var(--faint);min-width:44px;text-align:right}.track-clear{font-family:var(--font-mono);font-size:9px;letter-spacing:1px;color:var(--ember);background:#e0a02014;border:1px solid var(--ember-dim);border-radius:5px;padding:5px 8px;cursor:pointer;min-width:44px}.track-clear:hover{color:var(--red);border-color:var(--red);background:#f4514e14}@media(prefers-reduced-motion:reduce){.board-rig{transition:none}}