.app-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100vw;height:100vh;background-color:#050510;color:#fff;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px;padding:15px 20px;box-sizing:border-box}.logo-text{font-size:1.5rem;font-weight:900;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,255,.5)}.neon-text-cyan{color:#0ff;text-shadow:0 0 12px #00ffff}.sound-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px;border-radius:50%;cursor:pointer;transition:all .2s}.sound-toggle:hover{background:#0ff3;border-color:#0ff}.game-stage{position:relative;width:800px;height:500px;background:#000;border:4px solid #1a1a3a;border-radius:12px;box-shadow:0 0 30px #00ffff26;overflow:hidden}.game-canvas{display:block;width:100%;height:100%;transition:filter .1s ease-out}.hit-flash{filter:brightness(1.5) sepia(1) hue-rotate(-50deg) saturate(3)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#05050fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding:30px;box-sizing:border-box}.title-container{text-align:center;margin-bottom:20px}.game-title{font-size:3.5rem;font-weight:900;letter-spacing:6px;background:linear-gradient(135deg,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;filter:drop-shadow(0 0 15px rgba(0,255,255,.5))}.subtitle{font-size:.9rem;letter-spacing:4px;color:#88a;margin-top:5px}.high-score-badge{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid rgba(255,215,0,.3);padding:10px 20px;border-radius:30px;font-size:1.1rem;margin-bottom:25px}.instructions{background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:15px 25px;margin-bottom:30px;max-width:500px;font-size:.9rem;color:#ccc;line-height:1.6}.instructions h3{color:#0ff;margin-top:0;margin-bottom:10px}.key{background:#22223b;border:1px solid #4a4e69;border-radius:4px;padding:2px 6px;margin:0 4px;font-family:monospace;font-weight:700;color:#0ff}.btn-start{display:flex;align-items:center;background:linear-gradient(135deg,#0ff,#08c);color:#000;font-size:1.2rem;font-weight:700;padding:12px 35px;border:none;border-radius:30px;cursor:pointer;box-shadow:0 0 20px #0ff6;transition:transform .1s,box-shadow .2s}.btn-start:hover{transform:scale(1.05);box-shadow:0 0 30px #0ff9}.hud-layer{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;padding:15px 25px;box-sizing:border-box;pointer-events:none;z-index:5}.hud-card{background:#05050fb3;border:1px solid rgba(0,255,255,.2);border-radius:8px;padding:10px 15px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.health-bar-container{width:120px;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.health-bar-fill{height:100%;transition:width .2s ease-out}.health-text{font-size:.8rem;font-family:monospace;color:#0fc;display:block;margin-top:4px}.score-display{font-size:1.8rem;font-weight:700;font-family:monospace;color:#ff0;text-shadow:0 0 10px rgba(255,255,0,.5);transition:transform .1s ease}.bounce-active{transform:scale(1.3)}.gameover-overlay{background:#140005e6}.gameover-title{font-size:3.5rem;font-weight:900;color:#f05;letter-spacing:4px;margin:0;text-shadow:0 0 20px rgba(255,0,85,.6);animation:shake .5s infinite}.gameover-subtitle{font-size:1.2rem;color:#888;margin-top:10px;margin-bottom:30px}.results-panel{background:#00000080;border:1px solid rgba(255,0,85,.3);padding:20px 40px;border-radius:12px;margin-bottom:30px;min-width:300px}.result-row{display:flex;justify-content:space-between;align-items:center;margin:10px 0;font-size:1.1rem}.new-record-tag{color:#ff0;font-weight:700;text-align:center;margin-top:15px;animation:pulse 1s infinite}.btn-restart{display:flex;align-items:center;background:linear-gradient(135deg,#f05,#903);color:#fff;font-size:1.1rem;font-weight:700;padding:12px 30px;border:none;border-radius:30px;cursor:pointer;box-shadow:0 0 20px #f056;transition:transform .1s}.btn-restart:hover{transform:scale(1.05)}.touch-controls{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px;padding:15px 20px;box-sizing:border-box}.dpad{position:relative;width:140px;height:140px}.dpad-btn{position:absolute;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;width:45px;height:45px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.dpad-btn:active{background:#0ff;color:#000;box-shadow:0 0 15px #0ff}.dpad-btn.up{top:0;left:47px}.dpad-btn.left{top:47px;left:0}.dpad-btn.right{top:47px;right:0}.dpad-btn.down{bottom:0;left:47px}.action-pad{display:flex;align-items:center}.fire-btn{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f05,#f50);border:3px solid rgba(255,255,255,.3);color:#fff;font-weight:900;font-size:1.2rem;letter-spacing:1px;box-shadow:0 0 15px #f056;cursor:pointer}.fire-btn:active{transform:scale(.92);background:#fa0;box-shadow:0 0 25px #fa0}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translateY(2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}72%{transform:translate(2px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(2px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}