:root{--bg:#03060a;--cyan:#38e1f0;--cyan-dim:#7fd6e0;--gold:#ffc166;--line:#78dceb4d;--panel:#040c11a8;--mono:ui-monospace, "SFMono-Regular", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;margin:0;overflow:hidden}body{font-family:var(--mono);color:#cfe9ee;-webkit-font-smoothing:antialiased}.app{position:fixed;top:0;bottom:0;left:0;right:0}.stage-host{position:absolute;top:0;bottom:0;left:0;right:0}.stage{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.stage:active{cursor:grabbing}.vignette{pointer-events:none;background:radial-gradient(130% 95% at 50% 42%,#03060a00 38%,#03060a80 72%,#03060ae6 100%);position:absolute;top:0;bottom:0;left:0;right:0}.boot{letter-spacing:.34em;color:var(--cyan-dim);text-transform:uppercase;justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.boot-dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 12px var(--cyan);border-radius:50%;animation:1.1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.alert{letter-spacing:.14em;color:#ffd9a8;text-align:center;background:#1e1006bf;border:1px solid #ffbe7859;border-radius:8px;max-width:min(90vw,520px);padding:10px 16px;font-size:11px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.hud{pointer-events:none;white-space:nowrap;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(9px);letter-spacing:.26em;text-transform:uppercase;border-radius:5px;align-items:center;gap:13px;padding:10px 20px;font-size:11px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 0 34px #0000008c,inset 0 0 20px #3cc8dc0b}.dot{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 10px var(--cyan);opacity:.75;border-radius:50%;flex:none}.dot-live{opacity:1;animation:.85s ease-in-out infinite pulse}.hud-key{color:#bee6ee8c}.hud-val{color:#e9fbff;min-width:86px}.hud-id{color:var(--cyan-dim)}.hud-div{background:var(--line);flex:none;align-self:stretch;width:1px;margin:-10px 3px}.hud-meter{align-items:flex-end;gap:3px;height:13px;display:flex}.hud-meter i{background:#82d2e12e;border-radius:1px;width:3px;transition:background 90ms linear,box-shadow 90ms linear,height .11s ease-out}.hud-meter i.on{background:var(--cyan);box-shadow:0 0 7px #38e1f0cc}.hud-src{letter-spacing:.2em;color:#a5cdd773;font-size:9px}.hud-src.warn{color:#ffc882cc}.ctl{letter-spacing:.2em;flex-direction:column;align-items:flex-end;gap:10px;width:min(86vw,290px);font-size:10px;display:flex;position:absolute;top:20px;right:20px}.ctl-toggle,.btn{font:inherit;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan-dim);background:var(--panel);border:1px solid var(--line);cursor:pointer;-webkit-backdrop-filter:blur(9px);border-radius:8px;padding:8px 13px;transition:color .14s,border-color .14s,background .14s}.ctl-toggle:hover,.btn:hover{color:#eafcff;border-color:#78dceb80}.btn:disabled{opacity:.35;cursor:default}.btn-on{color:#04121a;background:linear-gradient(140deg,#4fe6f2,#1b9fc4);border-color:#0000;box-shadow:0 0 18px #38e1f059}.ctl-body{border:1px solid var(--line);-webkit-backdrop-filter:blur(11px);background:#050f14b8;border-radius:10px;flex-direction:column;gap:9px;width:100%;max-height:calc(100vh - 150px);padding:14px;display:flex;overflow-y:auto}.ctl-meta{letter-spacing:.18em;color:#a5cdd773;text-transform:uppercase;border-bottom:1px solid #78dceb24;flex-wrap:wrap;gap:10px 14px;margin-bottom:2px;padding-bottom:10px;font-size:9px;display:flex}.ctl-group{flex-wrap:wrap;gap:8px;display:flex}.ctl-group .btn{text-align:center;flex:auto}.ctl-row{color:#b4d7e199;grid-template-columns:78px 1fr 44px;align-items:center;gap:8px;display:grid}.ctl-label{letter-spacing:.16em;font-size:9px}.ctl-value{text-align:right;color:var(--cyan-dim);font-size:9px}.ctl-row input[type=range]{-webkit-appearance:none;appearance:none;background:#78dceb40;border-radius:2px;outline:none;width:100%;height:2px}.ctl-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cyan);cursor:pointer;border-radius:50%;width:11px;height:11px;box-shadow:0 0 8px #38e1f0b3}.ctl-row input[type=range]::-moz-range-thumb{background:var(--cyan);cursor:pointer;border:none;border-radius:50%;width:11px;height:11px}.ctl-row select{font:inherit;letter-spacing:.16em;color:var(--cyan-dim);border:1px solid var(--line);background:#08181ee6;border-radius:6px;padding:5px 6px;font-size:9px}.ctl-check{letter-spacing:.16em;color:#b4d7e199;cursor:pointer;align-items:center;gap:8px;font-size:9px;display:flex}.ctl-check input{accent-color:#38e1f0}.ctl-note{letter-spacing:.12em;color:#96c3cd66;text-transform:none;margin:2px 0 0;font-size:8.5px;line-height:1.6}@media (max-width:640px){.ctl{width:auto;top:14px;left:14px;right:14px}.hud{letter-spacing:.18em;gap:9px;padding:9px 13px;bottom:16px}.hud-val{min-width:68px}.hud-meter i{width:2px}}.ctl.ctl-embed{align-items:flex-start;width:min(290px,max(220px,100vw - 500px));top:84px;left:20px;right:auto}.ctl-embed .ctl-body{max-height:calc(100vh - 130px)}@media (max-width:760px){.ctl.ctl-embed{width:auto;top:62px;left:12px;right:12px}.ctl-embed .ctl-body{max-height:calc(44vh - 118px)}}@media (prefers-reduced-motion:reduce){.dot-live,.boot-dot{animation:none}}