:root{--bg: #0c0f14;--panel: #161b24;--panel-2: #1d2430;--line: #2a3342;--text: #e8edf4;--muted: #8a94a6;--accent: #0098ec;--accent-2: #ffb020;--danger: #ff5252;--ok: #4cd07d}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#root{height:100dvh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;-webkit-tap-highlight-color:transparent}.app{position:relative;width:100%;max-width:480px;height:100%;margin:0 auto;display:flex;flex-direction:column;background:var(--bg)}.garage{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px;padding:calc(14px + var(--tg-inset-top, env(safe-area-inset-top, 0px))) 16px calc(16px + var(--tg-inset-bottom, env(safe-area-inset-bottom, 0px)));overflow-y:auto}.topbar{display:flex;align-items:center;justify-content:space-between}.logo{font-size:20px;font-weight:900;letter-spacing:.5px;white-space:nowrap}.logo span{color:var(--accent)}.player-name{color:var(--muted);font-size:12px;margin-top:2px}.splash{flex:1;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(0,152,236,.12) 0%,transparent 70%),var(--bg)}.splash-inner{display:flex;flex-direction:column;align-items:center;gap:18px;animation:splash-fade .5s ease both}.splash-logo-text{font-size:34px;letter-spacing:1px;white-space:nowrap;animation:splash-pop .6s cubic-bezier(.2,1.4,.4,1) .1s both}.splash-car{position:relative;width:min(70%,300px);animation:splash-drive .9s cubic-bezier(.15,.9,.3,1) .2s both}.splash-car svg{position:relative;z-index:1;width:100%;filter:drop-shadow(0 22px 36px rgba(0,152,236,.35))}.splash-glow{position:absolute;top:50%;left:50%;width:360px;height:360px;max-width:90vw;max-height:90vw;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle closest-side,rgba(0,152,236,.3) 0%,rgba(0,152,236,.14) 40%,rgba(0,152,236,.03) 75%,transparent 100%);animation:splash-pulse 2.2s ease-in-out infinite}.splash-tagline{color:var(--muted);font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;animation:splash-fade .6s ease .5s both}.splash-dots{display:flex;gap:8px;animation:splash-fade .4s ease .7s both}.splash-dots i{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:splash-bounce 1s ease-in-out infinite}.splash-dots i:nth-child(2){animation-delay:.15s}.splash-dots i:nth-child(3){animation-delay:.3s}@keyframes splash-fade{0%{opacity:0}to{opacity:1}}@keyframes splash-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes splash-drive{0%{opacity:0;transform:translate(-70px)}to{opacity:1;transform:translate(0)}}@keyframes splash-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes splash-bounce{0%,to{transform:translateY(0);opacity:.4}50%{transform:translateY(-6px);opacity:1}}.lobby{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#080a0e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lobby-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 36px;text-align:center}.lobby-title{font-size:18px;font-weight:800}.lobby-count{font-size:48px;font-weight:900;color:var(--accent);line-height:1}.lobby-sub{color:var(--muted);font-size:13px}.lobby-sub b{color:var(--text)}.section-label{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:1.2px;margin-top:2px}.preview-section{display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:2px}.car-selector{display:flex;flex-direction:column;gap:8px;background:#121822b3;border:1px solid var(--line);border-radius:16px;padding:10px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.car-selector-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.car-nav-btn{width:36px;height:36px;border-radius:11px;background:var(--panel-2);border:1px solid var(--line);color:var(--text);display:grid;place-items:center;flex-shrink:0;transition:all .15s ease;-webkit-user-select:none;user-select:none}.car-nav-btn:active{transform:scale(.92);background:var(--panel);border-color:var(--accent)}.car-selector-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;min-width:0;flex:1}.car-selector-title-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.car-name{font-size:15px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#fff;line-height:1.2}.car-role-badge{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:1.5px 7.5px;border-radius:999px;background:#0098ec26;color:var(--accent);border:1px solid rgba(0,152,236,.35);line-height:1.3}.car-role-badge.speed{background:#38bdf826;color:#38bdf8;border-color:#38bdf859}.car-role-badge.tank{background:#eab30826;color:#eab308;border-color:#eab30859}.car-role-badge.striker{background:#ef444426;color:#f87171;border-color:#ef444459}.car-desc{font-size:11px;color:var(--muted);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.car-selector-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.05)}.car-dots{display:flex;align-items:center;gap:6px}.car-dot{width:7px;height:7px;border-radius:999px;background:var(--line);padding:0;border:none;transition:all .2s ease;cursor:pointer}.car-dot.active{width:20px;background:var(--accent)}.car-dot.locked:not(.active){opacity:.45}.car-action-wrap{display:flex;align-items:center;gap:8px}.car-status-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.5px;padding:4px 10px;border-radius:999px}.car-status-pill.active{background:#4cd07d26;color:var(--ok);border:1px solid rgba(76,208,125,.35)}.car-select-btn{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.5px;padding:5px 12px;border-radius:999px;background:var(--panel-2);color:#fff;border:1px solid var(--accent);transition:all .12s ease}.car-select-btn:active{transform:scale(.95);background:var(--accent)}.car-unlock-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;letter-spacing:.5px;padding:5px 12px;border-radius:999px;background:linear-gradient(135deg,#eab308,#ca8a04);color:#0c0f14;box-shadow:0 4px 14px #eab3084d;transition:all .12s ease;border:none}.car-unlock-btn:active{transform:scale(.95);box-shadow:0 2px 6px #eab30833}.car-unlock-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.car-locked-banner{display:flex;align-items:center;justify-content:center;gap:8px;background:#eab3081a;border:1px solid rgba(234,179,8,.25);color:#fef08a;font-size:12px;font-weight:700;border-radius:12px;padding:8px 12px;margin-bottom:10px}.preview-section{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:2px;touch-action:pan-y;-webkit-user-select:none;user-select:none}.preview-stage{position:relative;width:100%;display:flex;align-items:center;justify-content:center;min-height:100px;cursor:grab}.preview-stage:active{cursor:grabbing}.preview-chevron{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#121822d9;border:1px solid var(--line);color:var(--text);display:grid;place-items:center;z-index:5;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 14px #00000073;transition:transform .15s ease,background .15s ease,border-color .15s ease}.preview-chevron.prev{left:4px}.preview-chevron.next{right:4px}.preview-chevron:active{transform:translateY(-50%) scale(.9);background:var(--panel-2);border-color:var(--accent);color:#fff}.preview{flex:0 0 auto;min-height:90px;max-height:clamp(90px,18vh,180px);width:100%;display:grid;place-items:center}.preview svg{width:min(65%,260px);max-height:100%;filter:drop-shadow(0 16px 28px rgba(0,152,236,.28));transition:transform .2s cubic-bezier(.16,1,.3,1)}.preview.slide-left svg{animation:car-slide-left .22s cubic-bezier(.16,1,.3,1) both}.preview.slide-right svg{animation:car-slide-right .22s cubic-bezier(.16,1,.3,1) both}@keyframes car-slide-left{0%{opacity:.35;transform:translate(40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes car-slide-right{0%{opacity:.35;transform:translate(-40px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.car-specs-card{width:100%;background:#121822a6;border:1px solid var(--line);border-radius:14px;padding:10px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:8px}.car-specs-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05)}.car-specs-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}.specs-header-icon{color:var(--accent)}.car-specs-subtitle{font-size:11px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.5px}.specs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.spec-item{display:flex;flex-direction:column;gap:4px}.spec-meta{display:flex;align-items:center;justify-content:space-between;gap:6px}.spec-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:var(--muted);letter-spacing:.4px;text-transform:uppercase}.spec-icon.speed{color:#38bdf8}.spec-icon.accel{color:#c084fc}.spec-icon.handling{color:#60a5fa}.spec-icon.hp{color:#f87171}.spec-icon.ram{color:#fb923c}.spec-icon.armor{color:#4ade80}.spec-value{font-size:11px;font-weight:900;color:#fff;letter-spacing:.3px}.spec-bar-track{width:100%;height:5px;border-radius:999px;background:#ffffff14;overflow:hidden;position:relative}.spec-bar-fill{height:100%;border-radius:999px;transition:width .35s cubic-bezier(.16,1,.3,1)}.spec-bar-fill.speed{background:linear-gradient(90deg,#0284c7,#38bdf8)}.spec-bar-fill.accel{background:linear-gradient(90deg,#7c3aed,#c084fc)}.spec-bar-fill.handling{background:linear-gradient(90deg,#2563eb,#60a5fa)}.spec-bar-fill.hp{background:linear-gradient(90deg,#dc2626,#f87171)}.spec-bar-fill.ram{background:linear-gradient(90deg,#ea580c,#fb923c)}.spec-bar-fill.armor{background:linear-gradient(90deg,#16a34a,#4ade80)}.color-tab-header{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#12182280;border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin-bottom:10px}.color-tab-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.color-tab-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:#fff;letter-spacing:.2px}.color-header-icon{color:var(--accent)}.color-tab-subtitle{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color-tab-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.color-tab-count{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--accent-2);background:#ffbe3b1a;border:1px solid rgba(255,190,59,.2);padding:4px 8px;border-radius:999px;white-space:nowrap}.color-tab-count .sparkle-icon{color:var(--accent-2)}.color-reset-preview-btn{display:flex;align-items:center;gap:4px;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;transition:all .12s ease;white-space:nowrap;outline:none}.color-reset-preview-btn:active{transform:scale(.95);color:#fff;border-color:var(--accent)}.color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.color-card{display:flex;flex-direction:column;justify-content:space-between;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;position:relative;overflow:hidden}.color-card:active{transform:scale(.97)}.color-card.equipped{background:linear-gradient(135deg,#0098ec1f,#121822cc);border-color:var(--accent);box-shadow:0 4px 14px #0098ec33,inset 0 0 16px #0098ec14}.color-card.previewing:not(.equipped){background:linear-gradient(135deg,#ffbe3b1f,#121822cc);border-color:var(--accent-2);box-shadow:0 4px 14px #ffbe3b33}.color-card-top{display:flex;align-items:center;gap:9px;min-width:0}.color-swatch-circle{width:36px;height:36px;border-radius:50%;flex-shrink:0;position:relative;box-shadow:inset 0 1px 2px #ffffff73,0 3px 8px #00000059;border:2px solid rgba(255,255,255,.15);display:grid;place-items:center}.color-card.equipped .color-swatch-circle{border-color:#fff;box-shadow:0 0 0 2px var(--accent),0 3px 10px #0098ec80}.color-equipped-check{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--ok);color:#05230f;display:grid;place-items:center;box-shadow:0 2px 4px #0006}.color-preview-badge{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--accent-2);color:#2b1803;display:grid;place-items:center;box-shadow:0 2px 4px #0006}.color-lock-badge{position:absolute;bottom:-3px;right:-3px;width:15px;height:15px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line);color:var(--muted);display:grid;place-items:center}.color-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.color-card-name{font-size:12.5px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.1px}.color-card-sub{font-size:11px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:3px}.status-equipped{color:var(--accent);font-weight:700}.status-preview{color:var(--accent-2);font-weight:700}.status-owned{color:var(--muted)}.status-cost{color:var(--accent-2);display:inline-flex;align-items:center;gap:3px;font-weight:700}.color-card-action{width:100%}.color-btn{width:100%;height:30px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:9px;font-size:11.5px;font-weight:800;letter-spacing:.3px;transition:all .1s ease;-webkit-user-select:none;user-select:none;outline:none;border:1px solid transparent}.color-btn.active{background:#0098ec33;border-color:var(--accent);color:var(--accent)}.color-btn.select{background:var(--panel-2);border-color:var(--line);color:var(--text)}.color-btn.select:active{transform:scale(.96);background:#ffffff1f}.color-btn.buy{background:linear-gradient(135deg,#ffc043,#ff9800);color:#261501;border:none;box-shadow:0 2px 8px #ff980047}.color-btn.buy:active{transform:scale(.96)}.color-btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.coins-chip{display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-weight:800;font-size:15px;color:var(--accent-2)}.coin-icon-svg{color:#fbbf24;filter:drop-shadow(0 1px 3px rgba(251,191,36,.45));flex-shrink:0;display:inline-block;vertical-align:middle}.btn-price{display:inline-flex;align-items:center;justify-content:center;gap:5px}.upg-buy .coin-icon-svg,.color-btn.buy .coin-icon-svg{color:#1c1402;filter:none}.upg-buy:disabled .coin-icon-svg,.color-btn:disabled .coin-icon-svg{color:var(--muted);filter:none;opacity:.6}.garage-tabs{display:flex;background:#121822d9;border:1px solid var(--line);border-radius:16px;padding:4px;gap:5px;margin-top:2px;margin-bottom:4px}.garage-tab{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border-radius:12px;background:transparent;border:1px solid transparent;outline:none;-webkit-tap-highlight-color:transparent;color:var(--muted);font-size:13px;font-weight:800;letter-spacing:.2px;transition:all .16s cubic-bezier(.2,.8,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.garage-tab:focus,.garage-tab:focus-visible{outline:none}.garage-tab:active{transform:scale(.97)}.garage-tab.active{background:var(--panel-2);color:#fff;border:1px solid rgba(0,152,236,.35);box-shadow:0 4px 14px #00000040,0 0 12px #0098ec1f}.garage-tab .tab-icon{flex-shrink:0;transition:transform .16s ease}.garage-tab.active .tab-icon{transform:scale(1.08);color:var(--accent)}@media(max-width:375px){.garage-tabs{gap:3px;padding:3px}.garage-tab{padding:9px 4px;font-size:11.5px;gap:4px}}.tab-content{display:flex;flex-direction:column}.tab-pane{animation:tab-enter .18s cubic-bezier(.2,.8,.2,1) both}@keyframes tab-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.upgrades{display:flex;flex-direction:column;gap:10px}.upg-row{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 14px}.upg-icon{width:44px;height:44px;border-radius:12px;background:var(--panel-2);display:grid;place-items:center;flex-shrink:0;border:1px solid rgba(255,255,255,.06);transition:transform .15s ease,box-shadow .15s ease}.upg-icon.icon-damage{background:linear-gradient(135deg,#ef44442e,#dc26260f);color:#f87171;border-color:#ef44444d;box-shadow:0 0 12px #ef444426}.upg-icon.icon-armor{background:linear-gradient(135deg,#38bdf82e,#0ea5e90f);color:#38bdf8;border-color:#38bdf84d;box-shadow:0 0 12px #38bdf826}.upg-icon.icon-speed{background:linear-gradient(135deg,#facc152e,#eab3080f);color:#facc15;border-color:#facc154d;box-shadow:0 0 12px #facc1526}.upg-icon.icon-saw{background:linear-gradient(135deg,#94a3b833,#64748b0f);color:#e2e8f0;border-color:#94a3b84d;box-shadow:0 0 12px #94a3b826}.upg-icon.icon-flamethrower{background:linear-gradient(135deg,#f9731633,#ea580c0f);color:#fb923c;border-color:#f973164d;box-shadow:0 0 12px #f9731626}.upg-icon.icon-minigun{background:linear-gradient(135deg,#f43f5e2e,#e11d480f);color:#fb7185;border-color:#f43f5e4d;box-shadow:0 0 12px #f43f5e26}.upg-icon.icon-mines{background:linear-gradient(135deg,#a855f72e,#9333ea0f);color:#c084fc;border-color:#a855f74d;box-shadow:0 0 12px #a855f726}.upg-info{flex:1;min-width:0}.upg-name{font-size:15px;font-weight:800}.upg-effect{font-size:12px;color:var(--muted);margin-top:2px}.pips{display:flex;gap:4px;margin-top:7px}.pip{width:22px;height:6px;border-radius:3px;background:var(--line)}.pip.on{background:var(--accent)}.pip.on.weapon-pip{background:var(--accent-2)}.weapon-row.active{border-color:var(--accent);box-shadow:0 0 0 1px #0098ec59,0 8px 20px #0098ec1f}.weapon-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.wpn-equip{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:11px 10px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);color:var(--text);font-weight:800;font-size:11px;letter-spacing:.4px;transition:transform .08s ease,background .12s ease}.wpn-equip:active{transform:scale(.96)}.wpn-equip.active{background:#4cd07d29;border-color:var(--ok);color:var(--ok)}.upg-buy{min-width:94px;padding:11px 12px;border-radius:12px;background:var(--accent-2);color:#221602;font-weight:800;font-size:13px;flex-shrink:0;transition:transform .08s ease}.upg-buy:active{transform:scale(.96)}.upg-buy:disabled{background:var(--panel-2);color:var(--muted);cursor:default;transform:none}.no-ads-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#ffb84d14,#ff8c000a);border:1px solid rgba(255,184,77,.25);border-radius:14px;padding:10px 14px;margin-top:10px;margin-bottom:4px}.no-ads-card.active{background:#4cd07d14;border-color:#4cd07d4d;justify-content:center;padding:8px 12px}.no-ads-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.no-ads-icon-box{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#ffb84d33,#ff8c0014);border:1px solid rgba(255,184,77,.3);display:grid;place-items:center;flex-shrink:0}.no-ads-star-icon{color:#ffb84d;filter:drop-shadow(0 0 6px rgba(255,184,77,.6))}.no-ads-text{display:flex;flex-direction:column;min-width:0;gap:2px}.no-ads-title{font-size:13px;font-weight:800;color:#fff;letter-spacing:.2px;line-height:1.25}.no-ads-desc{font-size:11px;line-height:1.35;color:var(--muted)}.no-ads-btn{padding:8px 14px;border-radius:10px;background:linear-gradient(135deg,#ffb84d,#f90);color:#221602;font-size:13px;font-weight:900;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 12px #ff99004d;transition:transform .08s ease;outline:none;-webkit-tap-highlight-color:transparent}.no-ads-btn:active{transform:scale(.96)}.no-ads-btn:disabled{opacity:.6;cursor:default;transform:none}.settings-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#5b8def14,#5b8def0a);border:1px solid rgba(91,141,239,.25);border-radius:14px;padding:10px 14px;margin-top:10px;margin-bottom:4px}.settings-icon-box{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#5b8def33,#5b8def14);border:1px solid rgba(91,141,239,.3);display:grid;place-items:center;flex-shrink:0}.settings-gauge-icon{color:#5b8def;filter:drop-shadow(0 0 6px rgba(91,141,239,.5))}.settings-card .no-ads-btn{background:linear-gradient(135deg,#4cd07d,#2f9e5f);color:#04180c;box-shadow:0 4px 12px #4cd07d4d}.settings-card .no-ads-btn.off{background:#ffffff14;color:var(--muted);box-shadow:none}.no-ads-badge{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--ok);letter-spacing:.3px}.battle-btn{margin-top:auto;padding:18px;border-radius:18px;background:linear-gradient(135deg,#0098ec,#00b4ff);color:#fff;font-size:20px;font-weight:900;letter-spacing:1px;box-shadow:0 10px 28px #0098ec59;transition:transform .08s ease}.battle-btn:active{transform:scale(.98)}.offline-hint{margin-top:10px;padding:10px 14px;border-radius:12px;background:#ffaa3c1f;border:1px solid rgba(255,170,60,.35);color:#ffb84d;font-size:13px;text-align:center;display:flex;flex-direction:column;gap:4px}.offline-hint-err{color:#ffb84da6;font-size:11px;word-break:break-all}.tg-debug{position:fixed;top:2px;left:2px;right:2px;z-index:9999;font-size:9px;line-height:1.3;color:#7dff9a;white-space:pre-wrap;pointer-events:none;text-shadow:0 1px 2px #000}.tg-debug.fps-overlay{top:auto;left:50%;right:auto;bottom:calc(16px + var(--tg-inset-bottom, env(safe-area-inset-bottom, 0px)));transform:translate(-50%);width:max-content;max-width:92%;font-size:11px;text-align:center;background:#080a0e99;border:1px solid rgba(125,255,154,.18);border-radius:999px;padding:4px 12px}.tg-debug.fps-overlay .fps-ok{color:#7dff9a}.tg-debug.fps-overlay .fps-warn{color:#ffd75e}.tg-debug.fps-overlay .fps-bad{color:#ff6b6b;font-weight:700}.tg-debug.fps-overlay .fps-sep{color:#ffffff59}.game-container{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none}.game-container canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.hud{position:absolute;top:0;left:0;right:0;z-index:10;padding:calc(10px + var(--tg-inset-top, env(safe-area-inset-top, 0px))) 12px 0;display:flex;flex-direction:column;gap:8px;pointer-events:none}.hud-track{position:relative;height:18px;border-radius:9px;background:#0d1016b8;border:1px solid rgba(255,255,255,.12);box-shadow:0 2px 6px #0006;overflow:hidden}.hud-fill{height:100%;background:var(--ok);transform-origin:0 50%;transition:transform .15s ease,background-color .3s ease}.hud-shield{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0284c7,#38bdf8);box-shadow:0 0 10px #38bdf899;transform-origin:0 50%;transition:transform .15s ease}.hud-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:5px;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none}.hud-shield-badge{display:inline-flex;align-items:center;justify-content:center;color:#7dd3fc;filter:drop-shadow(0 0 4px rgba(56,189,248,.8));line-height:1}.hud-hp-text{font-size:11px;font-weight:800;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.95);font-variant-numeric:tabular-nums}.hud-row{display:flex;justify-content:space-between;gap:8px}.hud-chip{background:#0d1016d1;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px 12px;font-size:13px;font-weight:700}.hud-chip b{color:var(--accent-2)}.results{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a0ee6;display:grid;place-items:center;padding:20px}.results-card{width:min(92%,380px);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:24px 22px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;text-align:center}.results-title{font-size:28px;font-weight:900;margin:0}.results-title.win{color:var(--ok)}.results-title.lose{color:var(--danger)}.results-sub{color:var(--muted);font-size:14px;margin-top:-8px}.reward-list{display:flex;flex-direction:column;gap:8px}.reward-row{display:flex;justify-content:space-between;font-size:14px;color:var(--muted)}.reward-row b{color:var(--text)}.results-total{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-size:18px;font-weight:900;color:var(--accent-2)}.results-actions{display:flex;gap:10px}.btn-primary{flex:1.4;padding:15px;border-radius:14px;background:linear-gradient(135deg,#0098ec,#00b4ff);color:#fff;font-size:16px;font-weight:800}.btn-secondary{flex:1;padding:15px;border-radius:14px;background:var(--panel-2);color:var(--text);border:1px solid var(--line);font-size:16px;font-weight:800}.kill-feed{display:none;position:absolute;top:64px;left:10px;display:flex;flex-direction:column;gap:3px;pointer-events:none;z-index:5}.kill-feed-line{font:600 11px/1.25 Arial,sans-serif;color:#e8edf7;background:#0a0d139e;border-radius:6px;padding:3px 8px;width:fit-content;animation:kill-feed-fade 4.5s forwards}@keyframes kill-feed-fade{0%{opacity:0;transform:translate(-6px)}8%{opacity:1;transform:none}75%{opacity:1}to{opacity:0}}