:root{--bg: #0f0f1a;--primary: #00ffff;--danger: #ff4757;--skill: #a200ff}body{margin:0;padding:0;background:#000;color:#fff;font-family:system-ui,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}.app-container{position:relative;width:100vw;max-width:400px;height:100vh;max-height:800px;background:var(--bg);box-shadow:0 0 30px #00ffff1a;display:flex;flex-direction:column}.cloud-badge{position:absolute;top:10px;right:10px;z-index:100;font-size:12px;color:#fffc;background:#0009;padding:4px 10px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.game-board{flex:1;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 100%,#1a1a3a,#050510);touch-action:none;cursor:crosshair}.stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,#eee,#0000),radial-gradient(2px 2px at 40px 70px,#fff,#0000),radial-gradient(2px 2px at 50px 160px,#ddd,#0000),radial-gradient(2px 2px at 90px 40px,#fff,#0000);background-repeat:repeat;background-size:200px 200px;animation:starMove 10s linear infinite;opacity:.4}@keyframes starMove{0%{transform:translateY(0)}to{transform:translateY(200px)}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#050510d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.center-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.neon-text{color:var(--primary);text-shadow:0 0 10px var(--primary),0 0 20px var(--primary);font-weight:900;letter-spacing:2px}.title{font-size:42px;margin-bottom:30px}.high-score-box{display:flex;align-items:center;gap:8px;background:#ffd7001a;border:1px solid rgba(255,215,0,.3);padding:10px 20px;border-radius:20px;color:gold;margin-bottom:30px;font-weight:700}.btn{display:flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:30px;cursor:pointer;font-weight:700;transition:all .2s}.primary-btn{background:var(--primary);color:#000;padding:15px 40px;font-size:18px;box-shadow:0 0 15px #0ff6}.primary-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 25px #0ff9}.primary-btn:disabled{background:#555;color:#888;box-shadow:none;cursor:not-allowed}.controls-hint{margin-top:30px;color:#aaa;font-size:14px;line-height:1.8;background:#ffffff0d;padding:15px;border-radius:12px}.controls-hint p{margin:5px 0}.hud{position:absolute;top:15px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:center;z-index:40;pointer-events:none}.hud-item{background:#0009;padding:6px 12px;border-radius:15px;border:1px solid rgba(255,255,255,.15);font-weight:700;display:flex;align-items:center;gap:5px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.score{color:var(--primary);font-size:16px}.level{color:gold;font-size:14px}.lives{display:flex;gap:4px}.sprite{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;will-change:transform;pointer-events:none}.player{width:50px;height:50px;z-index:30;filter:drop-shadow(0 10px 15px rgba(0,255,255,.3))}.enemy{z-index:20;filter:drop-shadow(0 5px 10px rgba(255,0,0,.2))}.bullet{position:absolute;top:0;left:0;z-index:10;will-change:transform;pointer-events:none}.explosion{width:50px;height:50px;z-index:35;mix-blend-mode:screen}.sprite img{width:100%;height:100%;object-fit:contain}.fallback-emoji{font-size:36px;line-height:1}.gameover-title{font-size:36px;color:var(--danger);margin-bottom:10px;text-shadow:0 0 15px var(--danger);font-weight:900}.final-score{font-size:72px;margin:10px 0}.score-label{color:#aaa;margin-bottom:20px;font-size:18px}.new-record{color:gold;background:#ffd70026;padding:10px 20px;border-radius:25px;margin-bottom:20px;animation:pulse 1s infinite alternate;font-weight:700;border:1px solid rgba(255,215,0,.4)}.mt-4{margin-top:20px}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.skill-btn{position:absolute;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:#141428cc;border:2px solid #444;display:flex;justify-content:center;align-items:center;z-index:60;cursor:pointer;overflow:hidden;box-shadow:0 5px 15px #00000080;pointer-events:auto;transition:transform .1s}.skill-btn:active{transform:scale(.9)}.skill-btn.ready{border-color:var(--skill);box-shadow:0 0 20px var(--skill),inset 0 0 15px var(--skill);animation:skillReady 2s infinite}@keyframes skillReady{0%{box-shadow:0 0 10px var(--skill)}50%{box-shadow:0 0 25px var(--skill),inset 0 0 20px var(--skill)}to{box-shadow:0 0 10px var(--skill)}}.skill-icon{width:70%;height:70%;object-fit:contain;z-index:2}.cooldown-overlay{position:absolute;bottom:0;left:0;width:100%;background:#000000b3;z-index:3;transition:height .1s linear}.skill-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:45;pointer-events:none;animation:flashAnim .3s ease-out forwards;mix-blend-mode:overlay}@keyframes flashAnim{0%{opacity:.8}to{opacity:0}}