:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-width:320px;min-height:100vh;margin:0}:root{--cyan:#38e1ff;--cyan-dim:#1a8fb3;--holo-bg:#060a12;--holo-panel:#08101cd1}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.app{height:100%;transition:background .4s;display:flex}.viewport{flex:1;position:relative;overflow:hidden}.viewport canvas{display:block}.panel{color:#e8e6e1;background:#1c1f24;flex-shrink:0;width:300px;padding:20px;transition:background .4s,color .4s;overflow-y:auto}.app.holo .panel{background:var(--holo-panel);color:#cfeeff;border-left:1px solid #38e1ff40}.panel h2{margin:0 0 4px;font-size:18px}.hint{color:#8a8f98;margin:0 0 16px;font-size:12px}.app.holo .hint{color:#5f8ba3}.section{border-top:1px solid #2c3037;margin-bottom:20px;padding-top:14px}.app.holo .section{border-top-color:#38e1ff24}.section.dimmed{opacity:.35;pointer-events:none}.section h3{text-transform:uppercase;letter-spacing:.08em;color:#8a8f98;margin:0 0 12px;font-size:11px}.app.holo .section h3{color:var(--cyan-dim)}.mode-toggle{background:#00000059;border-radius:10px;gap:4px;padding:4px;display:flex}.mode-btn{color:#8a8f98;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:9px 0;font-size:13px;font-weight:600;transition:all .2s}.app.holo .mode-btn{color:#4d7f96}.mode-btn.active{color:#fff;background:#d97b4f}.app.holo .mode-btn.active{color:var(--cyan);background:#38e1ff29;box-shadow:0 0 14px #38e1ff40,inset 0 0 0 1px #38e1ff66}.ctrl{margin-bottom:12px;display:block}.ctrl-label{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.ctrl-label b{color:#fff;font-weight:600}input[type=range]{accent-color:#d97b4f;width:100%}.swatches{gap:10px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:8px;width:36px;height:36px;transition:transform .15s,border-color .15s}.swatch:hover{transform:scale(1.08)}.swatch.active{border-color:#fff}.check{cursor:pointer;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.check input{accent-color:#d97b4f}.reset{color:#e8e6e1;cursor:pointer;background:#2c3037;border:1px solid #3a3f47;border-radius:8px;width:100%;padding:10px;font-size:13px}.reset:hover{background:#3a3f47}@media (width<=720px){.app{flex-direction:column}.viewport{height:55%}.panel{flex:1;width:100%}}.app.holo input[type=range],.app.holo .check input{accent-color:var(--cyan)}.app.holo .swatch.active{border-color:var(--cyan);box-shadow:0 0 10px #38e1ff80}.app.holo .reset{color:#9fdcf0;background:#38e1ff0f;border-color:#38e1ff4d}.app.holo .reset:hover{background:#38e1ff24}.preset-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.preset-btn{color:#e8e6e1;cursor:pointer;background:#2c3037;border:1px solid #3a3f47;border-radius:8px;padding:9px 4px;font-size:12.5px;transition:all .15s}.preset-btn:hover{background:#3a3f47}.preset-btn.active{color:#ffb38a;background:#d97b4f40;border-color:#d97b4f}.app.holo .preset-btn{color:#9fdcf0;background:#38e1ff0d;border-color:#38e1ff38}.app.holo .preset-btn:hover{background:#38e1ff1f}.app.holo .preset-btn.active{border-color:var(--cyan);color:var(--cyan);background:#38e1ff24;box-shadow:0 0 10px #38e1ff40}.hud-corner{pointer-events:none;filter:drop-shadow(0 0 6px #38e1ff99);border:2px solid #38e1ff8c;width:42px;height:42px;animation:.6s ease-out hudIn;position:absolute}.hud-corner.tl{border-bottom:none;border-right:none;top:18px;left:18px}.hud-corner.tr{border-bottom:none;border-left:none;top:18px;right:18px}.hud-corner.bl{border-top:none;border-right:none;bottom:18px;left:18px}.hud-corner.br{border-top:none;border-left:none;bottom:18px;right:18px}@keyframes hudIn{0%{opacity:0;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.hud-status{letter-spacing:.14em;color:#38e1ffd9;pointer-events:none;white-space:nowrap;background:#060e18c7;border:1px solid #38e1ff40;border-radius:4px;align-items:center;gap:8px;padding:6px 16px;font-size:11px;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.hud-dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 8px var(--cyan);border-radius:50%;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.hud-stats{pointer-events:none;background:#060e18c7;border:1px solid #38e1ff40;border-radius:6px;min-width:210px;padding:14px 16px;animation:.6s ease-out .15s backwards hudIn;position:absolute;top:78px;right:20px}.hud-row{color:#7fb6cc;justify-content:space-between;gap:18px;padding:3.5px 0;font-size:12px;display:flex}.hud-row b{color:var(--cyan);font-variant-numeric:tabular-nums;text-shadow:0 0 6px #38e1ff80}.hud-scanline{pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#38e1ff05 3px 4px);position:absolute;inset:0}