:root{--bg-color: #111;--game-bg: #0a0a10;--border-color: #00ffff;--text-color: #00ffff;--glow-shadow: 0 0 20px rgba(0, 255, 255, .5)}body.light-mode{--bg-color: #f0f0f0;--game-bg: #ffffff;--border-color: #333;--text-color: #111;--glow-shadow: none}html,body{width:100%;height:100vh;height:100dvh;overflow:hidden}body{margin:0;padding:0;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);font-family:Orbitron,Inter,sans-serif;color:var(--text-color)}#app{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;height:100vh;height:100dvh;overflow:hidden;padding:10px;padding-top:max(10px,env(safe-area-inset-top));box-sizing:border-box}#game-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:95vw}h1{margin:0;font-size:2rem;text-shadow:0 0 10px var(--text-color)}.header-controls{display:flex;gap:20px;align-items:center}#high-score-display{font-family:Orbitron,sans-serif;font-size:1.2rem;color:#f0f;text-shadow:0 0 5px #ff00ff;margin-right:20px}.theme-switch-wrapper{display:flex;align-items:center;gap:10px;font-size:.8rem}.theme-switch{display:inline-block;height:24px;position:relative;width:50px}.theme-switch input{display:none}.slider{background-color:#ccc;cursor:pointer;inset:0;position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:16px;left:4px;position:absolute;transition:.4s;width:16px}input:checked+.slider{background-color:#66bb6a}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}#game-footer{width:100%;text-align:center;margin-top:10px}.controls span{margin:0 15px;font-size:1.2rem;opacity:.8}#game-container{position:relative;box-shadow:var(--glow-shadow);border:2px solid var(--border-color);border-radius:12px;background-color:var(--game-bg);flex:1;min-height:0;display:flex;justify-content:center;align-items:center;width:100%;max-width:100%}canvas{display:block;width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain}#scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 2px,3px 100%;pointer-events:none;z-index:10;border-radius:12px}#touch-controls{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;pointer-events:none}.touch-btn{pointer-events:auto;background:#00000080;border:2px solid var(--border-color);color:var(--text-color);border-radius:50%;width:80px;height:80px;font-size:30px;display:flex;justify-content:center;align-items:center;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);outline:none;padding:0;margin:0;-webkit-tap-highlight-color:transparent;box-shadow:0 0 10px var(--border-color)}.touch-btn:active{background:#00ffff4d;transform:scale(.95);box-shadow:0 0 5px var(--border-color)}#touch-dpad{position:absolute;bottom:20px;left:20px;display:flex;gap:20px}#touch-actions{position:absolute;bottom:20px;right:20px}@media(pointer:coarse){#touch-controls{display:block}}@media(max-width:768px){#game-footer .controls{display:none}h1{font-size:1.2rem}.header-controls{gap:10px}#high-score-display{font-size:.9rem;margin-right:10px}#online-counter{font-size:.8rem!important;margin-right:10px!important}#app{padding:5px;gap:5px}#game-header{margin-bottom:0}#game-footer{padding-bottom:5px;margin-top:5px}#game-footer span{font-size:.7rem}}