:root{--neon-blue: #00f3ff;--neon-purple: #bc13fe;--neon-red: #ff4757;--bg-dark: #050510;--glass: rgba(20, 20, 40, .6)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{margin:0;padding:0;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-dark);color:#fff}.app-container{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column}.loading-screen{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-dark)}.animate-bounce{animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.starfield-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:100;pointer-events:none}.hud-left,.hud-right{display:flex;gap:12px;align-items:flex-start}.stat-badge{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;font-weight:700;display:flex;align-items:center;gap:8px;border:1px solid rgba(0,243,255,.3);box-shadow:0 0 10px #00f3ff1a}.score{color:var(--neon-blue);font-size:20px;text-shadow:0 0 5px var(--neon-blue)}.diff{color:var(--neon-purple)}.cloud-badge{background:var(--glass);padding:6px 12px;border-radius:20px;font-size:12px;color:#aaa;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.1)}.toast{position:absolute;top:80px;left:50%;transform:translate(-50%);background:#00f3ff33;border:1px solid var(--neon-blue);color:#fff;padding:10px 20px;border-radius:20px;z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 15px var(--neon-blue)}.viewport-3d{flex:1;position:relative;z-index:10;perspective:800px;transform-style:preserve-3d;display:flex;justify-content:center;align-items:center}.player-wrapper,.enemy-wrapper,.bullet,.explosion-wrapper{position:absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px;width:80px;height:80px;display:flex;justify-content:center;align-items:center;transition:transform .1s linear;transform-style:preserve-3d}.player-wrapper img,.enemy-wrapper img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 15px rgba(0,0,0,.8))}.fallback-emoji{font-size:60px}.player-wrapper{width:100px;height:100px;margin-left:-50px;margin-top:-50px}.engine-glow{position:absolute;bottom:-10px;width:20px;height:40px;background:radial-gradient(ellipse at top,var(--neon-blue),transparent);border-radius:50%;filter:blur(5px);animation:pulse .5s infinite}.hp-bar{position:absolute;top:-10px;width:60%;height:4px;background:#ff00004d;border-radius:2px;overflow:hidden}.hp-fill{height:100%;background:var(--neon-red);transition:width .2s}.bullet{width:10px;height:30px;margin-left:-5px;margin-top:-15px}.bullet-glow{width:100%;height:100%;background:var(--neon-blue);border-radius:5px;box-shadow:0 0 15px var(--neon-blue),0 0 30px var(--neon-blue)}.explosion-svg{width:150%;height:150%;overflow:visible}.particle{transform-origin:center;animation:explode-p .6s ease-out forwards}.ring{transform-origin:center;animation:explode-r .6s ease-out forwards}@keyframes explode-p{0%{transform:scale(1) translate(0);opacity:1}to{transform:scale(0) translate(var(--dx, 20px),var(--dy, 20px));opacity:0}}.p0{--dx: 30px;--dy: 0}.p1{--dx: 20px;--dy: 20px}.p2{--dx: 0;--dy: 30px}.p3{--dx: -20px;--dy: 20px}.p4{--dx: -30px;--dy: 0}.p5{--dx: -20px;--dy: -20px}.p6{--dx: 0;--dy: -30px}.p7{--dx: 20px;--dy: -20px}@keyframes explode-r{0%{transform:scale(.5);opacity:1;stroke-width:10}to{transform:scale(2);opacity:0;stroke-width:0}}@keyframes pulse{0%{opacity:.6;transform:scaleY(1)}to{opacity:1;transform:scaleY(1.5)}}.crosshair-hint{position:absolute;bottom:15%;display:flex;flex-direction:column;align-items:center;color:#ffffff4d;pointer-events:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center}.glass{background:#141428cc;border:1px solid rgba(0,243,255,.3);padding:40px 60px;border-radius:24px;text-align:center;box-shadow:0 0 40px #00f3ff1a,inset 0 0 20px #00f3ff0d;display:flex;flex-direction:column;align-items:center;gap:20px}.neon-text{font-size:48px;margin:0;color:#fff;text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue),0 0 40px var(--neon-blue)}.neon-text.red{text-shadow:0 0 10px var(--neon-red),0 0 20px var(--neon-red),0 0 40px var(--neon-red)}.high-score{font-size:24px;color:var(--neon-purple);font-weight:700}.score-board{font-size:20px;line-height:1.8}.highlight{font-size:32px;color:var(--neon-blue);font-weight:700}.controls-hint{display:flex;flex-direction:column;gap:8px;color:#aaa;background:#00000080;padding:16px;border-radius:12px}.neon-btn{background:transparent;color:var(--neon-blue);border:2px solid var(--neon-blue);padding:16px 32px;border-radius:12px;font-size:20px;font-weight:700;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s;box-shadow:0 0 15px #00f3ff33}.neon-btn:hover{background:var(--neon-blue);color:var(--bg-dark);box-shadow:0 0 30px var(--neon-blue);transform:scale(1.05)}