body{margin:0;overflow:hidden;background-color:#000;font-family:Courier New,Courier,monospace;-webkit-user-select:none;user-select:none}input,button,select,textarea{-webkit-user-select:auto;user-select:auto}canvas{display:block}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;text-shadow:0 0 10px #00ffff}.hud{position:absolute;top:20px;width:100%;display:flex;justify-content:space-between;padding:0 40px;box-sizing:border-box;font-size:24px;font-weight:700;text-transform:uppercase}.hud-left{color:#0ff;text-align:left}.hud-center{color:#ff0;position:absolute;left:50%;transform:translate(-50%)}.hud-right{color:#f0f;text-align:right}#boost-display{display:flex;align-items:center;gap:8px;font-size:20px}.boost-bar{width:100px;height:12px;background:#fff3;border:2px solid #ff00ff;border-radius:6px;overflow:hidden;display:inline-block}.boost-fill{height:100%;background:linear-gradient(90deg,#f0f,#f8f);transition:width .2s ease-out;box-shadow:0 0 10px #f0f}#barrel-roll-display{font-size:20px}#barrel-roll-status{color:#0f8;text-shadow:0 0 10px #00ff88;font-weight:700}#barrel-roll-status.cooldown{color:#f80;text-shadow:0 0 10px #ff8800}.combo-indicator{position:absolute;top:100px;left:50%;transform:translate(-50%);font-size:32px;font-weight:700;color:#ff0;text-shadow:0 0 20px #ffff00;animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.1)}}.powerup-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:15px;font-size:18px;font-weight:700}.powerup-item{padding:10px 20px;background:#0ff3;border:2px solid #00ffff;border-radius:5px;text-shadow:0 0 10px #00ffff}.powerup-item.active{background:#0ff6;box-shadow:0 0 20px #0ff9}#main-menu-screen,#pve-selection-screen,#title-screen,#game-over-screen,#high-scores-screen,#level-transition,#pause-screen,#settings-screen{background:#000000d9;padding:40px;border:2px solid #00ffff;border-radius:10px;box-shadow:0 0 20px #00ffff4d;pointer-events:auto!important;transition:opacity .5s;max-width:800px;max-height:80vh;overflow-y:auto}#high-scores-screen{width:600px}#level-transition{border-color:#ff0;box-shadow:0 0 30px #ffff0080}h1{font-size:64px;margin:0 0 20px;color:#fff;text-shadow:0 0 20px #00ffff,0 0 40px #0000ff;letter-spacing:4px}h2{font-size:48px;margin:20px 0;color:#ff0;text-shadow:0 0 20px #ffff00}h3{font-size:28px;margin:15px 0;color:#0ff;text-shadow:0 0 15px #00ffff}p{font-size:20px;line-height:1.5;margin-bottom:20px}button{background:linear-gradient(135deg,#0ff,#08f);border:2px solid #00ffff;color:#000;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:700;padding:15px 40px;margin:10px;cursor:pointer;border-radius:5px;text-transform:uppercase;transition:all .3s;box-shadow:0 0 15px #00ffff4d;pointer-events:auto}button:hover{background:linear-gradient(135deg,#0ff,#0cf);box-shadow:0 0 25px #0ff9;transform:scale(1.05)}button:active{transform:scale(.98)}.button-row{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;pointer-events:auto}.blink{animation:blinker 1.5s linear infinite}@keyframes blinker{50%{opacity:0}}.hidden{display:none!important}#high-scores-list{text-align:left;margin:20px 0}.score-entry{display:flex;justify-content:space-between;padding:10px;margin:5px 0;background:#00ffff1a;border-left:3px solid #00ffff;font-size:18px}.score-entry.current{background:#ff03;border-left-color:#ff0;font-weight:700}.score-rank{color:#ff0;min-width:40px}.score-name{flex:1;color:#0ff}.score-value{color:#fff;min-width:100px;text-align:right}.score-level{color:#f0f;min-width:80px;text-align:right}input[type=text]{background:#00000080;border:2px solid #00ffff;color:#fff;font-family:Courier New,Courier,monospace;font-size:20px;padding:10px 15px;margin:10px 0;border-radius:5px;text-align:center;max-width:300px}input[type=text]:focus{outline:none;box-shadow:0 0 20px #00ffff80}.level-info{margin:20px 0;padding:20px;background:#ffff001a;border:2px solid #ffff00;border-radius:5px}.level-info p{margin:10px 0;font-size:18px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:20px 0}.stat-box{background:#00ffff1a;border:2px solid #00ffff;border-radius:5px;padding:15px}.stat-label{color:#0ff;font-size:14px;text-transform:uppercase;margin-bottom:5px}.stat-value{color:#fff;font-size:32px;font-weight:700;text-shadow:0 0 10px #fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#00000080}::-webkit-scrollbar-thumb{background:#0ff;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#08f}#touch-controls{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:0;transition:opacity .3s}#touch-controls.visible{opacity:1;pointer-events:auto}.joystick-area{position:absolute;left:0;top:0;width:50%;height:100%;pointer-events:auto}.joystick-base{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#00ffff26,#00ffff0d);border:3px solid rgba(0,255,255,.4);transform:translate(-50%,-50%);opacity:0;transition:opacity .2s;pointer-events:none;box-shadow:0 0 20px #00ffff4d}.joystick-stick{position:absolute;top:50%;left:50%;width:50px;height:50px;border-radius:50%;background:radial-gradient(circle,#0ffc,#0ff6);border:2px solid rgba(0,255,255,1);transform:translate(-50%,-50%);box-shadow:0 0 15px #0ff9,inset 0 0 10px #ffffff4d;transition:all .1s ease-out}.fire-buttons{position:absolute;right:30px;bottom:100px;display:flex;flex-direction:column;gap:20px;pointer-events:auto}.fire-button{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#ff640080,#ff640033);border:3px solid rgba(255,100,0,.8);display:flex;align-items:center;justify-content:center;font-family:Courier New,Courier,monospace;font-size:14px;font-weight:700;color:#fff;text-shadow:0 0 10px #ff6600;box-shadow:0 0 20px #ff640066;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .1s}.fire-button:active,.fire-button.active{background:radial-gradient(circle,#ff6400cc,#ff640066);box-shadow:0 0 30px #ff6400cc,inset 0 0 20px #ffffff4d;transform:scale(.95)}.rocket-button{width:90px;height:90px;border-radius:50%;background:radial-gradient(circle,#ff00ff80,#f0f3);border:3px solid rgba(255,0,255,.8);display:flex;align-items:center;justify-content:center;font-family:Courier New,Courier,monospace;font-size:12px;font-weight:700;color:#fff;text-shadow:0 0 10px #ff00ff;box-shadow:0 0 20px #f0f6;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .1s}.rocket-button:active,.rocket-button.active{background:radial-gradient(circle,#f0fc,#f0f6);box-shadow:0 0 30px #f0fc,inset 0 0 20px #ffffff4d;transform:scale(.95)}.barrel-left-button,.barrel-right-button{width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#00ff8880,#0f83);border:3px solid rgba(0,255,136,.8);display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff;text-shadow:0 0 10px #00ff88;box-shadow:0 0 20px #0f86;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .1s}.barrel-left-button:active,.barrel-left-button.active,.barrel-right-button:active,.barrel-right-button.active{background:radial-gradient(circle,#0f8c,#0f86);box-shadow:0 0 30px #0f8c,inset 0 0 20px #ffffff4d;transform:scale(.95)}@media (max-width: 768px){.fire-buttons{right:20px;bottom:80px}.fire-button,.rocket-button{width:75px;height:75px;font-size:12px}.barrel-left-button,.barrel-right-button{width:60px;height:60px;font-size:24px}.joystick-base{width:100px;height:100px}.joystick-stick{width:40px;height:40px}.hud{padding:0 20px;font-size:18px;top:10px}.powerup-indicator{bottom:20px;font-size:14px;gap:10px}.powerup-item{padding:8px 15px}}@media (max-width: 480px){.fire-buttons{right:15px;bottom:60px;gap:15px}.fire-button,.rocket-button{width:65px;height:65px;font-size:10px}.barrel-left-button,.barrel-right-button{width:55px;height:55px;font-size:20px}.joystick-base{width:90px;height:90px}.joystick-stick{width:35px;height:35px}.hud{font-size:16px}h1{font-size:48px}h2{font-size:36px}button{font-size:16px;padding:12px 30px}}@media (max-height: 500px) and (orientation: landscape){.fire-buttons{bottom:40px;gap:15px}.fire-button,.rocket-button{width:60px;height:60px;font-size:10px}.barrel-left-button,.barrel-right-button{width:50px;height:50px;font-size:18px}.joystick-base{width:80px;height:80px}.joystick-stick{width:30px;height:30px}}.settings-container{margin:30px 0;pointer-events:auto!important}.setting-row{margin:25px 0;display:flex;flex-direction:column;align-items:center;gap:15px}.setting-row label{font-size:22px;font-weight:700;color:#0ff;text-transform:uppercase}.volume-control{display:flex;align-items:center;gap:20px;width:100%;max-width:400px;pointer-events:auto!important}.volume-slider{flex:1;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#0ff3;border-radius:5px;outline:none;cursor:pointer;pointer-events:auto!important;user-select:auto;-webkit-user-select:auto;-moz-user-select:auto;touch-action:pan-x}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:#0ff;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #0ffc;transition:all .2s;user-select:auto;-webkit-user-select:auto}.volume-slider::-webkit-slider-thumb:hover{background:#0ff;box-shadow:0 0 20px #0ff;transform:scale(1.1)}.volume-slider::-moz-range-thumb{width:24px;height:24px;background:#0ff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 0 10px #0ffc;transition:all .2s;-webkit-user-select:auto;user-select:auto;-moz-user-select:auto}.volume-slider::-moz-range-thumb:hover{background:#0ff;box-shadow:0 0 20px #0ff;transform:scale(1.1)}.volume-control span{font-size:20px;color:#ff0;min-width:60px;text-align:right;font-weight:700}.subtitle{font-size:24px;color:#0ff;margin-bottom:40px;text-transform:uppercase;letter-spacing:2px}.menu-button{background:linear-gradient(135deg,#0ff,#08f);border:2px solid #00ffff;color:#000;font-family:Courier New,Courier,monospace;font-size:24px;font-weight:700;padding:20px 50px;margin:10px;cursor:pointer;border-radius:5px;text-transform:uppercase;transition:all .3s;box-shadow:0 0 15px #00ffff4d;min-width:300px}.menu-button:hover{background:linear-gradient(135deg,#0ff,#0cf);box-shadow:0 0 25px #0ff9;transform:scale(1.05)}.menu-button:active{transform:scale(.98)}.menu-button.menu-selected{background:linear-gradient(135deg,#ff0,#fa0)!important;box-shadow:0 0 40px #ff0,0 0 20px #fa0c!important;transform:scale(1.1)!important;border:3px solid #ffff00!important;border-color:#ff0!important}.menu-button:disabled{background:linear-gradient(135deg,#444,#333);border-color:#555;color:#666;cursor:not-allowed;opacity:.5;box-shadow:none}.menu-button:disabled:hover{background:linear-gradient(135deg,#444,#333);transform:none;box-shadow:none}.secondary-button{background:linear-gradient(135deg,#666,#444);border:2px solid #888;color:#fff;font-size:18px;padding:12px 40px;box-shadow:0 0 10px #8888884d}.secondary-button:hover{background:linear-gradient(135deg,#888,#666);box-shadow:0 0 20px #88888880}.secondary-button.menu-selected{background:linear-gradient(135deg,#ff0,#fa0)!important;box-shadow:0 0 40px #ff0,0 0 20px #fa0c!important;transform:scale(1.1)!important;border:3px solid #ffff00!important;border-color:#ff0!important}.placeholder-content{margin:40px 0}.coming-soon{font-size:48px;color:#ff0;text-shadow:0 0 20px #ffff00;font-weight:700;margin:20px 0;animation:pulse-slow 2s ease-in-out infinite}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.placeholder-content ul{font-size:20px;color:#0ff;line-height:2}.placeholder-content li{margin:10px 0}