#ui{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#fff;--blue: #2e6fe0;--blue-dark: #1b3f8a;--gold: #ffc93a;--red: #e0433a}#ui *{box-sizing:border-box}i.coin{display:inline-block;width:.95em;height:.95em;border-radius:50%;vertical-align:-.12em;background:radial-gradient(circle at 35% 32%,#ffe9a0,#ffc93a 55%,#c8811a);box-shadow:inset 0 0 0 1.5px #a0640a8c,0 1px 2px #00000059}.hud{position:absolute;inset:0;padding:max(10px,env(safe-area-inset-top)) 12px 12px;display:none}.hud.visible{display:block}.hud-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.hud-pill{background:#0a0e229e;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 14px;font-weight:800;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.5);backdrop-filter:blur(4px);white-space:nowrap}.hud-coins{color:var(--gold)}.hud-progress{flex:1;height:10px;border-radius:999px;background:#0a0e229e;border:1px solid rgba(255,255,255,.16);overflow:hidden}.hud-progress>div{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#4a8bff,#7dffea);transition:width .3s linear}.hud-units{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);background:#0a0e229e;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 16px;font-weight:900;font-size:17px;color:#9fc3ff;text-shadow:0 1px 3px rgba(0,0,0,.6)}.hud-units.flash-down{animation:hudFlashRed .35s}.hud-units.flash-up{animation:hudFlashBlue .35s}@keyframes hudFlashRed{50%{color:#ff6a5e;transform:translate(-50%) scale(1.25)}}@keyframes hudFlashBlue{50%{color:#7dffb0;transform:translate(-50%) scale(1.25)}}.hud-weapon{position:absolute;left:50%;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 44px);transform:translate(-50%);display:none;flex-direction:column;align-items:center;gap:3px}.hud-weapon.visible{display:flex}.hud-weapon .name{font-weight:800;font-size:13px;letter-spacing:.06em;color:#ffd98a;text-shadow:0 1px 3px rgba(0,0,0,.7)}.hud-weapon .bar{width:110px;height:6px;border-radius:999px;background:#0a0e22b3;overflow:hidden}.hud-weapon .bar>div{height:100%;background:linear-gradient(90deg,#ffc93a,#ff8a3a);border-radius:999px}.hud-btn{pointer-events:auto;appearance:none;border:1px solid rgba(255,255,255,.25);cursor:pointer;font-family:inherit;font-weight:900;font-size:13px;color:#fff;background:#0a0e229e;border-radius:999px;width:34px;height:34px;flex-shrink:0;touch-action:manipulation}.hud-btn:active{transform:scale(.92)}.menu-row{display:flex;gap:10px}.btn.small{font-size:13px;padding:9px 18px}.opt-list{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px}.opt-row{display:flex;align-items:center;gap:12px;background:#161c3ed9;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:14px}.opt-label{font-weight:800;font-size:15px;flex-shrink:0;width:105px;text-align:left}.opt-range{flex:1;accent-color:#4a8bff;height:22px;pointer-events:auto}.opt-check{width:22px;height:22px;accent-color:#4a8bff;pointer-events:auto;flex-shrink:0}.opt-select{min-width:125px;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:8px;color:#fff;background:#182044;pointer-events:auto}.account-chip{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;display:grid;grid-template-columns:9px auto;align-items:center;column-gap:7px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 12px;color:#fff;background:#0a0e22b3;font:inherit;cursor:pointer;pointer-events:auto;backdrop-filter:blur(8px)}.account-chip i{grid-row:1 / 3;width:8px;height:8px;border-radius:50%;background:#ffc93a;box-shadow:0 0 8px #ffc93a}.account-chip span{font-size:12px;font-weight:850;line-height:1}.account-chip small{color:#9ba8d8;font-size:9px;line-height:1;text-align:left}.account-screen .account-avatar{display:grid;place-items:center;width:78px;height:78px;border-radius:28px;color:#091025;background:linear-gradient(135deg,#7dffea,#8b93ff);font-size:34px;font-weight:950;box-shadow:0 0 35px #7dffea40}.account-state{font-size:20px;font-weight:900}.conflict-cards{width:min(100%,520px);display:grid;grid-template-columns:1fr 1fr;gap:10px}.conflict-cards>div{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#111836db}.conflict-cards b{color:#8fa0e0;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.conflict-cards strong{color:#7dffea;font-size:21px}@media(max-width:560px){.conflict-cards{grid-template-columns:1fr}.account-chip small{display:none}}.hud-missions{position:absolute;top:56px;left:12px;display:flex;flex-direction:column;gap:5px;max-width:210px}.mission-chip{background:#0a0e228c;border:1px solid rgba(255,255,255,.14);border-radius:9px;padding:4px 8px;font-size:10.5px;font-weight:700;color:#cfd6f5;text-align:left}.mission-chip.done{color:#7dffb0;border-color:#7dffb066}.mission-chip .bar{height:3px;border-radius:999px;background:#ffffff1f;margin-top:3px;overflow:hidden}.mission-chip .bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#4a8bff,#7dffea)}.mission-chip.done .bar>div{background:#7dffb0}.ach-locked{opacity:.6}.ach-bar{height:5px;border-radius:999px;background:#ffffff1f;margin-top:5px;overflow:hidden}.ach-bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#ffc93a,#ff8a3a)}.hud-danger{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 55%,transparent 42%,rgba(190,20,20,.55) 100%);animation:dangerPulse .9s infinite alternate;transition:opacity .3s}@keyframes dangerPulse{0%{filter:brightness(.85)}to{filter:brightness(1.25)}}.revive-count{width:200px;height:10px;border-radius:999px;background:#0a0e22b3;border:1px solid rgba(255,255,255,.2);overflow:hidden}.revive-count>div{height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,#e0433a,#ffc93a)}.hud-specials{position:absolute;left:10px;bottom:max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.hud-special-status{position:absolute;left:50%;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 76px);transform:translate(-50%) translateY(8px);padding:7px 14px;border-radius:999px;background:#0a0e22c2;border:1px solid rgba(255,255,255,.2);font-size:11px;font-weight:900;letter-spacing:.08em;opacity:0;transition:opacity .15s,transform .15s;pointer-events:none;white-space:nowrap}.hud-special-status.visible{opacity:1;transform:translate(-50%) translateY(0)}.hud-special-status.airstrike{color:#ffd27a;border-color:#ff60408c}.hud-special-status.shield{color:#7dffea;border-color:#7dffea8c}.hud-special-status.frenzy{color:#ffd75e;border-color:#ffd75e8c}.sp-card{pointer-events:auto;appearance:none;cursor:pointer;font-family:inherit;position:relative;width:46px;height:46px;border-radius:12px;border:2px solid rgba(255,255,255,.3);background:#0a0e22ad;font-size:20px;line-height:1;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.sp-card:active{transform:scale(.9)}.sp-card:disabled{opacity:.35;cursor:default}.sp-card .sp-count{position:absolute;top:-6px;right:-6px;background:#ffc93a;color:#3a2404;font-size:11px;font-weight:900;border-radius:999px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 3px}.sp-card .sp-key{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);background:#ffffff38;color:#fff;font-size:9px;font-weight:800;border-radius:4px;padding:0 4px}.sp-card.active{border-color:#7dffea;animation:spPulse .5s infinite alternate}@keyframes spPulse{0%{box-shadow:0 0 4px #7dffea80}to{box-shadow:0 0 14px #7dffeae6}}.shop-section{font-weight:800;font-size:13px;color:#8fa0e0;letter-spacing:.05em;text-transform:uppercase;margin-top:8px;text-align:left}.campaign-head{flex:0 0 auto}.campaign-kicker{display:block;color:#7dffea;font-size:11px;font-weight:900;letter-spacing:.18em;margin-bottom:3px}.challenge-row{display:flex;justify-content:center;gap:5px;margin-top:9px}.challenge-row button{appearance:none;border:1px solid #46537d;border-radius:999px;padding:5px 8px;background:#11182b;color:#8f9bc4;font:800 9px inherit;cursor:pointer}.challenge-row button.active{border-color:#ffc93a;color:#ffc93a;background:#322c1b}.challenge-row button:disabled{opacity:.3}.campaign-map{width:100%;max-width:460px;overflow-y:auto;max-height:65vh;padding:8px 10px 32px;mask-image:linear-gradient(transparent,#000 3%,#000 96%,transparent)}.campaign-route{position:relative;display:flex;flex-direction:column;gap:12px}.campaign-route:before{content:"";position:absolute;inset:38px calc(50% - 5px) 10px;width:10px;border-radius:99px;background:linear-gradient(#2e6fe0,#7dffea 48%,#8b93d6);box-shadow:0 0 20px #2e6fe08c}.campaign-region{position:relative;z-index:2;display:flex;flex-direction:column;margin:18px 0 5px;padding:9px 14px;border:1px solid rgba(125,255,234,.28);border-radius:10px;background:#11182b;text-align:left}.campaign-region:first-child{margin-top:0}.campaign-region span{color:#ffc93a;font-weight:900;letter-spacing:.08em;font-size:12px}.campaign-region small{color:#aeb8df;font-size:11px;margin-top:2px}.campaign-route .phase-card:nth-of-type(2n){align-self:flex-end;text-align:right}.campaign-route .phase-card:nth-of-type(odd){align-self:flex-start;text-align:left}.campaign-route .phase-card:nth-of-type(2n) .phase-node{left:-28px;right:auto}.campaign-route .phase-card:nth-of-type(odd) .phase-node{right:-28px;left:auto}.campaign-route .phase-card:nth-of-type(2n) .phase-medals{justify-content:flex-end}.campaign-route .phase-card:nth-of-type(2n) .milestone{right:auto;left:-4px}.phase-card{appearance:none;cursor:pointer;font-family:inherit;position:relative;display:flex;flex-direction:column;justify-content:center;width:calc(50% - 23px);min-height:72px;padding:11px 13px;border-radius:12px;border:1px solid #8b93d6;background:linear-gradient(145deg,#1a264bf7,#0d142bf7);color:#fff;touch-action:manipulation}.phase-card:active{transform:scale(.94)}.phase-copy{display:flex;flex-direction:column}.phase-copy b{font-size:13px;letter-spacing:.04em}.phase-copy small{color:#aeb8df;font-size:9px;margin-top:2px}.phase-node{position:absolute;top:50%;translate:0 -50%;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#11182b;background:#7dffea;border:4px solid #11182b;font-weight:950;box-shadow:0 0 14px #7dffea99}.phase-medals{display:flex;gap:4px;margin-top:8px}.phase-medals i{width:8px;height:8px;border-radius:50%;background:#384262;border:1px solid #69739a}.phase-medals i.earned{background:#ffc93a;border-color:#fff0a5;box-shadow:0 0 6px #ffc93aa6}.phase-card.boss{border-color:#e0433a!important;background:linear-gradient(145deg,#541f2cfa,#1a1021fa)}.phase-card.boss .phase-node{background:#e0433a;color:#fff}.phase-briefing{gap:14px}.briefing-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.briefing-tags span{padding:7px 11px;border:1px solid #e06055;border-radius:999px;background:#5e1f2be0;color:#ffd4c8;font-size:12px;font-weight:800}.briefing-hint{max-width:420px;color:#dce5ff;line-height:1.45}.briefing-weapons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:520px}.briefing-weapon{min-width:128px;padding:10px 12px;border:1px solid #42558b;border-radius:10px;background:#17213e;color:#dce5ff;display:flex;flex-direction:column;gap:3px}.briefing-weapon small{color:#8798c8;font-size:9px;font-weight:800}.briefing-weapon.selected{border-color:#7dffb0;box-shadow:0 0 0 2px #7dffb029}.briefing-weapon.recommended small{color:#ffd75e}.milestone{position:absolute;right:-4px;bottom:-15px;padding:3px 6px;border-radius:5px;background:#ffc93a;color:#11182b;font-size:8px;font-weight:950;white-space:nowrap;text-transform:uppercase}.phase-card.locked{opacity:.45;cursor:default;border-color:#3a4066!important}.phase-card.done{background:#1e3460e6}.hud-tutorial{position:absolute;left:50%;top:28%;translate:-50% -50%;display:none;width:min(88vw,360px);padding:12px 16px;border-radius:12px;border:1px solid rgba(125,255,234,.55);background:#11182be0;box-shadow:0 0 24px #2e6fe059;color:#fff;font-size:13px;font-weight:900;text-align:center;letter-spacing:.04em;pointer-events:none;animation:tutorialFloat 1s ease-in-out infinite alternate}.hud-tutorial.visible{display:block}@keyframes tutorialFloat{to{translate:-50% calc(-50% - 5px)}}@media(prefers-reduced-motion:reduce){.hud-tutorial{animation:none}.campaign-route:before{box-shadow:none}.phase-card{transition:none!important}}.mode-row{width:min(92vw,420px);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mode-card{appearance:none;min-height:72px;padding:10px 7px;border:1px solid rgba(125,255,234,.34);border-radius:11px;background:linear-gradient(145deg,#19284ceb,#0e152bf0);color:#fff;font-family:inherit;cursor:pointer}.mode-card b{display:block;color:#7dffea;font-size:10px;letter-spacing:.05em}.mode-card small{display:block;margin-top:4px;color:#aeb8df;font-size:8px;line-height:1.25}.mode-card:disabled{opacity:.32;filter:grayscale(1);cursor:not-allowed}.mode-card.sector b{color:#ffc93a}.upgrade-choices{width:min(92vw,420px);display:grid;gap:10px}.upgrade-choices button{appearance:none;display:grid;grid-template-columns:48px 1fr;gap:2px 10px;align-items:center;padding:14px;border:1px solid rgba(125,255,234,.4);border-radius:14px;background:linear-gradient(145deg,#1c2e59,#10172d);color:#fff;text-align:left;cursor:pointer}.upgrade-choices i{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#2e6fe0;color:#7dffea;font-style:normal;font-size:24px}.upgrade-choices b{font-size:15px}.upgrade-choices small{color:#aeb8df}.help-list{width:100%;max-width:420px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:60vh}.help-card{background:#161c3ed9;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 14px;text-align:left}.help-head{font-weight:800;font-size:15px;margin-bottom:4px}.help-body{font-size:13px;color:#b9c2ee;line-height:1.45}.help-body b{color:#fff}.fx-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none}.dmg-num{position:absolute;font-weight:900;font-size:17px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.65);transform:translate(-50%,-50%);opacity:0;will-change:transform,opacity}.dmg-num.big{font-size:24px;color:#ffd75e}.dmg-num.anim{animation:dmgFloat .7s ease-out forwards}@keyframes dmgFloat{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}to{opacity:0;transform:translate(-50%,-190%) scale(.95)}}.fx-popup{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);font-weight:900;font-size:clamp(24px,7vw,34px);letter-spacing:.05em;text-transform:uppercase;text-shadow:0 3px 10px rgba(0,0,0,.6);animation:popupPunch 1.1s ease-out forwards;white-space:nowrap}@keyframes popupPunch{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}12%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}22%{transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-95%) scale(.9)}}.fly-coin{position:absolute;width:22px;height:22px;transform:translate(-50%,-50%);transition:transform .5s cubic-bezier(.5,-.3,.7,1),opacity .5s;will-change:transform;z-index:5}.hud-combo{position:absolute;left:50%;top:64px;transform:translate(-50%);font-weight:900;font-size:18px;letter-spacing:.08em;color:#ffd75e;text-shadow:0 2px 8px rgba(224,138,26,.7);display:none;animation:comboPulse .5s infinite alternate}.hud-combo.visible{display:block}@keyframes comboPulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.12)}}.screen{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px 22px calc(28px + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 30%,#141a428c,#080a1ce0);pointer-events:auto;text-align:center}.screen.visible{display:flex}.title{font-size:clamp(34px,9vw,52px);font-weight:900;line-height:1.05;letter-spacing:.02em;text-transform:uppercase;background:linear-gradient(180deg,#fff,#9fc3ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 10px rgba(46,111,224,.55))}.subtitle{font-size:15px;font-weight:600;color:#b9c2ee;max-width:300px}.result-title{font-size:clamp(30px,8vw,44px)}.result-title.win{background:linear-gradient(180deg,#fff6d8,#ffc93a);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 10px rgba(255,201,58,.4))}.result-title.lose{background:linear-gradient(180deg,#ffd9d5,#e0433a);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 10px rgba(224,67,58,.4))}.coins-earned{font-size:26px;font-weight:900;color:var(--gold);text-shadow:0 2px 8px rgba(0,0,0,.5)}.stat-row{display:flex;gap:14px;font-size:14px;font-weight:700;color:#b9c2ee}.btn{appearance:none;border:none;cursor:pointer;font-family:inherit;font-weight:900;font-size:19px;letter-spacing:.05em;text-transform:uppercase;color:#fff;padding:15px 46px;border-radius:16px;background:linear-gradient(180deg,#4a8bff,#2258c9);box-shadow:0 5px #16418f,0 8px 22px #1e50c873;transition:transform .08s,box-shadow .08s;touch-action:manipulation}.btn:active{transform:translateY(4px);box-shadow:0 1px #16418f,0 3px 10px #1e50c873}.btn.gold{background:linear-gradient(180deg,#ffc93a,#e08a1a);box-shadow:0 5px #9c5e0e,0 8px 22px #e08a1a66;color:#3a2404}.btn.gold:active{box-shadow:0 1px #9c5e0e,0 3px 10px #e08a1a66}.btn.ghost{background:#ffffff1a;border:1.5px solid rgba(255,255,255,.3);box-shadow:none;font-size:15px;padding:11px 30px}.shop-list{width:100%;max-width:420px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:58vh;padding:2px}.shop-card{display:flex;align-items:center;gap:12px;background:#161c3ed9;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px 12px;text-align:left}.shop-card .icon{font-size:26px}.shop-card .info{flex:1;min-width:0}.shop-card .name{font-weight:800;font-size:15px}.shop-card .lvl{color:#8fa0e0;font-weight:700;font-size:12px;margin-left:6px}.shop-card .desc{font-size:12px;color:#b9c2ee;margin-top:2px}.shop-buy{appearance:none;border:none;cursor:pointer;font-family:inherit;font-weight:900;font-size:14px;color:#3a2404;padding:10px 14px;border-radius:11px;background:linear-gradient(180deg,#ffc93a,#e08a1a);box-shadow:0 3px #9c5e0e;white-space:nowrap;touch-action:manipulation}.shop-buy:active{transform:translateY(2px);box-shadow:0 1px #9c5e0e}.shop-buy:disabled{background:#3a4066;color:#7c86b8;box-shadow:none;cursor:default}