:root{--color-bg: #000000;--color-surface: #0d0d0d;--color-border: #222;--color-text: #cccccc;--color-text-dim: #666;--color-accent: #8b0000;--color-accent-light: #cc2200;--color-safe: #44cc44;--color-danger: #ff4444;--color-item: #ffd700;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:var(--color-bg);font-family:Courier New,Courier,monospace;color:var(--color-text)}#app{position:relative;width:100%;height:100%;overflow:hidden}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}#hud{position:absolute;top:calc(var(--safe-area-top) + 8px);left:12px;right:12px;display:flex;align-items:center;gap:10px;z-index:10;pointer-events:none}#hud-stage{font-size:13px;color:var(--color-text-dim);letter-spacing:1px;text-transform:uppercase;min-width:70px}#noise-bar-wrap{flex:1;height:6px;background:#1a1a1a;border-radius:3px;overflow:hidden;border:1px solid #333}.noise-bar-fill{height:100%;width:0%;border-radius:3px;background:var(--color-safe);transition:width .1s linear,background .15s}#hud-best{position:absolute;top:calc(var(--safe-area-top) + 34px);left:12px;font-size:11px;color:#444;z-index:10}.hud-btn{pointer-events:all;background:#0009;border:1px solid #333;color:#888;padding:6px 10px;font-family:inherit;font-size:12px;cursor:pointer;border-radius:4px}.screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:50}.title-text{font-size:36px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#c20;text-shadow:0 0 20px rgba(200,0,0,.6)}.subtitle-text{font-size:16px;letter-spacing:6px;text-transform:uppercase;color:#666}.title-best{font-size:13px;color:#444;letter-spacing:2px}.tap-to-start{font-size:14px;letter-spacing:3px;text-transform:uppercase;color:#888;margin-top:32px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.pulse{animation:pulse 1.8s ease-in-out infinite}#controls{position:absolute;bottom:calc(var(--safe-area-bottom) + 16px);left:0;right:0;display:flex;justify-content:space-between;padding:0 20px;z-index:20;pointer-events:none}#controls-left,#controls-right{display:flex;gap:10px;pointer-events:all}.ctrl-btn{min-width:60px;height:60px;border-radius:50%;background:#141414d9;border:2px solid #333;color:#888;font-size:20px;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.ctrl-btn:active{background:#3c0000e6;border-color:var(--color-accent-light);color:#ccc}.run-btn{font-size:12px;letter-spacing:2px;border-radius:8px}.jump-btn{width:70px;height:70px;font-size:11px;letter-spacing:1px;background:#280000d9;border-color:#400}#popup-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}.popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;pointer-events:all}.popup-box{background:#0d0d0d;border:1px solid #2a0000;border-radius:4px;padding:28px 24px;max-width:300px;width:90%;box-shadow:0 0 40px #8b00004d}.popup-title{font-size:22px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#c20;margin-bottom:12px;text-align:center}.popup-message{font-size:14px;color:#888;text-align:center;margin-bottom:20px;line-height:1.5}.popup-buttons{display:flex;flex-direction:column;gap:10px}.popup-btn{padding:14px 20px;border:none;border-radius:4px;font-family:inherit;font-size:14px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;width:100%}.popup-btn.primary{background:#8b0000;color:#eee}.popup-btn.primary:active{background:#a00}.popup-btn.secondary{background:#1a1a1a;color:#666;border:1px solid #333}.popup-btn.secondary:active{background:#222}.popup-btn.danger{background:#c20;color:#fff}#demo-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#c80000b3;color:#fff;padding:8px 20px;font-size:14px;letter-spacing:4px;pointer-events:none;z-index:200}#ota-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999}@keyframes spin{to{transform:rotate(360deg)}}.ota-spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#8b0000;border-radius:50%;animation:spin .8s linear infinite}