:root{--bg: #000000;--panel-bg: rgba(12, 12, 16, .78);--grey-text: #a3aab8;--grey-bright: #e2e8f0;--grey-dim: #64748b;--border-grey: rgba(163, 170, 184, .22);--border-glow: rgba(163, 170, 184, .45);--font-display: "Orbitron", system-ui, sans-serif;--font-mono: "IBM Plex Mono", "Share Tech Mono", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg);color:var(--grey-text);font-family:var(--font-mono);user-select:none;-webkit-user-select:none}.scanlines{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;background:linear-gradient(#12101000 50%,#00000059 50%),linear-gradient(90deg,#ffffff05,#00000003,#ffffff05);background-size:100% 3px,6px 100%;opacity:.7;transition:opacity .3s ease}.scanlines.disabled{display:none}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:89;pointer-events:none;background:radial-gradient(circle at center,transparent 50%,rgba(0,0,0,.92) 100%)}#canvas-container{width:100vw;height:100vh;position:absolute;top:0;left:0;display:block}#webgl-canvas{width:100%;height:100%;display:block;outline:none;cursor:grab}#webgl-canvas:active{cursor:grabbing}.hud-header{display:none;position:absolute;top:24px;left:28px;flex-direction:column;gap:6px;pointer-events:none;z-index:100}.hud-indicator{display:flex;align-items:center;gap:10px}.hud-indicator .pulse{width:8px;height:8px;border-radius:50%;background:#a3aab8;box-shadow:0 0 10px #a3aab8cc;animation:pulse-glow 1.8s infinite alternate ease-in-out}@keyframes pulse-glow{0%{opacity:.35;transform:scale(.85)}to{opacity:1;transform:scale(1.15);box-shadow:0 0 16px #e2e8f0e6}}.hud-title{font-family:var(--font-display);font-size:14px;letter-spacing:.16em;font-weight:800;color:var(--grey-bright);text-shadow:0 0 8px rgba(226,232,240,.35)}.hud-subtitle{font-size:10px;letter-spacing:.14em;color:var(--grey-dim)}.controls-panel{display:none!important;position:absolute;top:24px;right:28px;background:var(--panel-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-grey);border-left:3px solid var(--grey-text);border-radius:6px;padding:16px 20px;flex-direction:column;gap:14px;z-index:100;min-width:250px;box-shadow:0 8px 32px #000000d9}.control-group{display:flex;flex-direction:column;gap:6px}.control-group label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--grey-dim)}.control-group select{background:#0a0a0e;border:1px solid #272732;color:var(--grey-bright);font-family:var(--font-mono);font-size:11px;padding:8px 10px;border-radius:4px;outline:none;cursor:pointer;transition:all .2s ease}.control-group select:hover{border-color:var(--grey-text)}.button-row{display:flex;gap:8px}.hud-btn{flex:1;background:#a3aab80f;border:1px solid var(--border-grey);color:var(--grey-text);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.1em;padding:8px 10px;cursor:pointer;transition:all .2s ease;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));text-transform:uppercase}.hud-btn:hover{background:#e2e8f026;border-color:var(--grey-bright);color:#fff;box-shadow:0 0 10px #e2e8f040}.hud-btn.active{background:#a3aab838;border-color:var(--grey-bright);color:#fff}.hud-footer{display:none;position:absolute;bottom:24px;left:50%;transform:translate(-50%);align-items:center;gap:16px;background:#0a0a0eb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-grey);border-radius:9999px;padding:8px 22px;font-size:11px;letter-spacing:.08em;color:var(--grey-dim);pointer-events:none;z-index:100}.hud-footer span.key{color:var(--grey-bright);font-weight:600}.hud-footer .dot{width:4px;height:4px;border-radius:50%;background:var(--grey-dim)}.hud-header,.controls-panel,.hud-footer{display:none!important}