*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0a0e27 0,#1a1a2e 50%,#16213e 100%);font-family:Arial,sans-serif;overflow:hidden;margin:0;padding:0;width:100%;height:100vh;position:fixed}#gameContainer{text-align:center;position:relative;width:100%;max-width:800px;padding:10px;box-sizing:border-box}#controlBar{width:100%;max-width:800px;height:80px;background:rgba(176,38,255,.15);border:3px solid #b026ff;border-radius:10px;margin-top:15px;position:relative;cursor:pointer;box-shadow:0 0 30px rgba(176,38,255,.5),inset 0 0 20px rgba(176,38,255,.1)}#controlSlider{position:absolute;width:50px;height:50px;background:linear-gradient(135deg,#00fff9,#b026ff);border-radius:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 25px rgba(0,255,249,.8),0 0 40px rgba(176,38,255,.6);transition:left 50ms;pointer-events:none}#controlSlider::after{content:'';position:absolute;width:30px;height:30px;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}#controlIndicator{position:absolute;width:6px;background:linear-gradient(to bottom,rgba(0,255,249,.8),rgba(176,38,255,.8));height:100%;top:0;transition:left 50ms;pointer-events:none;box-shadow:0 0 10px rgba(0,255,249,.6)}#controlText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,.5);font-size:16px;pointer-events:none}canvas{border:3px solid #00fff9;border-radius:10px;box-shadow:0 0 40px rgba(0,255,249,.6),0 0 60px rgba(176,38,255,.3);background:#000;display:block;width:100%;height:auto;max-width:800px}#gameInfo{color:#00fff9;margin-bottom:8px;font-size:16px;text-shadow:0 0 15px rgba(0,255,249,.8),0 0 25px rgba(0,255,249,.4);font-weight:500;background:rgba(0,0,0,.85);padding:10px 15px;border-radius:8px;border:1px solid rgba(0,255,249,.3);box-shadow:0 0 20px rgba(0,0,0,.5)}#highScore,#level,#lives,#score{display:inline-block;margin:0 12px;font-weight:700;letter-spacing:.5px}#score{color:#00fff9}#lives{color:#ff006e;text-shadow:0 0 10px rgba(255,0,110,.8)}#level{color:#39ff14;text-shadow:0 0 10px rgba(57,255,20,.8)}#highScore{color:gold;text-shadow:0 0 15px rgba(255,215,0,.9),0 0 25px rgba(255,0,110,.5)}@keyframes levelUp{0%,100%{transform:scale(1)}25%{transform:scale(1.8)}50%{transform:scale(1.5)}75%{transform:scale(1.7)}}.level-jump{animation:.6s ease-out levelUp;display:inline-block;color:#39ff14!important;text-shadow:0 0 25px #39ff14,0 0 40px rgba(57,255,20,.6)!important}#gameOver,#startScreen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(10,14,39,.95);padding:30px;border-radius:15px;color:#fff;text-align:center;border:2px solid #00fff9;box-shadow:0 0 40px rgba(0,255,249,.4),inset 0 0 30px rgba(176,38,255,.1);display:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#gameOver h2,#startScreen h2{font-size:32px;margin-bottom:15px;color:#ff006e;text-shadow:0 0 25px rgba(255,0,110,.9),0 0 40px rgba(255,0,110,.5)}@media (min-width:600px){#gameOver h2,#startScreen h2{font-size:36px}}#startScreen h2{color:#00fff9;text-shadow:0 0 30px #00fff9,0 0 50px rgba(176,38,255,.6)}button{background:linear-gradient(135deg,#b026ff,#00fff9);color:#fff;border:1px solid rgba(0,255,249,.3);padding:12px 35px;font-size:18px;border-radius:8px;cursor:pointer;margin-top:15px;font-weight:700;transition:.3s;box-shadow:0 0 25px rgba(176,38,255,.6),0 0 40px rgba(0,255,249,.3)}button:hover{transform:translateY(-2px);box-shadow:0 0 35px rgba(176,38,255,.8),0 0 50px rgba(0,255,249,.5);background:linear-gradient(135deg,#d040ff,#00fff9)}button:active{transform:translateY(0)}.instructions{margin-top:15px;font-size:14px;line-height:1.6;color:#b8b8d4}.controls{margin-top:12px;padding:12px;background:rgba(176,38,255,.15);border-radius:8px;border:1px solid rgba(0,255,249,.2)}.auto-fire-text{color:#39ff14}#finalScore{font-size:28px;margin:20px 0}#pauseBtn{display:none;float:right;padding:6px 12px;font-size:14px;background:linear-gradient(135deg,#ff6b35,#f7931e);border:1px solid rgba(255,107,53,.5);box-shadow:0 0 15px rgba(255,107,53,.4);margin:0;cursor:pointer;transition:.3s}#pauseBtn:hover{background:linear-gradient(135deg,#ff8555,#ffa03e);box-shadow:0 0 25px rgba(255,107,53,.6);transform:translateY(-1px)}