:root{--neon-blue: #00d2ff;--neon-pink: #ff007f;--space-bg: #050510}.game-container{width:100%;height:100vh;background:#000;display:flex;justify-content:center;align-items:center;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden;touch-action:none}.game-canvas{width:400px;height:600px;background:var(--space-bg);position:relative;overflow:hidden;border:2px solid rgba(0,210,255,.3);box-shadow:0 0 30px #00000080;cursor:crosshair}.starfield{position:absolute;width:100%;height:200%;background-image:radial-gradient(1px 1px at 20px 30px,#fff,#0000),radial-gradient(1px 1px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 100px 150px,#00d2ff80,#0000),radial-gradient(1px 1px at 200px 250px,#fff,#0000);background-size:200px 200px;animation:scrollBackground 10s linear infinite}@keyframes scrollBackground{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.hud{position:absolute;top:0;left:0;right:0;padding:15px;display:flex;justify-content:space-between;align-items:center;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.hud-item{color:#fff;font-weight:700;font-size:1.2rem;display:flex;align-items:center;gap:8px;text-shadow:0 0 10px var(--neon-blue)}.hearts{gap:4px}.cloud-badge{position:absolute;top:45px;right:15px;font-size:10px;color:#ffffff80;display:flex;align-items:center;gap:4px}.player{position:absolute;width:50px;height:50px;transition:transform .1s ease-out;filter:drop-shadow(0 0 8px var(--neon-blue))}.player img{width:100%;height:100%;object-fit:contain}.bullet{position:absolute;width:4px;height:15px;background:var(--neon-blue);border-radius:2px;box-shadow:0 0 10px var(--neon-blue)}.enemy{position:absolute;filter:drop-shadow(0 0 5px rgba(255,71,87,.5))}.enemy img{width:100%;height:100%;object-fit:contain}.explosion{position:absolute;width:60px;height:60px;transform:translate(-10px,-10px)}.explosion img{width:100%;height:100%;animation:explode .5s forwards}@keyframes explode{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#050510e6;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}h1{font-size:2.5rem;color:#fff;margin-bottom:10px;letter-spacing:4px;background:linear-gradient(to bottom,#fff,var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px var(--neon-blue))}.high-score{color:#aaa;margin-bottom:30px;display:flex;align-items:center;gap:8px}.btn-primary{padding:12px 30px;font-size:1.1rem;background:transparent;color:#fff;border:2px solid var(--neon-blue);border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s;box-shadow:0 0 15px #00d2ff33}.btn-primary:hover{background:var(--neon-blue);box-shadow:0 0 30px var(--neon-blue);transform:scale(1.05)}.game-over-text{font-size:2rem;color:var(--neon-pink);margin-bottom:20px}.final-score{margin-bottom:30px}.final-score span{display:block;color:#888;font-size:.9rem}.final-score strong{font-size:3rem;color:#fff}.loading-screen{width:100%;height:100vh;background:#000;color:var(--neon-blue);display:flex;justify-content:center;align-items:center;font-size:1.2rem}