:root{--vk-inset-top: 0px;--ink: #eef2fa;--ink-dim: #a8b4cc;--panel: #232c42;--panel-2: #2c3752;--line: #3a4767;--gold: #e8b64c;--accent: #4c9ae8;--good: #5ec26a;--bad: #e05a4e;--shadow: 0 10px 30px rgba(8, 12, 24, .45)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:#1a2238;font-family:Rubik,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);user-select:none;-webkit-user-select:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;z-index:5}#ui>*{pointer-events:auto}#ui>.fx-layer,#ui>.marker-layer,#ui>.battle-hud{pointer-events:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}.ico{line-height:1}.spr{display:inline-block;vertical-align:-.18em;background-repeat:no-repeat;image-rendering:pixelated;flex:none}.splash{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(60% 42% at 50% 30%,rgba(232,182,76,.16) 0%,transparent 70%),radial-gradient(120% 100% at 50% 0%,#2c3a5e,#1a2238 70%);z-index:60}.splash-title{font-size:44px;font-weight:800;text-align:center;line-height:1.05;color:var(--gold);text-shadow:0 4px 24px rgba(232,182,76,.35)}.splash-sub{color:var(--ink-dim);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.splash-bar{width:min(60vw,300px);height:8px;border-radius:4px;background:#131a2c;overflow:hidden;margin-top:18px}.splash-bar>div{height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,var(--gold),#f4d689);transition:width .25s ease}.hud-top{position:fixed;top:calc(var(--vk-inset-top) + 8px);left:10px;right:10px;display:flex;gap:8px;align-items:center;z-index:10}.res{display:flex;align-items:center;gap:5px;background:linear-gradient(180deg,#26304ceb,#141b2eeb);border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-weight:700;font-size:14px;backdrop-filter:blur(6px);box-shadow:inset 0 1px #ffffff12}.res i{font-style:normal;font-weight:400;font-size:11px;color:var(--ink-dim);margin-left:3px}.hud-round{width:38px;height:38px;border-radius:50%;background:#141b2ed9;border:1px solid var(--line);font-size:18px;display:grid;place-items:center;margin-left:auto}.hud-round.big{width:48px;height:48px;font-size:24px;margin-left:0;position:relative}.hud-round.ping:after{content:"";position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:var(--bad);border:2px solid #1a2238}.hud-side{position:fixed;left:10px;top:calc(var(--vk-inset-top) + 64px);display:flex;flex-direction:column;gap:10px;z-index:9}.hud-nav{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 10px);display:flex;gap:6px;background:linear-gradient(180deg,#28324ef0,#141b2ef0);border:1px solid var(--line);border-radius:22px;padding:8px;backdrop-filter:blur(8px);box-shadow:var(--shadow),inset 0 1px #ffffff12;z-index:10}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:62px;padding:6px 8px;border-radius:16px;font-size:11px;color:var(--ink-dim);transition:background .15s}.nav-btn:active{background:var(--panel-2)}.nav-ic{font-size:24px;height:30px;display:grid;place-items:center}.nav-img{width:30px;height:30px;object-fit:contain}.nav-img.pix{image-rendering:pixelated}.nav-btn.main{background:linear-gradient(180deg,#e8b64c,#d09a30);color:#2c1f08;font-weight:800;min-width:76px;border-radius:18px;box-shadow:0 4px 14px #e8b64c66}.nav-btn.main .nav-ic{font-size:28px}.modal-back{position:fixed;inset:0;background:#0a0e1a99;display:flex;align-items:flex-end;justify-content:center;z-index:30;animation:fade-in .18s ease}@media (min-width: 720px){.modal-back{align-items:center}}.modal-back.closing{opacity:0;transition:opacity .18s}.modal-sheet{width:min(100vw,480px);max-height:calc(100vh - var(--vk-inset-top) - 40px);background:linear-gradient(180deg,#2b3654 0%,#222b44 30%,var(--panel) 100%);border:1px solid var(--line);border-top:2px solid rgba(232,182,76,.55);border-radius:22px 22px 0 0;display:flex;flex-direction:column;animation:sheet-up .22s ease;box-shadow:var(--shadow)}.modal-back.wide .modal-sheet{width:min(100vw,560px)}@media (min-width: 720px){.modal-sheet{border-radius:22px}}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}}@keyframes fade-in{0%{opacity:0}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 8px}.modal-title{font-size:20px;font-weight:800;background:linear-gradient(180deg,#f6d488,var(--gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.modal-close{width:34px;height:34px;border-radius:50%;background:var(--panel-2);display:grid;place-items:center;color:var(--ink-dim)}.modal-body{padding:6px 18px calc(env(safe-area-inset-bottom,0px) + 18px);overflow-y:auto;display:flex;flex-direction:column;gap:10px}.modal-text{color:var(--ink);font-size:14px;line-height:1.45}.modal-hint{color:var(--ink-dim);font-size:12.5px;line-height:1.4}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:6px}.modal-actions.wrap{flex-wrap:wrap;justify-content:stretch}.modal-actions.wrap .btn{flex:1 1 40%}.btn{padding:11px 18px;border-radius:14px;background:var(--panel-2);border:1px solid var(--line);font-weight:700;font-size:14px;transition:transform .1s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn-main{background:linear-gradient(180deg,#f2c964,#e8b64c 45%,#cf9930);border-color:#b8862a;color:#2c1f08;box-shadow:inset 0 1px #ffffff73,0 3px 10px #e8b64c40}.btn-ghost{background:transparent}.btn.sm{padding:8px 12px;font-size:13px;border-radius:11px}.region-card{background:var(--panel-2);border:1px solid var(--line);border-radius:16px;padding:14px 16px;cursor:pointer}.region-card.locked{opacity:.55}.region-name{font-weight:800;font-size:16px}.region-sub{color:var(--ink-dim);font-size:12.5px;margin:3px 0 8px}.region-bar{height:6px;background:#16203a;border-radius:3px;overflow:hidden}.region-bar>div{height:100%;background:var(--gold);border-radius:3px}.region-intro{font-size:13.5px;line-height:1.5;color:var(--ink-dim);font-style:italic;border-left:3px solid var(--gold);padding-left:10px}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stage-cell{aspect-ratio:1;border-radius:14px;background:var(--panel-2);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.stage-cell.done{border-color:var(--gold);box-shadow:0 0 12px #e8b64c40,inset 0 0 10px #e8b64c1a}.stage-cell.locked{opacity:.4}.stage-cell.boss{background:linear-gradient(180deg,#4a2f36,#382531)}.stage-cell.elite{background:linear-gradient(180deg,#3c3352,#2e2a44)}.stage-num{font-size:20px;font-weight:800}.stage-stars{font-size:11px;color:var(--gold);letter-spacing:1px}.stage-foes{display:flex;flex-wrap:wrap;gap:6px}.foe-chip{background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:6px 10px;font-size:12.5px;color:var(--ink-dim)}.foe-chip b{color:var(--ink)}.reward-row{display:flex;flex-wrap:wrap;gap:12px;background:#1b2440;border-radius:12px;padding:10px 12px;font-size:13.5px;font-weight:700}.result-line{font-size:14.5px;padding:6px 0;border-bottom:1px dashed var(--line)}.result-win .modal-title{color:var(--gold)}.result-loss .modal-title{color:var(--bad)}.hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.hero-card{background:linear-gradient(180deg,#313d5e,var(--panel-2));border:1px solid var(--line);border-radius:16px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;box-shadow:inset 0 1px #ffffff0f}.hero-card.squad{border-color:var(--gold);box-shadow:0 0 12px #e8b64c33,inset 0 1px #ffffff0f}.hero-card.ghost{opacity:.6;filter:saturate(.4)}.hero-flag{position:absolute;top:-7px;right:-4px;background:var(--gold);color:#2c1f08;font-size:10px;font-weight:800;border-radius:9px;padding:2px 7px}.hero-portrait{width:52px;height:52px;border-radius:14px;background:radial-gradient(80% 80% at 50% 30%,#46548a,#2c3655);border:1px solid #4a5a8a;display:grid;place-items:center;font-size:30px}.hero-portrait.big{width:76px;height:76px;font-size:44px}.hero-name{font-weight:800;font-size:13.5px}.hero-role{font-size:11px;color:var(--ink-dim)}.hero-lv{font-size:11.5px;color:var(--gold)}.hero-top{display:flex;gap:14px;align-items:center}.hero-facts{display:flex;flex-direction:column;gap:4px;font-size:13px}.hero-hint{color:var(--ink-dim);font-size:12.5px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-cell{background:#1b2440;border-radius:12px;padding:8px 10px;font-size:12px;color:var(--ink-dim);display:flex;align-items:center;gap:6px}.stat-cell b{color:var(--ink);font-size:14px;margin-left:auto}.skill-list{display:flex;flex-direction:column;gap:6px}.skill-row{display:flex;gap:10px;align-items:flex-start;background:#1b2440;border-radius:12px;padding:8px 10px;font-size:13px}.skill-row .ic{font-size:22px}.skill-desc{color:var(--ink-dim);font-size:12px}.gear-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gear-cell{background:#1b2440;border:1px dashed var(--line);border-radius:12px;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12.5px}.gear-empty{font-size:22px;opacity:.5}.gear-item{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#1b2440;border-radius:12px;padding:10px 12px;font-size:13px;flex-wrap:wrap}.gear-note{color:var(--ink-dim);font-size:11.5px}.gear-actions{display:flex;gap:6px;flex-wrap:wrap}.shop-title{font-size:14px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;margin-top:6px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px}.shop-card{position:relative;background:linear-gradient(180deg,#313d5e,var(--panel-2));border:1px solid var(--line);border-radius:16px;padding:14px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:14px;box-shadow:inset 0 1px #ffffff0f}.shop-card.wide-card{grid-column:1 / -1}.shop-icon{font-size:30px}.shop-price{background:#16203a;border-radius:10px;padding:4px 12px;font-size:12.5px;font-weight:800;color:var(--gold)}.shop-tag{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--bad);color:#fff;font-size:10px;font-weight:800;padding:2px 8px;border-radius:8px;white-space:nowrap}.daily-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.daily-cell{background:#1b2440;border:1px solid var(--line);border-radius:12px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11.5px}.daily-cell.active{border-color:var(--gold);background:#2c2a3a}.daily-cell.past{opacity:.45}.quest-row{display:flex;align-items:center;gap:10px;background:#1b2440;border-radius:12px;padding:10px 12px;font-size:13.5px}.quest-row>div:first-child{flex:1}.quest-bar{height:5px;background:#131a2c;border-radius:3px;margin-top:6px;overflow:hidden}.quest-bar>div{height:100%;background:var(--good)}.quest-side{color:var(--ink-dim);font-size:12px}.rival-card{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:13.5px}.rival-card .btn{align-self:flex-end}.transfer-code{font-size:26px;font-weight:800;letter-spacing:.2em;text-align:center;color:var(--gold);background:#16203a;border-radius:12px;padding:14px}.transfer-input{font:inherit;font-size:18px;text-align:center;letter-spacing:.15em;background:#16203a;border:1px solid var(--line);border-radius:12px;color:var(--ink);padding:12px;width:100%;text-transform:uppercase}#ui .battle-hud{position:fixed;inset:0;pointer-events:none;z-index:8}.battle-hud>*{pointer-events:auto}.battle-hud .bt-overlay,.battle-hud .bt-queue,.battle-hud .bt-hint{pointer-events:none}.bt-head{position:fixed;top:calc(var(--vk-inset-top) + 8px);left:10px;right:10px;display:flex;align-items:center;gap:8px;z-index:11}.bt-stage{background:#141b2ed9;border:1px solid var(--line);border-radius:18px;padding:7px 14px;font-weight:700;font-size:13px}.bt-top-btn{background:#141b2ed9;border:1px solid var(--line);border-radius:18px;padding:7px 12px;font-weight:800;font-size:12px;color:var(--ink-dim)}.bt-top-btn.on{color:#2c1f08;background:var(--gold);border-color:#b8862a}.bt-top-btn.flee{margin-left:auto}.bt-queue{position:fixed;top:calc(var(--vk-inset-top) + 52px);left:50%;transform:translate(-50%);display:flex;gap:5px;z-index:10;pointer-events:none}.bt-chip{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;border:2px solid transparent;background:#2e6da4;color:#eaf4ff;opacity:.85}.bt-chip.enemy{background:#a43a3a}.bt-chip.now{border-color:var(--gold);transform:scale(1.15)}.bt-overlay{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:7}.bt-bar{position:absolute;top:0;left:0;width:56px;margin-left:-28px;margin-top:-10px;display:flex;flex-direction:column;align-items:center;gap:1px;will-change:transform}.bt-track{width:100%;height:6px;background:#0a0e18bf;border-radius:3px;overflow:hidden;position:relative}.bt-fill{height:100%;background:#55c86a;border-radius:3px;transition:width .2s}.enemy .bt-fill{background:#e05a4e}.bt-shield{position:absolute;left:0;top:0;height:100%;background:#8cbeffd9;border-radius:3px;transition:width .2s}.bt-statuses{font-size:9px;letter-spacing:-1px;min-height:11px;text-shadow:0 1px 2px rgba(0,0,0,.6)}.bt-pop{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:17px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.7);animation:pop-rise 1.25s ease-out forwards;pointer-events:none}.bt-pop.crit{color:#ffd23c;font-size:23px}.bt-pop.heal{color:#7fe08a}.bt-pop.shield{color:#9cc8ff}.bt-pop.miss{color:var(--ink-dim);font-size:14px}@keyframes pop-rise{0%{opacity:0;margin-top:0}12%{opacity:1}80%{opacity:1}to{opacity:0;margin-top:-46px}}.bt-skills{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 12px);display:flex;gap:8px;z-index:11}.bt-skill{width:54px;height:54px;border-radius:16px;background:linear-gradient(180deg,#2c3754f2,#1a2136f2);border:2px solid var(--line);position:relative;display:grid;place-items:center;box-shadow:inset 0 1px #ffffff14,0 4px 10px #080c1859}.bt-skill .ic{font-size:26px}.bt-skill.sel{border-color:var(--gold);box-shadow:0 0 14px #e8b64c80}.bt-skill:disabled{opacity:.45}.bt-skill .cd{position:absolute;inset:0;display:grid;place-items:center;background:#0a0e1899;border-radius:14px;font-weight:900;font-size:18px}.bt-skill.misc{background:#283046eb}.bt-skill.end{border-color:#6a7694}.bt-hint{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 76px);max-width:min(92vw,420px);text-align:center;background:#141b2ee6;border-radius:12px;padding:7px 14px;font-size:12.5px;color:var(--ink-dim);z-index:11;pointer-events:none}.bt-hint:empty{display:none}.bt-hint b{color:var(--ink)}.bt-go{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 14px);z-index:12;padding:14px 42px;font-size:17px;border-radius:18px}.fx-layer{position:fixed;inset:0;pointer-events:none;z-index:40}.fx-pop{position:absolute;transform:translate(-50%,-50%);font-weight:800;font-size:15px;animation:pop-rise 1.15s ease-out forwards}.fx-gain{color:#7fe08a}.fx-loss{color:#ff9c90}.fx-plain{color:var(--ink)}.fx-toast{position:absolute;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 96px);background:#141b2ef2;border:1px solid var(--line);border-radius:14px;padding:10px 18px;font-size:13.5px;font-weight:600;max-width:88vw;text-align:center;animation:fade-in .2s ease}.fx-toast-warn{border-color:#7a4a42}.marker-layer{position:fixed;inset:0;pointer-events:none;z-index:6}.marker-layer>*{pointer-events:auto}.fx-marker{position:absolute;top:0;left:0}.marker-body{background:#141b2ee6;border:1px solid var(--line);border-radius:12px;padding:5px 10px;font-size:12px;font-weight:700;animation:bob 1.6s ease-in-out infinite}.camp-mark .marker-body{animation:none;font-size:10.5px;padding:3px 8px;cursor:pointer;white-space:nowrap;background:#141b2ec7}.camp-mark.dim .marker-body{opacity:.72;border-style:dashed}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.splash-art{width:min(70vw,420px);aspect-ratio:16 / 9;border-radius:18px;background:radial-gradient(70% 80% at 50% 100%,rgba(232,182,76,.25),transparent 70%),url(./art/splash.webp) center / cover no-repeat,linear-gradient(180deg,#2c3a5e,#1a2238);box-shadow:var(--shadow);margin-bottom:10px}.hud-top{flex-direction:column;gap:6px;align-items:stretch}.hud-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}.hud-row.small .res{padding:4px 9px;font-size:12px;flex:1 1 0;justify-content:center}.res.full{border-color:#b8862a;color:#f2c964}.res i.neg{color:#ff9c90}.res .plus{margin-left:6px;width:16px;height:16px;border-radius:50%;background:var(--gold);color:#2c1f08;font-size:13px;line-height:16px;text-align:center;font-weight:900}.res-pop{margin-left:auto}.hud-side{top:calc(var(--vk-inset-top) + 96px)}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{padding:7px 12px;border-radius:12px;background:var(--panel-2);border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--ink-dim)}.tab.on{background:var(--gold);color:#2c1f08;border-color:#b8862a}.build-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.build-card{text-align:left;background:linear-gradient(180deg,#313d5e,var(--panel-2));border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.build-card.dim{opacity:.55}.build-name{font-weight:800;font-size:14px}.build-name small{color:var(--ink-dim);font-weight:400}.build-desc{font-size:12px;color:var(--ink-dim);line-height:1.35}.build-cost{font-size:12.5px;font-weight:700;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}.build-cost .lack,.lack{color:#ff9c90}.build-lock{font-size:11px;color:var(--gold)}.upgrade-box{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1b2440;border-radius:12px;padding:10px 12px;font-size:13.5px}.place-bar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 14px);width:min(94vw,420px);background:linear-gradient(180deg,#28324ef5,#141b2ef5);border:1px solid var(--line);border-radius:18px;padding:12px 14px;z-index:12;box-shadow:var(--shadow)}.place-title{font-weight:800;font-size:15px}.place-hint{font-size:12px;color:var(--ink-dim);margin:2px 0 8px}.place-actions{display:flex;gap:8px;justify-content:flex-end}.unit-list{display:flex;flex-direction:column;gap:6px}.unit-row{display:flex;align-items:center;gap:10px;background:#1b2440;border-radius:12px;padding:8px 12px;font-size:13.5px}.unit-row>div:nth-child(2){flex:1}.hire-card{background:linear-gradient(180deg,#313d5e,var(--panel-2));border:1px solid var(--line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.hire-card.dim{opacity:.6}.hire-top{display:flex;gap:10px;align-items:center;font-size:14px}.hire-top small{color:var(--ink-dim);font-weight:400}.hire-stats{font-size:12px;color:var(--ink-dim)}.hire-row{display:flex;gap:6px;align-items:center;justify-content:flex-end}.hire-num{min-width:28px;text-align:center;font-weight:800}.modal-hint.warn{color:#ff9c90}.build-mark .marker-body{font-size:11px;padding:3px 8px;background:#141b2ed9;border-color:#b8862a;color:var(--gold);animation:none}.bt-status{position:fixed;top:calc(var(--vk-inset-top) + 50px);left:10px;display:flex;gap:6px;z-index:10;pointer-events:none}.bt-stat{background:#141b2ed1;border:1px solid var(--line);border-radius:12px;padding:4px 9px;font-size:12px;color:var(--ink-dim);display:inline-flex;gap:4px;align-items:center}.bt-stat b{color:var(--ink)}.bt-stat.foe b{color:#ff9c90}.bt-squads{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 84px);display:flex;gap:6px;z-index:11;max-width:min(96vw,640px);overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:2px 4px;scrollbar-width:none}.bt-squads::-webkit-scrollbar{display:none}.bt-squads>*{flex:none}.bt-squads .bt-chip{width:auto;height:38px;border-radius:14px;padding:0 10px 0 6px;display:inline-flex;gap:5px;align-items:center;background:#1a2136f0;border:2px solid var(--line);color:var(--ink);opacity:1;font-size:13px}.bt-squads .bt-chip.sel{border-color:var(--gold);box-shadow:0 0 12px #e8b64c80;transform:none}.bt-squads .bt-chip.dead{opacity:.35}.bt-cmd{position:fixed;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0px) + 12px);display:flex;gap:8px;z-index:11}.bt-cmd .bt-skill{width:60px;height:58px;gap:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.bt-cmd .bt-skill small{font-size:10px;color:var(--ink-dim);line-height:1;margin-top:2px}.bt-cmd .bt-skill.attack{border-color:#b8862a;background:linear-gradient(180deg,#5a481ef2,#322814f2)}.bt-cmd .bt-skill .cd{display:none}.bt-hint{bottom:calc(env(safe-area-inset-bottom,0px) + 124px)}.bt-banner{position:fixed;left:50%;top:38%;transform:translate(-50%,-50%) scale(.9);font-size:30px;font-weight:900;color:var(--gold);text-shadow:0 3px 14px rgba(0,0,0,.6);opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;z-index:12;text-align:center}.bt-banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.bt-banner.warn{color:#ff9c90}@media (max-width: 420px){.bt-cmd .bt-skill{width:54px;height:54px}}body.placing .hud-nav,body.placing .hud-side{display:none}.bt-squads .bt-chip.bt-all,.bt-squads .bt-chip.bt-box{padding:0 12px;font-weight:800;color:var(--ink-dim)}.bt-boxrect{position:fixed;display:none;border:2px dashed var(--gold);background:#e8b64c1f;border-radius:4px;pointer-events:none;z-index:9}.hud-cam,.bt-cam{position:fixed;right:10px;top:calc(var(--vk-inset-top) + 104px);display:flex;flex-direction:column;gap:8px;z-index:9}.bt-cam{top:calc(var(--vk-inset-top) + 56px)}.hud-cam .hud-round,.bt-cam .hud-round{margin-left:0;font-size:20px;color:var(--ink-dim)}body.placing .hud-cam{display:flex}.arena-head{background:linear-gradient(180deg,#3a2f1c,#2a2416);border:1px solid #5a4a2a;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.arena-rating{display:flex;align-items:baseline;gap:10px}.arena-rating b{font-size:26px;color:var(--gold)}.arena-rating span,.arena-stats{color:var(--ink-dim);font-size:12.5px}.arena-list{display:flex;flex-direction:column;gap:8px}.rival-top{display:flex;justify-content:space-between;align-items:center}.rival-rating{color:var(--gold);font-weight:800;font-size:13px}.arena-log{display:flex;flex-direction:column;gap:6px}.pass-bar{height:8px;background:#16203a;border-radius:4px;overflow:hidden;margin:4px 0}.pass-bar>div{height:100%;background:linear-gradient(90deg,var(--gold),#f4d689);border-radius:4px}.pass-offer{background:linear-gradient(180deg,#3b2d4f,#2b2440);border:1px solid #6a4b8a;border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.pass-offer .btn{align-self:flex-start}.pass-list{display:flex;flex-direction:column;gap:4px;max-height:46vh;overflow-y:auto}.pass-row{display:grid;grid-template-columns:32px 1fr 1fr;gap:6px;align-items:center;background:#1b2440;border-radius:10px;padding:6px 8px;font-size:12px;opacity:.6}.pass-row.reached{opacity:1}.pass-row.next{opacity:.9;border:1px solid var(--gold)}.pass-lv{font-weight:800;font-size:15px;color:var(--gold);text-align:center}.pass-cell{line-height:1.3}.pass-cell.paid{color:#d7c3f0}.pass-cell.locked{color:var(--ink-dim)}.pass-cell.done{text-decoration:line-through;opacity:.55}.hud-row{min-width:0}.hud-row>.res{min-width:0;overflow:hidden;white-space:nowrap}.hud-row>.hud-round{flex:none}.res i{white-space:nowrap}.bt-stage{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46vw}.bt-head>*{flex:none}.bt-head>.bt-stage{flex:0 1 auto}@media (max-width: 420px){.res{font-size:12.5px;padding:5px 9px;gap:4px}.hud-row.small .res{padding:4px 6px;font-size:11.5px}.hud-row.small .res i{font-size:10px;margin-left:2px}.hud-nav{gap:3px;padding:6px;max-width:calc(100vw - 12px)}.nav-btn{min-width:52px;padding:5px 4px;font-size:10px}.nav-btn.main{min-width:62px}.nav-ic{font-size:22px;height:26px}.nav-btn.main .nav-ic{font-size:24px}.bt-cmd{gap:5px}.bt-cmd .bt-skill{width:54px;height:54px}.bt-top-btn{padding:7px 9px}.bt-cam{top:calc(var(--vk-inset-top) + 100px)}}@media (max-width: 350px){.hud-row.small .res i{display:none}.res{font-size:12px;padding:5px 7px}.nav-btn{min-width:46px;padding:4px 3px}.nav-btn.main{min-width:56px}.bt-cmd .bt-skill{width:50px;height:52px}.bt-cmd .bt-skill span:last-child{font-size:9px}}@media (max-height: 460px){.hud-side{top:calc(var(--vk-inset-top) + 88px);gap:6px}.hud-round.big{width:40px;height:40px;font-size:20px}.hud-cam,.bt-cam{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);flex-direction:row}.hud-nav{padding:4px 6px;bottom:calc(env(safe-area-inset-bottom,0px) + 6px)}.nav-btn{padding:3px 6px}.nav-ic{font-size:20px;height:24px}.modal-sheet{max-height:calc(100vh - var(--vk-inset-top) - 16px)}.bt-squads{bottom:calc(env(safe-area-inset-bottom,0px) + 74px)}.bt-cmd .bt-skill{height:50px}}