:root{--neon-blue: #00f2fe;--neon-purple: #7000ff;--neon-red: #ff4b2b;--bg-dark: #05060f}.app-container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:#000;font-family:Inter,system-ui,sans-serif;color:#fff;overflow:hidden}.game-viewport{width:400px;height:600px;background:var(--bg-dark);position:relative;border:1px solid rgba(255,255,255,.15);border-radius:16px;box-shadow:0 0 50px #00f2fe1a;overflow:hidden;cursor:crosshair}.stars-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 150px 250px,#fff,#0000),radial-gradient(2px 2px at 300px 450px,#4facfe,#0000);background-size:300px 300px;animation:starMove 15s linear infinite}@keyframes starMove{0%{background-position:0 0}to{background-position:0 600px}}.hud-top{position:absolute;top:0;left:0;right:0;padding:20px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.stat-group{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:6px 12px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.score-text{font-weight:800;font-size:1.1rem;color:var(--neon-blue)}.lives-text{font-weight:800;font-size:1.1rem;color:var(--neon-red)}.cloud-sync{display:flex;flex-direction:column;align-items:center;font-size:9px;opacity:.6;text-transform:uppercase;letter-spacing:1px}.player{position:absolute;z-index:5;transition:transform .05s linear}.invincible{animation:blink .2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.shield-effect{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:2px solid var(--neon-blue);border-radius:50%;box-shadow:0 0 15px var(--neon-blue);animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.5}to{transform:scale(1.1);opacity:0}}.engine-flame{animation:flicker .1s infinite alternate}@keyframes flicker{0%{height:12px;opacity:.7}to{height:20px;opacity:1}}.bullet{position:absolute;width:4px;height:18px;background:#fff;border-radius:2px;box-shadow:0 0 12px var(--neon-blue),0 0 4px #fff}.enemy{position:absolute;display:flex;justify-content:center;align-items:center}.enemy img{width:100%;height:100%;object-fit:contain}.fallback-basic{width:80%;height:80%;background:var(--neon-red);clip-path:polygon(50% 0%,100% 100%,0% 100%)}.fallback-fast{width:60%;height:90%;background:gold;border-radius:50% 50% 0 0}.fallback-tank{width:100%;height:80%;background:var(--neon-purple);border-radius:8px}.hp-bar{position:absolute;top:-10px;left:0;width:100%;height:4px;background:#0009;border-radius:2px}.hp-fill{height:100%;background:#0f8;border-radius:2px;transition:width .3s ease}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#05060ff2;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.title-icon{color:var(--neon-blue);margin-bottom:20px;filter:drop-shadow(0 0 15px var(--neon-blue))}.title{font-size:3.5rem;font-weight:900;letter-spacing:-2px;margin-bottom:10px}.record-badge{background:#ffd7001a;color:gold;padding:4px 16px;border-radius:12px;margin-bottom:30px;font-size:.9rem;border:1px solid rgba(255,215,0,.3)}.btn-main{background:#fff;color:#000;border:none;padding:16px 40px;border-radius:40px;font-size:1.2rem;font-weight:800;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.btn-main:hover{transform:translateY(-3px);box-shadow:0 10px 25px #fff3}.tutorial{margin-top:40px;text-align:center;opacity:.5;font-size:.85rem;line-height:1.6}.final-stats{margin:30px 0;text-align:center}.stat-item span{display:block;font-size:.9rem;opacity:.6}.stat-item strong{font-size:4.5rem;color:var(--neon-blue);text-shadow:0 0 30px rgba(0,242,254,.5)}.icon-gold{color:gold}.icon-red{color:var(--neon-red)}.syncing{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}