@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&display=swap";:root{--bg: #050505;--surface: rgba(20, 20, 30, .85);--primary: #00F5FF;--accent: #FF006E;--text: #FFFFFF}body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Orbitron,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}.app-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:999;display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:var(--primary)}.toast{position:absolute;top:20px;left:50%;transform:translate(-50%);background:var(--primary);color:#000;padding:10px 20px;border-radius:8px;font-weight:700;z-index:1000;box-shadow:0 0 20px var(--primary)}.cloud-badge{position:absolute;top:15px;right:15px;font-size:.8rem;color:var(--primary);border:1px solid var(--primary);padding:4px 8px;border-radius:12px}.screen{position:absolute;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center}.panel{background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:16px;border:1px solid rgba(0,245,255,.3);box-shadow:0 0 40px #00f5ff1a;min-width:400px;text-align:center}.shop-panel{min-width:600px;max-height:80vh;overflow-y:auto}.title{font-size:3rem;color:var(--primary);text-shadow:0 0 15px var(--primary);margin-bottom:20px}.stats-row{display:flex;gap:20px;margin-bottom:30px;font-size:1.2rem}.btn-group{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.btn{background:#ffffff1a;color:var(--text);border:1px solid rgba(255,255,255,.2);padding:12px 24px;border-radius:8px;font-family:inherit;font-size:1.1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.btn:hover{background:#fff3;transform:translateY(-2px)}.btn.primary{background:var(--primary);color:#000;border:none;box-shadow:0 0 15px var(--primary);font-weight:700}.btn.primary:hover{box-shadow:0 0 25px var(--primary)}.btn.small{padding:8px 16px;font-size:.9rem}.btn.buy{background:var(--accent);color:#fff;border:none}.grid-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px;width:100%}.card{background:#00000080;border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:.2s}.card:hover{border-color:var(--primary);transform:translateY(-5px)}.card.active{border-color:var(--primary);box-shadow:0 0 20px #00f5ff4d}.card-icon{width:60px;height:60px;color:var(--primary)}.game-container{position:relative;width:100vw;height:100vh;background:#000;display:flex;justify-content:center;align-items:center}.hud{position:absolute;top:20px;left:20px;z-index:50;display:flex;flex-direction:column;gap:10px;background:#0009;padding:15px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.hud-item{display:flex;align-items:center;gap:10px;font-size:1.2rem}.viewport{border:2px solid var(--primary);border-radius:12px;overflow:hidden;position:relative;box-shadow:0 0 30px #00f5ff33}.world{position:absolute;transition:transform .1s linear}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:100px 100px}.entity{position:absolute;display:flex;justify-content:center;align-items:center}.entity img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.entity svg{width:100%;height:100%}.player{width:48px;height:48px;color:var(--primary);filter:drop-shadow(0 0 10px var(--primary));z-index:40}.target{width:48px;height:48px;color:var(--accent);filter:drop-shadow(0 0 10px var(--accent));z-index:30}.coin{width:24px;height:24px;transform:translate(-50%,-50%);z-index:20}.missile{width:4px;height:16px;z-index:35}.missile-body{width:100%;height:100%;background:#fff;box-shadow:0 0 10px #fff,0 0 20px var(--primary);border-radius:2px}.explosion{width:80px;height:80px;transform:translate(-50%,-50%);z-index:50;animation:pop .8s ease-out forwards}.hp-bar{position:absolute;bottom:-10px;width:100%;height:4px;background:#fff3;border-radius:2px}.hp-bar div{height:100%;background:var(--accent);border-radius:2px}.touch-controls{position:absolute;bottom:30px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:flex-end;z-index:50}.dpad{display:flex;flex-direction:column;align-items:center;gap:5px}.dpad-row{display:flex;gap:5px}.dpad button,.fire-btn{background:#00f5ff33;border:1px solid var(--primary);color:var(--primary);width:60px;height:60px;border-radius:12px;font-size:1.5rem;font-family:inherit;font-weight:700;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dpad button:active,.fire-btn:active{background:var(--primary);color:#000}.fire-btn{width:auto;padding:0 30px;height:60px;background:#ff006e33;border-color:var(--accent);color:var(--accent)}.fire-btn:active{background:var(--accent);color:#fff}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}