:root{--neon:#22e6ff;--neon-soft:#22e6ff33;--neon-hot:#ff2fb9;--ink:#dff3ff;--ink-dim:#7fa3b8;--bg:#03060d;--glass:#0a16226b;--glass-line:#22e6ff38;--mono:ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;--display:"Eurostile", "Bank Gothic", var(--mono);--r:14px}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0;overflow:hidden}#scene{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#scene.dragging{cursor:grabbing}#scene.pointing{cursor:pointer}#vignette{pointer-events:none;z-index:2;mix-blend-mode:screen;background:radial-gradient(120% 90% at 50% 45%,#0000 42%,#0000008c 100%),repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 3px);position:fixed;inset:0}.boot{z-index:50;background:radial-gradient(80% 60%,#071523 0%,#01040a 70%);place-items:center;transition:opacity .6s;display:grid;position:fixed;inset:0}.boot.out{opacity:0;pointer-events:none}.boot__inner{text-align:center;width:min(420px,84vw)}.boot__mark{color:var(--neon);text-shadow:0 0 22px var(--neon), 0 0 60px var(--neon-soft);font-size:44px;animation:4.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boot__title{font-family:var(--display);letter-spacing:.42em;text-indent:.42em;color:var(--ink);margin:14px 0 22px;font-size:22px}.boot__bar{background:#ffffff17;height:2px;overflow:hidden}.boot__bar>i{background:linear-gradient(90deg, transparent, var(--neon));width:0%;height:100%;box-shadow:0 0 14px var(--neon);transition:width .25s;display:block}.boot__msg{letter-spacing:.18em;color:var(--ink-dim);margin-top:12px;font-size:11px}.boot__err{color:#ffb3c1;text-align:left;white-space:pre-wrap;word-break:break-word;background:#2a0710aa;border:1px solid #ff4d6d55;margin-top:16px;padding:12px;font-size:11px;line-height:1.7}.hud{z-index:10;pointer-events:none;grid-template:"top top top""left.right"1fr"bot bot bot"/300px 1fr 320px;gap:12px;padding:14px;display:grid;position:fixed;inset:0}.hud[hidden]{display:none}.hud>*{pointer-events:auto}.glass{background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(150%);border:1px solid var(--glass-line);border-radius:var(--r);box-shadow:0 0 0 1px #00000059 inset, 0 18px 50px -22px #000000e6, 0 0 34px -14px var(--neon-soft)}.glass:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,#ffffff1a,#0000 38%);position:absolute;inset:0}.hud__top{grid-area:top;align-items:center;gap:16px;padding:10px 16px;display:flex;position:relative;overflow:hidden}.hud__top:after{content:"";background:linear-gradient(90deg, transparent, var(--neon), transparent);opacity:.7;height:1px;animation:5s linear infinite scan;position:absolute;bottom:0;left:0;right:0}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.brand{white-space:nowrap;align-items:baseline;gap:10px;display:flex}.brand__glyph{color:var(--neon);text-shadow:0 0 12px var(--neon);font-size:15px}.brand__name{font-family:var(--display);letter-spacing:.3em;text-indent:.3em;font-size:15px}.brand__tag{letter-spacing:.16em;color:var(--ink-dim);border:1px solid var(--glass-line);border-radius:999px;padding:2px 8px;font-size:9px}.topline{letter-spacing:.14em;min-width:0;color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:10px;overflow:hidden}.topnav{gap:8px;display:flex}.topnav .chip{display:none}.chip,.wide,.seg button,.tg,.swatch{font-family:var(--mono);color:var(--ink);border:1px solid var(--glass-line);letter-spacing:.12em;cursor:pointer;background:#22e6ff12;border-radius:9px;padding:7px 12px;font-size:11px;transition:background .2s,border-color .2s,box-shadow .2s,transform .12s}.chip:hover,.wide:hover,.seg button:hover,.tg:hover{border-color:var(--neon);box-shadow:0 0 18px -6px var(--neon);background:#22e6ff29}.chip:active,.wide:active{transform:translateY(1px)}.panel{scrollbar-width:thin;scrollbar-color:var(--neon-soft) transparent;padding:14px;position:relative;overflow:auto}.panel::-webkit-scrollbar{width:5px}.panel::-webkit-scrollbar-thumb{background:var(--neon-soft);border-radius:9px}.hud__left{grid-area:left}.hud__right{grid-area:right}.panel__head{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.panel__head h2{letter-spacing:.26em;color:var(--ink);margin:0;font-size:11px;font-weight:500}.dot{border-radius:50%;width:7px;height:7px}.dot--live{background:var(--neon);box-shadow:0 0 10px var(--neon);animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.panel__foot{letter-spacing:.1em;color:var(--ink-dim);border-top:1px solid #ffffff14;min-height:16px;margin-top:12px;padding-top:10px;font-size:10px}.gauges{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.gauge{text-align:center;background:linear-gradient(#22e6ff14,#0000);border:1px solid #ffffff12;border-radius:10px;padding:8px 6px}.gauge b{color:var(--neon);text-shadow:0 0 14px var(--neon-soft);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600;display:block}.gauge span{letter-spacing:.14em;color:var(--ink-dim);font-size:8px}.meter{margin-bottom:12px}.meter__row{letter-spacing:.1em;color:var(--ink-dim);justify-content:space-between;margin-bottom:6px;font-size:10px;display:flex}.meter__row b{color:var(--ink);font-variant-numeric:tabular-nums}.meter__track{background:#ffffff12;border-radius:99px;height:4px;overflow:hidden}.meter__track>i{background:linear-gradient(90deg, #0b6f8a, var(--neon));width:0%;height:100%;box-shadow:0 0 12px var(--neon-soft);border-radius:99px;transition:width .3s;display:block}.meter__track--hot>i{background:linear-gradient(90deg, #7a1230, var(--neon-hot));box-shadow:0 0 12px #ff2fb955}.kv{gap:7px;margin:0;display:grid}.kv>div{justify-content:space-between;gap:10px;font-size:10px;display:flex}.kv dt{color:var(--ink-dim);letter-spacing:.08em}.kv dd{color:var(--ink);font-variant-numeric:tabular-nums;margin:0}.ctl{margin-bottom:16px}.ctl__label{letter-spacing:.14em;color:var(--ink-dim);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:10px;display:flex}.ctl__label b{color:var(--neon);font-variant-numeric:tabular-nums}.ctl__row{justify-content:space-between;align-items:center;margin-top:9px;display:flex}.ctl__hint{letter-spacing:.12em;color:var(--ink-dim);font-size:10px}.swatches{gap:8px;display:flex}.swatch{border:1px solid #ffffff40;border-radius:50%;width:30px;height:30px;padding:0;position:relative}.swatch.on{border-color:#fff;box-shadow:0 0 0 2px #ffffff2e,0 0 18px -2px}input[type=range]{appearance:none;background:linear-gradient(90deg, var(--neon) var(--fill,30%), #ffffff1a var(--fill,30%));border-radius:99px;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--neon);width:14px;height:14px;box-shadow:0 0 12px var(--neon);cursor:pointer;background:#06131d;border-radius:50%}input[type=range]::-moz-range-thumb{border:2px solid var(--neon);cursor:pointer;background:#06131d;border-radius:50%;width:12px;height:12px}input[type=color]{border:1px solid var(--glass-line);cursor:pointer;background:0 0;border-radius:7px;width:46px;height:26px;padding:0}.seg{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.seg button{border-radius:8px;padding:8px 4px;font-size:9.5px}.seg button.on,.tg.on{border-color:var(--neon);color:#eafcff;box-shadow:0 0 20px -8px var(--neon), inset 0 0 14px -8px var(--neon);background:#22e6ff33}.toggles{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tg{border-radius:8px;padding:8px 6px;font-size:10px}.wide{letter-spacing:.22em;width:100%;padding:11px;font-size:10.5px}.hud__bottom{letter-spacing:.13em;color:var(--ink-dim);grid-area:bot;justify-content:space-between;align-items:center;gap:14px;padding:8px 16px;font-size:10px;display:flex;position:relative;overflow:hidden}.ticker{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.clock{color:var(--neon);font-variant-numeric:tabular-nums}.tooltip{z-index:20;pointer-events:none;letter-spacing:.14em;color:#eafcff;border:1px solid var(--neon);box-shadow:0 0 22px -6px var(--neon);white-space:nowrap;background:#06141ed1;border-radius:7px;padding:5px 10px;font-size:10px;position:fixed;transform:translate(-50%,-150%)}.tooltip[hidden]{display:none}@media (max-width:1180px){.hud{grid-template-columns:260px 1fr 280px}}@media (max-width:900px){.hud{grid-template:"top""left"1fr"bot"/1fr;gap:10px;padding:10px}.topline{display:none}.topnav .chip{display:inline-block}.panel{opacity:0;grid-area:left;align-self:end;max-height:52vh;transition:transform .34s cubic-bezier(.22,.9,.24,1),opacity .3s;transform:translateY(calc(100% + 20px))}.panel.open{opacity:1;transform:translateY(0)}.hud__right{grid-area:left}.hud__bottom{grid-area:bot}.boot__title{letter-spacing:.3em;font-size:17px}.gauges{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px) and (orientation:landscape){.panel{max-height:68vh}}@media (prefers-reduced-motion:reduce){.hud__top:after,.dot--live,.boot__mark{animation:none}.boot__bar>i{transition:none}}@media (hover:none){.panel__foot{color:#0000}}