*{box-sizing:border-box;-webkit-user-select:none;user-select:none}body{margin:0;background-color:#050510;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;display:flex;justify-content:center;align-items:center;height:100vh}.game-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.cloud-sync-badge{position:absolute;top:-30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;font-size:12px;color:#8af;background:#00143299;padding:4px 12px;border-radius:20px;border:1px solid rgba(136,170,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;z-index:100}.game-viewport{position:relative;background-color:#0a0a1a;border-radius:16px;overflow:hidden;box-shadow:0 0 40px #00ffff1a,inset 0 0 20px #000c;border:2px solid #1a1a3a}.scrolling-bg{position:absolute;top:-100%;left:0;width:100%;height:200%;background:radial-gradient(circle at 50% 50%,#14142800,#0a0a1a),linear-gradient(0deg,transparent 24%,rgba(0,255,255,.1) 25%,rgba(0,255,255,.1) 26%,transparent 27%,transparent 74%,rgba(0,255,255,.1) 75%,rgba(0,255,255,.1) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(0,255,255,.1) 25%,rgba(0,255,255,.1) 26%,transparent 27%,transparent 74%,rgba(0,255,255,.1) 75%,rgba(0,255,255,.1) 76%,transparent 77%,transparent);background-size:100% 100%,50px 50px,50px 50px;z-index:0}.scrolling-bg.active{animation:scrollBg 5s linear infinite}@keyframes scrollBg{0%{transform:translateY(0)}to{transform:translateY(50%)}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;background:#0a0a1acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px}.neon-text{font-size:4rem;font-weight:900;margin:0;text-align:center;color:#fff;text-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 40px #0ff,0 0 80px #00aaff;line-height:1.1;letter-spacing:4px}.title-container{margin-bottom:40px}.hero-image-container{width:120px;height:120px;margin-bottom:30px;display:flex;justify-content:center;align-items:center}.hero-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 15px rgba(0,255,255,.5))}.float-anim{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.highscore-display{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;color:gold;margin-bottom:40px;background:#ffd7001a;padding:10px 20px;border-radius:30px;border:1px solid rgba(255,215,0,.3)}.text-yellow-400{color:gold}.loading-text{color:#0ff;font-size:.9rem;margin-bottom:30px;animation:pulse 1.5s infinite}.btn-primary{display:flex;align-items:center;gap:10px;background:linear-gradient(45deg,#0af,#0fc);color:#000;border:none;padding:15px 40px;font-size:1.2rem;font-weight:700;border-radius:30px;cursor:pointer;box-shadow:0 0 20px #0ff6;transition:all .3s;text-transform:uppercase;letter-spacing:2px}.btn-primary:disabled{filter:grayscale(1);cursor:not-allowed;opacity:.7}.mt-6{margin-top:24px}.hud{position:absolute;top:0;left:0;width:100%;padding:15px 20px;display:flex;justify-content:space-between;align-items:flex-start;z-index:20;pointer-events:none}.score-display{display:flex;flex-direction:column}.score-label{font-size:.7rem;color:#8af;letter-spacing:2px;margin-bottom:2px}.score-value{font-size:1.8rem;font-weight:900;color:#0ff;font-family:monospace;text-shadow:0 0 10px rgba(0,255,255,.5)}.lives-display{display:flex;gap:5px}.heart-icon{transition:all .3s;filter:drop-shadow(0 0 5px rgba(255,0,85,.5))}.heart-icon.lost{opacity:.3;filter:grayscale(1)}.game-world{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden}.entity{position:absolute;top:0;left:0;will-change:transform;display:flex;justify-content:center;align-items:center}.entity img{width:100%;height:100%;object-fit:contain}.fallback-emoji{font-size:2rem;line-height:1;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.player{z-index:10}.engine-flame{position:absolute;bottom:-15px;width:10px;height:20px;background:linear-gradient(to bottom,#0ff,transparent);border-radius:50%;animation:flicker .1s infinite alternate;opacity:.8}@keyframes flicker{0%{height:15px;opacity:.6}to{height:25px;opacity:1}}.bullet{background:linear-gradient(to top,#fff,#0ff);border-radius:4px;box-shadow:0 0 10px #0ff,0 0 20px #0ff;z-index:8}.hp-bar-container{position:absolute;top:-10px;left:0;width:100%;height:4px;background:#ff00004d;border-radius:2px;overflow:hidden}.hp-bar-fill{height:100%;background:#0f0;transition:width .2s}.gameover-screen{background:#0a000ae6}.gameover-title{font-size:3rem;color:#f05;text-shadow:0 0 20px #ff0055;margin-bottom:40px;text-transform:uppercase;letter-spacing:5px}.final-stats{display:flex;gap:30px;margin-bottom:30px}.stat-box{background:#ffffff0d;padding:20px;border-radius:15px;text-align:center;border:1px solid rgba(255,255,255,.1);min-width:120px}.stat-label{display:block;font-size:.9rem;color:#aaa;margin-bottom:10px}.stat-value{display:block;font-size:2rem;font-weight:700;font-family:monospace}.text-cyan{color:#0ff;text-shadow:0 0 10px #0ff}.text-yellow{color:gold;text-shadow:0 0 10px #ffd700}.new-record-badge{background:linear-gradient(90deg,#f05,#fa0);padding:8px 20px;border-radius:20px;font-weight:700;font-size:.9rem;animation:pulse 1s infinite;margin-bottom:20px;box-shadow:0 0 15px #ff005580}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.virtual-controls{display:none;width:100%;max-width:400px;justify-content:space-between;padding:20px;margin-top:10px}.virtual-controls.visible{display:flex}@media (max-width: 768px){.virtual-controls{display:flex}}.d-pad{position:relative;width:120px;height:120px}.d-btn{position:absolute;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(0,255,255,.3);border-radius:50%;color:#0ff;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .1s}.d-btn:active{background:#0ff6}.d-btn.up{top:0;left:40px}.d-btn.down{bottom:0;left:40px}.d-btn.left{top:40px;left:0}.d-btn.right{top:40px;right:0}.action-btn{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,#f05c,#c8003266);border:2px solid #ff0055;color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #ff005580;transition:transform .1s}.action-btn:active{transform:scale(.9);background:#f05}