:root{--color-void:oklch(12% .025 238);--color-panel:oklch(16% .028 235/.86);--color-line:oklch(70% .13 212/.44);--color-cyan:oklch(82% .15 204);--color-muted:oklch(72% .035 225);--color-amber:oklch(82% .15 78);--font-body:"Segoe UI", system-ui, sans-serif;--font-mono:Consolas, monospace;--space-2:8px;--space-3:12px;--space-4:16px;--ease-out:cubic-bezier(.2,.8,.2,1);--dur-fast:.15s}*{box-sizing:border-box}html,body,#root{background:var(--color-void);min-height:100%;font-family:var(--font-body);margin:0;overflow-x:clip}button{font:inherit}.hud{min-height:100svh;color:var(--color-cyan);isolation:isolate;background:var(--color-void);position:relative;overflow:clip}video,canvas,.grid,.scanline{object-fit:cover;width:100%;height:100%;position:fixed;inset:0}canvas{z-index:2;pointer-events:none}.grid{z-index:1;background-image:linear-gradient(var(--color-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-line) 1px, transparent 1px);opacity:.18;background-size:48px 48px}.scanline{z-index:2;pointer-events:none;background:linear-gradient(transparent, color-mix(in oklab, var(--color-cyan) 10%, transparent), transparent);height:18%;animation:9s linear infinite scan;inset:-15% 0 auto}@keyframes scan{to{transform:translateY(720%)}}header,.telemetry,.control{z-index:3;margin:var(--space-4);padding:var(--space-3);border:1px solid var(--color-line);background:var(--color-panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed}header{font-family:var(--font-mono);letter-spacing:.12em;justify-content:space-between;display:flex;inset:0 0 auto}header b{color:var(--color-amber)}.telemetry{font-family:var(--font-mono);justify-content:space-between;display:flex;inset:auto 0 0}.control{inset:auto var(--space-4) 88px;gap:var(--space-2);text-align:center;display:grid}.control p{margin:0 0 var(--space-1);color:var(--color-muted)}.profiles{gap:var(--space-2);display:flex}button{border:1px solid var(--color-line);min-height:44px;color:var(--color-cyan);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;flex:1}button:hover,button.selected{background:color-mix(in oklab, var(--color-cyan) 20%, transparent)}button:focus-visible{outline:3px solid var(--color-amber);outline-offset:2px}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--color-cyan);width:100%;color:var(--color-void);font-weight:700}.secondary{width:100%}.orientation{display:none}.desktop-block{place-content:center;justify-items:center;gap:var(--space-3);min-height:100svh;padding:var(--space-6);text-align:center;color:var(--color-cyan);background:var(--color-void);display:grid}.desktop-block img{padding:var(--space-3);background:#fff}.desktop-block h1,.desktop-block p{margin:0}@media (orientation:landscape){.orientation{z-index:9;background:var(--color-void);place-items:center;font-size:1.5rem;display:grid;position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation:none!important}}