@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@500;700&display=swap";:root{--neon-pink: #ff007f;--neon-cyan: #00f0ff;--neon-purple: #9d4edd;--neon-yellow: #ffea00;--bg-dark: #0a0a12}body{margin:0;background-color:#030308;color:#fff;font-family:Rajdhani,sans-serif;-webkit-user-select:none;user-select:none;overflow:hidden}.game-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;background:radial-gradient(circle at center,#141226,#05050a);padding:10px;box-sizing:border-box}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px;margin-bottom:10px;padding:0 10px}.brand{display:flex;align-items:center;gap:8px;font-family:Orbitron,sans-serif;font-weight:900;font-size:1.1rem;letter-spacing:2px;color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,240,255,.6)}.brand-icon{color:var(--neon-pink);animation:pulse 1.5s infinite alternate}.header-controls{display:flex;align-items:center;gap:12px}.icon-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px;border-radius:6px;cursor:pointer;transition:all .2s}.icon-btn:hover{background:#00f0ff33;border-color:var(--neon-cyan)}.high-score-badge{display:flex;align-items:center;gap:6px;background:#ffea001a;border:1px solid var(--neon-yellow);padding:4px 10px;border-radius:20px;font-family:Orbitron,sans-serif;font-size:.85rem;color:var(--neon-yellow)}.game-viewport{position:relative;width:100%;max-width:800px;height:300px;background-color:#070714;border:3px solid var(--neon-purple);box-shadow:0 0 20px #9d4edd66;border-radius:12px;overflow:hidden;cursor:pointer}.neon-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(157,78,221,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(157,78,221,.07) 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(20deg);transform-origin:top;animation:gridScroll 4s linear infinite}@keyframes gridScroll{0%{background-position-y:0px}to{background-position-y:40px}}.overlay-screen{position:absolute;top:0;right:0;bottom:0;left:0;background:#05050ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;text-align:center}.game-title{font-family:Orbitron,sans-serif;font-size:3rem;font-weight:900;margin:0;background:linear-gradient(135deg,var(--neon-cyan),var(--neon-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:6px;filter:drop-shadow(0 0 10px rgba(0,240,255,.5));animation:titleGlow 2s infinite alternate}.game-subtitle{font-size:1.1rem;color:#8a8ab0;margin-top:5px;margin-bottom:25px;letter-spacing:2px}.menu-buttons{display:flex;gap:15px;margin-bottom:20px}.menu-btn{display:flex;align-items:center;gap:8px;font-family:Orbitron,sans-serif;font-weight:700;font-size:.95rem;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all .25s}.menu-btn.primary{background:var(--neon-pink);color:#fff;border:none;box-shadow:0 0 15px #ff007f80}.menu-btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #ff007fcc}.menu-btn.secondary{background:transparent;color:var(--neon-cyan);border:2px solid var(--neon-cyan);box-shadow:0 0 10px #00f0ff33}.menu-btn.secondary:hover{background:#00f0ff1a;transform:translateY(-2px);box-shadow:0 0 20px #00f0ff80}.controls-guide{display:flex;gap:20px;font-size:.85rem;color:#6c6c8c}.guide-item{display:flex;align-items:center;gap:6px}kbd{background:#1e1e2f;border:1px solid #3d3d5c;border-radius:4px;padding:2px 6px;color:#fff;font-family:monospace}.tutorial-banner{position:absolute;top:10px;left:50%;transform:translate(-50%);width:90%;background:#0d0d21e6;border:1px solid var(--neon-cyan);box-shadow:0 0 15px #00f0ff4d;border-radius:8px;padding:10px;z-index:5;text-align:center}.tutorial-progress{display:flex;justify-content:center;gap:15px;margin-bottom:6px}.step-dot{font-size:.8rem;color:#557;padding:2px 8px;border-radius:12px;background:#ffffff08;transition:all .3s}.step-dot.active{color:var(--neon-cyan);background:#00f0ff26;font-weight:700}.tutorial-tip-text{margin:0;font-size:.95rem;color:#fff;font-weight:700;letter-spacing:1px}.hud-overlay{position:absolute;top:15px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:center;z-index:4}.lives-container{display:flex;gap:6px;align-items:center}.heart-icon{width:22px;height:22px;filter:drop-shadow(0 0 5px rgba(255,0,127,.5));transition:transform .2s}.heart-icon.filled{color:var(--neon-pink);transform:scale(1)}.heart-icon.empty{color:#334;transform:scale(.8)}.tutorial-mode-badge{background:#9d4edd33;border:1px solid var(--neon-purple);color:#e0aaff;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:700}.score-board{display:flex;flex-direction:column;align-items:flex-end;font-family:Orbitron,sans-serif;transition:transform .1s}.score-board.bump{transform:scale(1.2)}.score-label{font-size:.7rem;color:#8a8ab0;letter-spacing:1px}.score-val{font-size:1.6rem;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 8px rgba(0,240,255,.6)}.gameover-title{font-family:Orbitron,sans-serif;font-size:3.5rem;font-weight:900;color:var(--neon-pink);text-shadow:0 0 15px rgba(255,0,127,.7);margin:0 0 15px;letter-spacing:4px}.results-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:15px 30px;margin-bottom:25px;min-width:250px}.result-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0;font-size:1.1rem}.result-val{font-family:Orbitron,sans-serif;font-weight:900;font-size:1.4rem}.text-neon-cyan{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}.text-neon-pink{color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink)}.new-record-badge{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;color:var(--neon-yellow);font-weight:700;animation:bounce .6s infinite alternate}.game-play-area{position:absolute;top:0;right:0;bottom:0;left:0}.cyber-ground{position:absolute;left:0;width:100%;height:60px;background:linear-gradient(to bottom,#111125,#05050e);border-top:2px solid var(--neon-cyan);box-shadow:0 -4px 15px #00f0ff4d}.ground-line{width:100%;height:4px;background:repeating-linear-gradient(90deg,transparent,transparent 20px,var(--neon-pink) 20px,var(--neon-pink) 40px);opacity:.6}.player-character{position:absolute;transition:bottom .05s;z-index:3}.player-svg{width:100%;height:100%}.neon-glow-cyan{filter:drop-shadow(0 0 4px var(--neon-cyan))}.neon-glow-pink{filter:drop-shadow(0 0 4px var(--neon-pink))}.player-character.invulnerable{animation:blink .15s infinite alternate}@keyframes blink{0%{opacity:.3}to{opacity:.9}}.obstacle-entity{position:absolute;z-index:2}.laser-beam{width:100%;height:100%;background:#00f0ff33;border-top:2px solid var(--neon-cyan);border-bottom:2px solid var(--neon-cyan);box-shadow:0 0 12px #00f0ffcc;position:relative}.laser-core{position:absolute;top:50%;left:0;width:100%;height:3px;background:#fff;transform:translateY(-50%);box-shadow:0 0 8px #fff}.drone-entity{width:100%;height:100%;filter:drop-shadow(0 0 6px var(--neon-cyan));animation:droneHover .8s ease-in-out infinite alternate}@keyframes droneHover{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}.meteor-entity{width:100%;height:100%;background:radial-gradient(circle,#fff 20%,var(--neon-yellow) 50%,transparent 100%);border-radius:50%;position:relative;box-shadow:0 0 15px var(--neon-yellow)}.meteor-fire{position:absolute;top:10%;left:80%;width:40px;height:80%;background:linear-gradient(90deg,var(--neon-yellow),transparent);transform:skew(-30deg)}.mobile-controls{display:flex;gap:20px;width:100%;max-width:800px;margin-top:15px;padding:0 10px}.control-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#ffffff0a;border:2px solid rgba(255,255,255,.1);color:#fff;padding:16px;border-radius:12px;cursor:pointer;touch-action:manipulation;transition:all .15s}.control-btn:active{transform:scale(.97)}.jump-btn{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f0ff1a}.jump-btn:active{background:#00f0ff33;box-shadow:0 0 20px #00f0ff66}@keyframes titleGlow{0%{filter:drop-shadow(0 0 8px rgba(0,240,255,.4))}to{filter:drop-shadow(0 0 18px rgba(255,0,127,.7))}}@keyframes pulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.1);opacity:1}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}