:root{--bg-deep: #060810;--bg-surface: #0a0e18;--bg-elevated: #0f1525;--border-dim: #1a2540;--border-glow: #1e3a5a;--text-primary: #8899bb;--text-bright: #aabbdd;--text-dim: #445577;--accent-cyan: #2288aa;--accent-amber: #aa7733;--accent-highlight: #33aacc;--font-display: "Orbitron", sans-serif;--font-mono: "Share Tech Mono", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-mono)}#app{width:100%;height:100vh}#game-area{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#game-canvas{display:block}#vr-bar{position:fixed;top:8px;right:12px;z-index:100;display:flex;align-items:center;gap:10px}#vr-button{font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.05em;color:var(--text-bright);background:#1e3a5a66;border:1px solid var(--border-glow);border-radius:6px;padding:6px 16px;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s}#vr-button:hover{background:#1e3a5ab3;border-color:var(--accent-highlight);box-shadow:0 0 12px #2288aa4d}#vr-button.hidden{display:none}#vr-status{font-family:var(--font-mono);font-size:.7rem;color:var(--accent-cyan);letter-spacing:.04em}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060810e0;display:flex;align-items:center;justify-content:center;z-index:100}.overlay.hidden{display:none}.overlay-content{text-align:center;padding:32px 48px;border:1px solid var(--border-glow);background:var(--bg-surface);border-radius:4px;min-width:380px;max-width:480px}.overlay-content h2{font-family:var(--font-display);font-size:24px;letter-spacing:6px;color:var(--text-bright);margin-bottom:20px;text-shadow:0 0 20px rgba(34,136,170,.3)}.settings-section{margin:16px 0;padding:12px 0;border-top:1px solid var(--border-dim)}.settings-section:first-of-type{border-top:none;margin-top:8px}.eye-slider{display:flex;flex-direction:column;gap:3px;margin-bottom:12px;text-align:left}.eye-slider label{font-size:12px;letter-spacing:1px;color:var(--text-primary)}.channel-tag{color:var(--text-dim);font-size:11px}.slider-row{display:flex;align-items:center;gap:10px}.slider-val{font-size:14px;font-variant-numeric:tabular-nums;color:var(--text-bright);min-width:40px;text-align:right}input[type=range]{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--bg-elevated);border:1px solid var(--border-dim);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent-cyan);border:none;border-radius:2px;cursor:pointer;box-shadow:0 0 8px #28a6}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--accent-cyan);border:none;border-radius:2px;cursor:pointer}.preset-buttons{display:flex;gap:8px;justify-content:center}.preset-btn{font-family:var(--font-mono);font-size:11px;padding:5px 14px;background:var(--bg-elevated);color:var(--text-dim);border:1px solid var(--border-dim);border-radius:2px;cursor:pointer;transition:all .15s}.preset-btn:hover{color:var(--text-primary);border-color:var(--border-glow)}.preset-btn.active{color:var(--accent-highlight);border-color:var(--accent-cyan);box-shadow:0 0 6px #28a3}.toggle-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.setting-btn{font-family:var(--font-mono);font-size:12px;padding:6px 16px;background:var(--bg-elevated);color:var(--text-dim);border:1px solid var(--border-dim);border-radius:2px;cursor:pointer;transition:all .15s}.setting-btn:hover{color:var(--text-primary);border-color:var(--border-glow)}.setting-btn.active{color:var(--accent-highlight);border-color:var(--accent-cyan);box-shadow:0 0 6px #28a3}.setting-btn.restart{color:var(--text-primary);border-color:var(--border-glow)}.setting-btn.restart:hover{color:#c54;border-color:#c54}.pause-hint{font-size:12px;color:var(--text-dim);margin:14px 0 4px;letter-spacing:2px}#final-stats{margin:16px 0;font-size:14px;line-height:1.8;color:var(--text-primary)}.action-btn{font-family:var(--font-mono);font-size:14px;padding:10px 30px;background:transparent;color:var(--accent-highlight);border:1px solid var(--accent-cyan);border-radius:2px;cursor:pointer;margin-top:8px;transition:all .15s}.action-btn:hover{background:#2288aa1a;box-shadow:0 0 12px #2288aa4d}.keyboard-ref{font-size:11px;color:var(--text-dim);line-height:1.8;margin:8px 0 0}.preview-blocks{display:flex;gap:2px;flex-shrink:0}.pblock{display:block;width:14px;height:14px;border:1.5px solid;border-radius:1px;transition:opacity .1s}