:root{--ink-950: #0a0705;--ink-900: #120d09;--ink-800: #1a130e;--ink-700: #261c15;--ink-600: #38291f;--paper-100: #fff9f0;--paper-200: #f5e9d5;--paper-300: #dfcaa8;--paper-400: #b89f7a;--paper-dim: #947e60;--gold-glow: #ffe680;--gold: #f5b942;--gold-dim: #b88126;--gold-dark: #7a4f10;--gold-border: rgba(245, 185, 66, .35);--crimson-glow: #ff5252;--crimson: #c0392b;--crimson-dark: #7f1d1d;--jade-glow: #4ade80;--jade: #2ea368;--jade-dark: #166534;--mana-glow: #60a5fa;--mana: #2f75d6;--mana-dark: #1e3a8a;--stam-glow: #fbbf24;--stam: #d97706;--line: rgba(245, 233, 211, .12);--line-strong: rgba(245, 185, 66, .28);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .65);--shadow-md: 0 6px 18px rgba(0, 0, 0, .45);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--ci-av-h: 99px;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;height:100dvh;background-color:var(--ink-950);background-image:radial-gradient(1200px 700px at 50% 10%,#2a1c14 0%,var(--ink-900) 50%,var(--ink-950) 100%);color:var(--paper-200);font-family:Be Vietnam Pro,Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation;overscroll-behavior:none}#app{display:flex;flex-direction:column;height:100%;height:100dvh;width:100%;position:relative;overflow:hidden}.top-hud{flex:0 0 auto;height:calc(44px + var(--sat));padding-top:var(--sat);padding-left:max(10px,var(--sal));padding-right:max(10px,var(--sar));display:flex;align-items:center;justify-content:space-between;gap:8px;background:#120d09fb;border-bottom:1px solid var(--gold-border);box-shadow:0 2px 10px #0006;z-index:50}.hud-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.seal-mini{position:relative;width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:linear-gradient(160deg,#d32f2f,#8b1818);box-shadow:inset 0 0 0 1.5px #ffe9c966,0 2px 6px #0006}.hud-title{font-family:Cinzel,Be Vietnam Pro,serif;font-size:14px;font-weight:900;letter-spacing:.12em;color:var(--gold-glow);text-shadow:0 1px 3px rgba(0,0,0,.8)}.stats{display:flex;align-items:center;gap:6px;flex:1;justify-content:center;max-width:440px}.stat{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--radius-full);background:#fff5e10f;border:1px solid var(--line-strong);position:relative;overflow:hidden;height:28px}.stat-badge{font-size:14px}.stat b{font-size:13.5px;font-weight:700;color:var(--paper-100);font-variant-numeric:tabular-nums;line-height:1}.stat-gold b{color:var(--gold)}.stat-core{padding-bottom:5px}.core-meter-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:#00000080}.core-meter-track i{display:block;height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width .2s linear,background-color .3s ease}.hud-right{display:flex;align-items:center;gap:5px;flex-shrink:0}.hud-btn{font:inherit;font-size:13px;font-weight:700;color:var(--paper-200);height:30px;min-width:32px;padding:0 8px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff5e114;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.hud-btn:hover{background:#fff5e126;border-color:var(--gold-border);color:var(--gold)}.hud-btn:active{transform:scale(.94)}.hud-btn svg.svg-ic{display:block;pointer-events:none}#stage{position:relative;flex:1 1 auto;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px;background:radial-gradient(circle at center,rgba(38,28,22,.3) 0%,transparent 80%)}#arena{width:100%;height:100%;border-radius:var(--radius-md);overflow:hidden;position:relative;background:#120d0a;box-shadow:var(--shadow-lg),0 0 0 1px var(--line-strong),inset 0 0 24px #000c;display:flex;align-items:center;justify-content:center;touch-action:none}#arena canvas{display:block;max-width:100%;max-height:100%;object-fit:contain;touch-action:none}#arena:before,#arena:after{content:"";position:absolute;width:16px;height:16px;pointer-events:none;z-index:5;border-color:var(--gold);border-style:solid;opacity:.65}#arena:before{top:6px;left:6px;border-width:2px 0 0 2px}#arena:after{bottom:6px;right:6px;border-width:0 2px 2px 0}.wavebar{position:absolute;top:10px;left:50%;transform:translate(-50%);padding:6px 16px;border-radius:var(--radius-full);background:#120e0bf0;border:1px solid var(--gold-border);box-shadow:0 4px 16px #00000080;font-size:13px;color:var(--paper-200);z-index:15;white-space:nowrap;pointer-events:none;display:flex;align-items:center;gap:6px}.wavebar b{color:var(--gold)}.wavebar.hidden{display:none}.banner{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:14px;background:radial-gradient(circle at center,#140e0bf4,#0a0705fb);text-align:center;padding:20px;z-index:30;animation:fadeIn .25s ease;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:100dvh;padding-top:max(20px,var(--sat));padding-bottom:max(20px,var(--sab));box-sizing:border-box}@media(max-height:700px){.banner{padding-top:max(20px,calc(var(--sat) + 46px))}}.banner.hidden{display:none}.banner h2{margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:clamp(28px,4.5vw,50px);font-weight:800;letter-spacing:.08em;color:var(--gold-glow);text-shadow:0 2px 0 #7a4f10,0 4px 12px rgba(0,0,0,.8),0 0 28px rgba(245,185,66,.45)}.banner p{margin:0;max-width:48ch;color:var(--paper-200);font-size:14.5px;line-height:1.6}.banner .row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:6px}.toast{position:absolute;left:50%;bottom:16px;transform:translate(-50%) translateY(12px);background:#16100cf5;border:1px solid var(--gold);color:var(--paper-100);padding:8px 18px;border-radius:var(--radius-full);font-size:13.5px;font-weight:600;box-shadow:0 6px 20px #0009;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:40;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}#side{background:linear-gradient(180deg,#1b140f,#130e0a);border-top:1px solid var(--gold-border);box-shadow:0 -4px 20px #00000080;display:flex;flex-direction:column;position:relative;z-index:20}.dock-actions-row{display:flex;gap:8px;align-items:center}.dock-actions-row .controls{flex:1;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.dock-actions-row .controls .btn.primary{flex:1 1 130px;min-width:0}.controls .btn.toggle{width:auto;min-width:48px;padding:0 6px;gap:3px;font-size:14px;line-height:1}.controls .btn.toggle .ctrl-tag{font-size:8.5px;font-weight:900;letter-spacing:.03em;opacity:.7}.controls .btn.toggle[aria-pressed=true]{background:linear-gradient(180deg,#fcd34d,#f59e0b 60%,#b45309);border-color:#fbbf24;color:#261103;box-shadow:0 0 10px #fbbf2459}.controls .btn.toggle[aria-pressed=true] .ctrl-tag{opacity:.95}.controls .btn.toggle[aria-pressed=false]{color:var(--paper-300);opacity:.8}.btn-ctrl{font:inherit;font-weight:800;font-size:13.5px;min-width:44px;width:44px;height:44px;min-height:44px;padding:0;border-radius:var(--radius-md);border:1px solid var(--gold-border);background:linear-gradient(180deg,#2e2219e6,#1a130ef2);color:var(--gold-glow);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 6px #0006}.btn-ctrl:hover{background:linear-gradient(180deg,#403024f2,#261c14);border-color:var(--gold);color:#fff}.btn-ctrl:active{transform:scale(.94);background:var(--gold);color:#1a1005}.btn{font:inherit;font-weight:700;cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--line);padding:10px 14px;background:#fff5e114;color:var(--paper-100);display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px;transition:transform .1s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:active:not(:disabled){transform:translateY(1.5px) scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.btn.primary{width:100%;background:linear-gradient(180deg,#fcd34d,#f59e0b,#b45309);color:#261103;font-weight:800;font-size:15px;letter-spacing:.04em;border:1px solid #78350f;box-shadow:inset 0 1px #ffffff80,0 4px 14px #b4530959;text-shadow:0 1px 0 rgba(255,255,255,.4)}.btn.primary:hover:not(:disabled){background:linear-gradient(180deg,#fde68a,#fbbf24,#d97706)}.mobile-nav-toggle{display:flex;gap:4px;background:#00000059;padding:3px;border-radius:var(--radius-full);border:1px solid var(--line-strong);flex-shrink:0}.mobile-subtab{font:inherit;font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--paper-dim);cursor:pointer;display:flex;align-items:center;gap:5px;min-height:38px;transition:all .15s ease}.mobile-subtab.active{background:linear-gradient(180deg,var(--gold),var(--gold-dim));color:#1f1205;box-shadow:0 2px 8px #0006}.tip{font-size:11.5px;line-height:1.4;color:#dfcaa8;background:#c0392b1a;border-left:3px solid var(--crimson);border-radius:4px;padding:4px 8px;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tip b{color:var(--gold-glow)}.battle-section{display:flex;flex-direction:column;gap:6px}.quick-recruit-row{display:flex;flex-direction:column;gap:4px;background:#18120eb3;border:1px solid var(--line-strong);border-radius:var(--radius-md);padding:5px 8px}.qr-head{display:flex;align-items:center;gap:8px}.qr-title{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--gold);display:flex;align-items:center;gap:4px}.qr-help{flex:0 0 auto;width:20px;height:20px;min-width:20px;padding:0;display:grid;place-items:center;font:inherit;font-size:12px;font-weight:900;line-height:1;color:var(--gold-glow, #f5d9a8);background:#f5b9421f;border:1px solid rgba(245,185,66,.5);border-radius:999px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.qr-help:hover,.qr-help:focus-visible{background:#f5b94247;border-color:var(--gold);color:#fff6df}.qr-count{margin-left:auto;font-size:11px;font-weight:700;color:var(--paper-dim)}.qr-count.full{color:#ef4444}.qr-chips{display:flex;gap:6px;overflow-x:auto;padding:2px 0;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.qr-chips::-webkit-scrollbar{display:none}.qr-chip{font:inherit;display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 4px;height:34px;border-radius:var(--radius-sm);border:1px solid var(--line);background:#241a14d9;color:var(--paper-200);cursor:pointer;flex-shrink:0;white-space:nowrap;transition:all .15s ease}.qr-seal{width:22px;height:22px;border-radius:4px;display:grid;place-items:center;font-family:Cinzel,Be Vietnam Pro,serif;font-size:12px;font-weight:900;color:#1a1006;background:linear-gradient(145deg,var(--gold),var(--gold-dim));box-shadow:0 1px 3px #0006}.qr-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.qr-name{font-size:11px;font-weight:700;color:var(--paper-100)}.qr-price{font-size:10px;font-weight:600;color:var(--gold)}.qr-chip.affordable{border-color:var(--gold-border);background:linear-gradient(145deg,#2e2219f2,#1c140ff2)}.qr-chip.affordable:hover{border-color:var(--gold);box-shadow:0 0 8px #f5b9424d;transform:translateY(-1px)}.qr-chip.affordable:active{transform:scale(.96)}.qr-chip.unaffordable{opacity:.55;cursor:not-allowed;filter:grayscale(.3)}.qr-chip.full,.qr-chip:disabled{opacity:.4;cursor:not-allowed}.heroes{display:flex;flex-direction:column;gap:6px}.hero{display:grid;grid-template-columns:46px 1fr;gap:10px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--line-strong);background:linear-gradient(145deg,#2a1f18e6,#18120efa);cursor:pointer;position:relative;transition:all .15s ease}.hero.selected{border-color:var(--gold);background:linear-gradient(145deg,#36281ef2,#201711fa);box-shadow:0 0 0 1.5px var(--gold),0 4px 16px #f5b94240}.hero.dead{opacity:.55;filter:grayscale(.5)}.avatar{width:46px;height:46px;border-radius:var(--radius-md);display:grid;place-items:center;font-family:Cinzel,Be Vietnam Pro,serif;font-size:22px;font-weight:900;color:#1a120b;box-shadow:inset 0 0 0 2px #ffffff59,0 3px 8px #00000080;flex-shrink:0}.hbody{min-width:0}.hname{font-size:13.5px;font-weight:700;color:var(--paper-100);display:flex;justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:2px}.hname em{font-style:normal;font-size:11px;font-weight:600;color:var(--gold);white-space:nowrap}.bar{height:6px;border-radius:3px;background:#000000b3;overflow:hidden;margin-top:4px;border:1px solid rgba(255,255,255,.05);position:relative}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#16a34a,#4ade80);transition:width .15s linear;border-radius:3px;box-shadow:0 0 8px #4ade8066}.bar.mana>i{background:linear-gradient(90deg,#2563eb,#60a5fa);box-shadow:0 0 8px #60a5fa66}.bar.stam>i{background:linear-gradient(90deg,#d97706,#fbbf24);box-shadow:0 0 8px #fbbf2466}.status{font-size:11px;color:var(--paper-dim);margin-top:3px}.ammo{font-size:11px;color:var(--gold);margin-top:3px;font-weight:700}.skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:5px;margin-top:6px}.skill{font:inherit;font-size:10.5px;font-weight:600;padding:4px 3px 5px;border-radius:var(--radius-sm);border:1px solid rgba(167,139,250,.35);background:linear-gradient(180deg,#6d28d966,#4c1d9580);color:#ede9fe;cursor:pointer;position:relative;overflow:hidden;text-align:center;white-space:normal;line-height:1.2;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:transform .1s ease,border-color .15s ease,background .15s ease}.skill .sk-mana{align-self:flex-end;font-size:8.5px;font-weight:700;color:var(--gold-glow);background:#00000073;padding:1px 4px;border-radius:3px;margin-bottom:2px;line-height:1;pointer-events:none;z-index:1}.skill .sk-name{display:block;width:100%;font-size:10px;font-weight:600;line-height:1.15;text-align:center;position:relative;z-index:1;word-break:normal}.skill:hover:not(:disabled){border-color:#c4b5fd;background:linear-gradient(180deg,#7c3aed8c,#5b21b6a6)}.skill:active:not(:disabled){transform:scale(.96)}.skill:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.6)}.skill .cd{position:absolute;inset:0;background:#0a0705d1;transform-origin:bottom;pointer-events:none;border-top:2px solid var(--gold);z-index:2}.skill.ult{width:100%;margin-top:5px;border-color:var(--ult-edge, rgba(167, 139, 250, .53));background:linear-gradient(180deg,var(--ult-face, rgba(167, 139, 250, .34)) 0%,rgba(0,0,0,.35) 100%)}.skill.ult.ready:not(:disabled){border-color:var(--ult-color, #a78bfa);box-shadow:0 0 8px var(--ult-halo, rgba(167, 139, 250, .45))}.skill.ult.active{border-color:var(--ult-color, #a78bfa)}.skill.ult .ult-state{position:relative;z-index:1;font-size:9px;font-weight:700;margin-top:1px;line-height:1.1;pointer-events:none}.potions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.potion{font:inherit;cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--line-strong);background:linear-gradient(180deg,#fff5e114,#fff5e108);color:var(--paper-100);padding:6px 4px;display:flex;align-items:center;gap:6px;justify-content:center;min-height:40px;transition:all .15s ease}.potion:hover:not(:disabled){background:#fff5e124;border-color:var(--gold-border)}.potion:active:not(:disabled){transform:translateY(1.5px) scale(.98)}.potion:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.5)}.potion .ic{font-size:16px}.potion .n{font-size:12px;font-weight:600}.potion b[data-count]{color:var(--gold);font-size:12.5px;margin-left:2px}.manage-section{display:flex;flex-direction:column;gap:8px}.manage-sheet-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:4px;border-bottom:1px solid var(--line-strong)}.sheet-title-group{display:flex;flex-direction:column;gap:2px}.sheet-drag-handle{width:36px;height:4px;border-radius:2px;background:#ffffff40;margin:0 auto 4px;display:block}.sheet-title{margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:16px;font-weight:800;color:var(--gold-glow)}.btn-close-sheet{font:inherit;font-size:12px;font-weight:700;background:#fff5e114;border:1px solid var(--line-strong);color:var(--paper-200);border-radius:var(--radius-sm);padding:6px 12px;cursor:pointer;transition:all .15s ease}.btn-close-sheet:hover{background:#fff5e129;border-color:var(--gold);color:var(--gold)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line-strong);padding-bottom:2px}.tab{flex:1;font:inherit;font-size:12px;font-weight:600;padding:8px 2px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--paper-dim);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:42px;transition:color .15s ease,border-color .15s ease}.tab-icon{font-size:15px}.tab.active{color:var(--gold-glow);border-bottom-color:var(--gold)}.tabbody{display:flex;flex-direction:column;gap:8px;padding-bottom:8px;overflow-y:auto;max-height:48vh}.tabbody::-webkit-scrollbar{width:5px}.tabbody::-webkit-scrollbar-thumb{background:var(--ink-600);border-radius:4px}.rowitem{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:9px 11px;border-radius:var(--radius-md);border:1px solid var(--line-strong);background:#fff5e10a}.rowitem .t{font-size:13px;font-weight:700;color:var(--paper-100)}.rowitem .d{font-size:11.5px;color:var(--paper-dim);margin-top:2px;line-height:1.4}.rowitem .p{font-size:12.5px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;margin-bottom:3px}.rowitem.owned{border-color:#2ea36873;background:#2ea3680f}.chips,.chips-eq{display:flex;flex-wrap:wrap;gap:5px}.chips-eq>.chip{flex:1 1 auto;min-width:max-content;text-align:center}.chip{font:inherit;font-size:12px;font-weight:600;padding:6px 11px;border-radius:var(--radius-full);border:1px solid var(--line-strong);background:#fff5e10f;color:var(--paper-200);cursor:pointer;min-height:34px;transition:all .15s ease}.chip:hover{background:#fff5e11f;border-color:var(--gold-border)}.chip.active{background:linear-gradient(180deg,var(--gold),var(--gold-dim));color:#241405;border-color:var(--gold);font-weight:800}.section-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--paper-dim);margin:4px 0 -2px}.timebox{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:var(--radius-md);border:1px solid var(--gold-border);background:linear-gradient(145deg,#f5b9421a,#f5b94208)}.timebox .big{font-size:24px;font-weight:800;color:var(--gold-glow);font-variant-numeric:tabular-nums}.foot{margin-top:auto;display:flex;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--line)}.linkbtn{font:inherit;font-size:12px;background:none;border:none;color:var(--paper-dim);cursor:pointer;padding:4px 2px;text-decoration:underline dotted}.linkbtn.danger{color:#f87171}.modal{position:fixed;inset:0;display:grid;place-items:center;background:#0a0705f0;z-index:120;padding:16px;animation:fadeIn .2s ease}.modal.hidden{display:none}.modalbox{max-width:540px;width:100%;max-height:85vh;overflow-y:auto;background:linear-gradient(180deg,#241b16,#17110c);border:1px solid var(--gold);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-lg),0 0 24px #f5b94240}.modalbox h2{margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:20px;font-weight:800;color:var(--gold-glow)}.modalbox p,.modalbox li{font-size:13.5px;line-height:1.6;color:#dfcaa8}.modalbox ul{padding-left:18px;margin:8px 0}.modal-head{display:flex;align-items:center;gap:10px;margin:0 0 10px}.modal-head h2{flex:1 1 auto;min-width:0;margin:0}.modal-x{flex:0 0 auto;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:17px;font-weight:700;line-height:1;border-radius:9px;border:1px solid rgba(245,185,66,.35);background:#fff5e10f;color:var(--paper-200, #e8dcc8);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.modal-x:hover{background:#fff5e124;border-color:var(--gold);color:var(--gold-glow)}.modal-x:active{transform:scale(.92)}.modalbox>.btn{margin-top:14px;width:100%}.ci-avatars{position:sticky;top:-20px;z-index:3;display:flex;gap:6px;margin:0 -4px 10px;padding:8px 4px;background:linear-gradient(180deg,#241b16 70%,#241b16e6);border-bottom:1px solid rgba(245,185,66,.22);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ci-avatars::-webkit-scrollbar{display:none}.ci-av{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 4px 4px;min-width:62px;border-radius:10px;border:1.5px solid rgba(245,185,66,.2);background:#fff5e10a;color:var(--paper-dim);font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .1s ease}.ci-av:active{transform:scale(.95)}.ci-av.active{border-color:var(--ci-color, var(--gold));background:#fff5e11a;box-shadow:0 0 0 1px var(--ci-color, var(--gold)) inset,0 3px 10px #00000073}.ci-av-name{font-size:10.5px;font-weight:700;line-height:1.15;text-align:center;max-width:62px;color:var(--paper-200, #e8dcc8);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ci-av.active .ci-av-name{color:var(--gold-glow)}.ci-av-img{display:inline-block;flex:0 0 auto;border-radius:8px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#fff5e10f;box-shadow:inset 0 0 0 1px #ffffff1f}.ci-tabs{position:sticky;top:calc(-20px + var(--ci-av-h));z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 -4px 10px;padding:6px 4px;background:linear-gradient(180deg,#241b16 70%,#241b16eb);border-bottom:1px solid rgba(245,185,66,.18)}.ci-tab{font:inherit;font-size:13px;font-weight:800;letter-spacing:.03em;padding:9px 6px;min-height:40px;border-radius:8px;border:1px solid rgba(245,185,66,.25);background:#fff5e10d;color:var(--paper-200, #e8dcc8);cursor:pointer;transition:all .15s ease}.ci-tab:hover{background:#fff5e11a}.ci-tab.active{background:linear-gradient(180deg,var(--gold),var(--gold-dim));color:#241405;border-color:var(--gold);font-weight:900;box-shadow:0 2px 8px #f5b9424d}.ci-panel{animation:fadeIn .15s ease}.ci-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:5px 10px;margin:0 0 10px;font-size:12px}.ci-stat{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:5px 8px;border-radius:6px;background:#fff5e10a;border:1px solid rgba(255,245,225,.07)}.ci-stat-k{color:var(--paper-dim)}.ci-stat-v{font-weight:800;color:var(--paper-200, #e8dcc8);white-space:nowrap}.ci-delta{margin-left:4px;font-size:10.5px;font-weight:800;color:#4ade80}.ci-power{margin:0 0 10px;padding:8px 10px;border-radius:8px;background:#f5b9421a;border-left:3px solid var(--gold);font-size:12.5px;color:var(--paper-dim)}.ci-power b{font-size:15px;color:var(--gold-glow)}.ci-power-note{font-size:10.5px;opacity:.75}.ci-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ci-dot{flex:0 0 auto;width:14px;height:14px;background:var(--ci-color, var(--gold));border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff59,0 1px 3px #00000080}.ci-name{font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:15px;font-weight:800;color:var(--gold-glow);line-height:1.2}.ci-name em{font-family:Be Vietnam Pro,sans-serif;font-style:normal;font-size:11.5px;font-weight:600;color:var(--paper-dim)}.ci-role{font-size:11.5px;color:var(--paper-dim)}.ci-blurb{margin:0 0 8px;font-size:12.5px;font-style:italic;opacity:.9}.ci-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:4px 8px;margin-bottom:10px;font-size:11.5px;color:var(--paper-dim)}.ci-stats b{color:var(--paper-200, #e8dcc8)}.ci-ult{margin:0 0 10px;padding:8px 10px;background:#f5b9421a;border-left:3px solid var(--gold);border-radius:6px}.ci-ult-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-bottom:3px}.ci-ult-tag{flex:0 0 auto;font-size:9.5px;font-weight:900;letter-spacing:.08em;color:#241203;background:linear-gradient(180deg,#fde68a,#f59e0b);border-radius:4px;padding:1px 5px}.ci-ult-name{font-size:13px;font-weight:800;color:var(--gold-glow)}.ci-ult-meta{margin-left:auto;flex:0 0 auto;font-size:10.5px;font-weight:700;color:var(--paper-dim);white-space:nowrap}.ci-ult-desc{font-size:11.5px;line-height:1.45;color:var(--paper-200, #e8dcc8)}.ci-skills-label{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--gold);margin-bottom:4px}.ci-skills{list-style:none;padding:0;margin:0}.ci-skill{padding:5px 0;border-top:1px solid rgba(255,245,225,.08)}.ci-skill-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.ci-skill-name{font-size:12.5px;font-weight:700;color:var(--paper-200, #e8dcc8)}.ci-skill-meta{flex:0 0 auto;font-size:10.5px;font-weight:700;color:var(--gold-glow);white-space:nowrap}.ci-skill-desc{font-size:11.5px;line-height:1.45;color:var(--paper-dim)}@media(max-width:560px){.modal{padding:8px}.modalbox{max-width:100%;max-height:94vh;padding:12px 12px 14px;border-radius:12px}:root{--ci-av-h: 96px}.ci-avatars{top:-12px;gap:5px}.ci-tabs{top:calc(-12px + var(--ci-av-h))}.ci-av{min-width:58px;padding:4px 3px 3px}.ci-av-name{font-size:10px;max-width:58px}.ci-stats{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:4px 6px}.ci-stat{padding:5px 7px}.ci-tab{min-height:44px;font-size:13.5px}.modalbox h2{font-size:18px}}@media(max-height:520px)and (orientation:landscape){.modal{padding:6px}.modalbox{max-height:96vh;padding:10px 12px}.ci-avatars{top:-10px;padding:5px 4px;margin-bottom:6px}.ci-tabs{top:calc(-10px + var(--ci-av-h));padding:4px;margin-bottom:6px}.ci-stats{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:3px 6px}.ci-tab{min-height:34px;font-size:12px;padding:4px}.ci-av-img{width:34px!important;height:34px!important}.ci-av{min-width:0;padding:4px 5px 3px}.ci-av-name{font-size:9.5px;-webkit-line-clamp:1;max-width:none;white-space:nowrap}:root{--ci-av-h: 68px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:961px){#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}#home,#ingame{flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0}#app[data-screen=game] #ingame{position:relative;width:100%;height:100%;overflow:hidden;display:block}#app[data-screen=game] .top-hud{position:absolute;top:0;left:0;right:0;z-index:30}#app[data-screen=game] #stage{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;z-index:1}#app[data-screen=game] #side{position:absolute;inset:0;width:100%;height:100%;z-index:20;pointer-events:none;background:transparent!important;border:none!important;box-shadow:none!important;overflow:hidden;padding:0;margin:0;gap:0}.mobile-nav-toggle,.manage-sheet-header{display:none}.battle-section{display:flex}.manage-section{display:none}}@media(max-width:960px){#app{display:flex;flex-direction:column;height:100dvh;overflow:hidden}#home,#ingame{flex:1 1 auto;min-width:0;min-height:0;width:100%}#app[data-screen=game] #ingame{display:flex;flex-direction:column}*,*:before,*:after{-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;user-select:none!important;-webkit-user-select:none!important}button,.btn,.qr-chip,.potion,.skill,.mobile-subtab,.home-btn,.mapnav,.diff-pill{touch-action:manipulation}.top-hud{height:calc(38px + var(--sat));padding-top:var(--sat);padding-left:max(6px,var(--sal));padding-right:max(6px,var(--sar));background:linear-gradient(180deg,#1c140d,#100b08);border-bottom:1px solid rgba(245,185,66,.35);box-shadow:0 4px 12px #0009;gap:4px}.hud-title,#btnHelp{display:none}.stats{gap:3px;align-items:center;flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.stats::-webkit-scrollbar{display:none}.stat{height:24px;padding:1px 6px;gap:3px;border-radius:9999px;background:#241a12d9;border:1px solid rgba(245,185,66,.25);box-shadow:inset 0 1px #ffffff14;white-space:nowrap;flex-shrink:0}.stat-core .core-meter-track{display:none}.stat-badge{font-size:11px}.stat b{font-size:11px;font-weight:800}.hud-right{gap:3px}.hud-btn{height:26px;min-width:26px;padding:0 3px;font-size:11px;border-radius:7px;background:linear-gradient(180deg,#38281d,#1e150f);border:1px solid rgba(245,185,66,.4);box-shadow:0 2px 5px #00000080}#stage{flex:0 0 auto;width:100%;max-height:38vh;aspect-ratio:1000 / 600;padding:3px 6px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#1f1611,#0c0907)}#arena{width:100%;height:100%;border-radius:8px;box-shadow:0 0 0 1px #f5b9424d,0 6px 20px #000000b3}#side{flex:1 1 auto;width:100%;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding:6px 8px;gap:5px;padding-bottom:max(12px,var(--sab));background:linear-gradient(180deg,#18110b,#0e0906);border-top:1px solid rgba(245,185,66,.35)}.battle-section{display:flex}.manage-section{display:none}.dock-actions-row{display:flex;flex-direction:column;gap:4px;width:100%}.dock-actions-row .controls{display:flex;gap:4px;align-items:center;width:100%;flex-wrap:nowrap}.dock-actions-row .controls .btn.primary{flex:1 1 auto;min-width:90px;min-height:42px;height:42px;font-size:13px;font-weight:900;padding:2px 8px;line-height:1.15;letter-spacing:.03em;border-radius:10px;background:linear-gradient(180deg,#ffe066,#f59e0b 35%,#b45309 85%,#78350f);color:#241203;border:1px solid #fff2a8;box-shadow:0 3px 12px #f59e0b66,inset 0 1px #ffffffb3,inset 0 -2px #0000004d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;transition:transform .1s ease,filter .15s ease}.dock-actions-row .controls .btn.primary:active{transform:translateY(1.5px) scale(.97)}.btn-ctrl{min-width:38px;width:38px;min-height:42px;height:42px;font-size:13px;border-radius:9px;flex-shrink:0;overflow:hidden;background:linear-gradient(180deg,#3a2b1f,#201710);border:1px solid rgba(245,185,66,.35);box-shadow:0 2px 6px #0006;transition:transform .1s ease}.btn-ctrl:active{transform:scale(.93)}.controls .btn.toggle{min-width:38px;width:38px;height:42px;padding:0;font-size:15px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.controls .btn.toggle .ctrl-tag{display:none!important}.controls .btn.toggle[aria-pressed=true]{background:linear-gradient(180deg,#fcd34d,#f59e0b 60%,#b45309);border-color:#fbbf24;color:#261103;box-shadow:0 0 10px #fbbf2473}.controls .btn.toggle[aria-pressed=false]{background:#241a14d9;color:var(--paper-300);border-color:#f5b94233;opacity:.75}.tip{font-size:10.5px;padding:3px 6px;margin:1px 0;background:#f5b94214;border-radius:6px;border-left:3px solid var(--gold);color:var(--paper-200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-recruit-row{padding:3px 6px;gap:2px;background:#1a130de6;border-radius:10px;border:1px solid rgba(245,185,66,.25)}.qr-head{display:flex;align-items:center;gap:6px;padding:0 2px 2px}.qr-help{width:18px;height:18px;min-width:18px;font-size:11px;border-radius:50%}.qr-title{font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.05em;color:var(--gold-glow)}.qr-count{margin-left:auto;font-size:10px;font-weight:800;padding:1px 6px;border-radius:9999px;background:#f5b94226;color:#ffe680;border:1px solid rgba(245,185,66,.3)}.qr-chips{display:flex;justify-content:space-between;gap:4px;padding:2px 0;overflow-x:visible}.qr-chip{flex:1 1 0;min-width:0;height:44px;padding:2px;gap:2px;border-radius:8px;background:linear-gradient(180deg,#35261d,#1e1610);border:1px solid rgba(245,185,66,.3);box-shadow:0 2px 6px #0006;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .1s ease,border-color .15s ease,box-shadow .15s ease}.qr-chip:active:not(:disabled){transform:scale(.92)}.qr-chip.affordable{border-color:#fbbf24;box-shadow:0 0 8px #fbbf2459}.qr-chip.unaffordable{opacity:.5;filter:grayscale(.5)}.qr-seal{width:24px;height:24px;border-radius:6px;box-shadow:0 0 0 1px #f5b94266;overflow:hidden}.qr-name{display:none!important}.qr-price{font-size:9.5px;font-weight:900;color:#fbbf24;line-height:1}.potions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.potion{min-height:36px;height:36px;padding:0 6px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:linear-gradient(180deg,#2e2117f2,#16100bfa);border:1px solid rgba(245,185,66,.3);box-shadow:0 2px 6px #0006;transition:transform .1s ease,border-color .15s ease}.potion .ic{font-size:16px;line-height:1}.potion .potion-label{display:none!important}.potion b[data-count]{font-size:12px;font-weight:900;color:var(--gold-glow);background:#00000080;padding:1px 6px;border-radius:999px;border:1px solid rgba(245,185,66,.3);line-height:1}.potion:active:not(:disabled){transform:scale(.93)}.potion:not(:disabled):hover{border-color:var(--gold);box-shadow:0 0 10px #f5b9424d}.hero{padding:6px 8px;gap:7px;border-radius:12px;background:linear-gradient(180deg,#261b13f2,#140e0afa);border:1.5px solid rgba(245,185,66,.25);box-shadow:0 4px 14px #00000080;transition:all .15s ease}.hero.selected{border-color:#fbbf24;box-shadow:0 0 14px #fbbf2459}.avatar{width:40px;height:40px;border-radius:10px;border:1.5px solid rgba(245,185,66,.5);box-shadow:0 2px 8px #00000080;flex-shrink:0;overflow:hidden}.hname{font-size:13px;font-weight:800;color:var(--gold-glow);display:flex;align-items:baseline;justify-content:space-between;gap:4px;line-height:1.2}.hname em{font-size:10px;color:var(--paper-300);font-weight:600}.bar{height:5px;border-radius:3px;background:#0009;border:1px solid rgba(255,255,255,.08)}.bar.hp i{background:linear-gradient(90deg,#ef4444,#22c55e);border-radius:2px}.bar.mana i{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px}.bar.stam i{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:2px}.hero:not(.selected) .skills,.hero:not(.selected) .ammo,.hero:not(.selected) .status,.hero:not(.selected) .skill.ult{display:none}.hero:not(.selected){padding:4px 6px;opacity:.8;cursor:pointer;align-items:center}.hero:not(.selected) .avatar{width:26px;height:26px;border-radius:6px}.hero:not(.selected):hover{opacity:1;border-color:#f5b94280}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:4px}.skill{min-height:44px;height:44px;font-size:9.5px;padding:2px 3px;border-radius:8px;background:linear-gradient(180deg,#3c2a1ee6,#231810f2);border:1px solid rgba(245,185,66,.3);display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:transform .1s ease}.skill .sk-mana{font-size:8px;font-weight:800;color:var(--gold-glow);background:#0009;padding:1px 4px;border-radius:3px;line-height:1;align-self:flex-end}.skill .sk-name{font-size:9.5px;font-weight:700;color:var(--paper-100);line-height:1.15;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skill:active:not([disabled]){transform:scale(.93)}.skill.ult{height:auto;min-height:42px;margin-top:5px;padding:4px 10px;border-radius:10px;background:linear-gradient(180deg,#d97706,#9a3412,#451a03);border:2px solid #fbbf24;box-shadow:0 4px 14px #fbbf2466,inset 0 1px #fff9;color:#fff;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:space-between;transition:transform .1s ease,box-shadow .15s ease}.skill.ult:active:not([disabled]){transform:scale(.95)}.skill.ult .sk-name{font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:12px;font-weight:800;letter-spacing:.04em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);width:auto;text-align:left}.skill.ult .ult-state{font-size:10px;font-weight:800;color:#6ee7b7;order:3}.skill.ult .sk-mana{font-size:10px;font-weight:800;color:#fde68a;order:2;align-self:center}}@media(max-height:520px)and (orientation:landscape){#app{display:flex;flex-direction:column;height:100dvh;overflow:hidden}#home,#ingame{flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0}#app[data-screen=game] #ingame{position:relative;width:100%;height:100%;overflow:hidden;display:block}.top-hud{grid-column:1 / -1;height:calc(28px + var(--sat));padding-top:var(--sat);padding-left:max(6px,var(--sal));padding-right:max(6px,var(--sar));gap:4px}.hud-title{display:none}.seal-mini{width:20px;height:20px;font-size:11px}.stats{gap:4px;max-width:none}.stat{height:20px;padding:1px 5px;font-size:10.5px;gap:3px}.stat-badge{font-size:10px}.stat b{font-size:10.5px}.hud-btn{height:22px;min-width:24px;padding:0 4px;font-size:11px}#app[data-screen=game] .top-hud{position:absolute;top:0;left:0;right:0;z-index:30}#stage{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;min-height:0;padding:0;margin:0;z-index:1}#side{position:absolute;inset:0;width:100%;height:100%;max-height:100%;z-index:20;pointer-events:none;background:transparent!important;border:none!important;box-shadow:none!important;overflow:hidden;padding:0;margin:0;gap:0}.manage-sheet-header{display:none}.battle-section{display:flex}.manage-section{display:none}.dock-actions-row,.dock-actions-row .controls{gap:3px}.dock-actions-row .controls .btn.primary{min-width:70px;min-height:32px;height:32px;padding:2px 6px;font-size:11px;overflow:hidden}.btn-ctrl{min-width:32px;width:32px;min-height:32px;height:32px;font-size:11px;overflow:hidden}.controls .btn.toggle{min-width:32px;width:32px;height:32px;overflow:hidden;padding:0}.controls .btn.toggle .ctrl-tag{display:none!important}.tip{display:none}.quick-recruit-row{padding:2px 4px;gap:2px}.qr-head{padding:0 1px 1px}.qr-title{font-size:9.5px}.qr-count{font-size:9px;padding:0 4px}.qr-chips{display:flex;justify-content:space-between;gap:3px;overflow-x:visible}.qr-chip{flex:1 1 0;min-width:0;height:34px;padding:1px 2px;gap:2px;flex-direction:column;align-items:center;justify-content:center}.qr-seal{width:18px;height:18px;border-radius:4px}.qr-name{display:none!important}.qr-price{font-size:8px;line-height:1}.potions{display:flex;gap:4px;width:100%}.potion{flex:1 1 0;min-width:0;min-height:28px;height:28px;padding:1px 4px;font-size:9.5px;gap:4px;border-radius:7px}.potion .ic{font-size:13px}.potion .potion-label{display:none!important}.potion b[data-count]{font-size:9.5px;padding:0 4px}.hero{padding:3px 5px;gap:4px;border-radius:8px}.avatar{width:26px;height:26px;border-radius:6px}.hname{font-size:11px}.hname em{font-size:8.5px}.bar{height:4px}.hero:not(.selected) .skills,.hero:not(.selected) .skill.ult,.hero:not(.selected) .ammo,.hero:not(.selected) .status{display:none}.skills{grid-template-columns:repeat(3,1fr);gap:3px;margin-top:2px}.skill{min-height:30px;height:30px;font-size:8px;padding:1px 2px;border-radius:6px}.skill .sk-mana{font-size:7px;padding:0 2px}.skill .sk-name{font-size:8px;line-height:1.1}.skill.ult{min-height:28px;height:28px;margin-top:2px;padding:1px 6px;border-radius:6px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.skill.ult .sk-name{font-size:9.5px;width:auto}.skill.ult .ult-state,.skill.ult .sk-mana{font-size:8px}}.mapgrid{display:flex;flex-direction:column;gap:6px;width:min(680px,94vw);max-height:52vh;overflow-y:auto;padding:4px 2px}.maprow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border-radius:var(--radius-md);background:#fff5e10d;border:1px solid var(--line)}.mapname{display:flex;flex-direction:column;text-align:left;min-width:0}.mapname b{font-size:14px;color:var(--gold-glow)}.mapname span{font-size:11px;color:var(--paper-300);opacity:.8}.mapdiffs{display:flex;gap:5px;flex-shrink:0}.diff-btn{font:inherit;font-size:11.5px;font-weight:800;padding:5px 10px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:#241a14e6;color:var(--paper-200);cursor:pointer;transition:all .15s ease}.diff-btn:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px)}.diff-btn.active{background:linear-gradient(180deg,#fcd34d,#b45309);color:#261103;border-color:#fbbf24}.diff-btn.cleared{border-color:#4ade80;color:#bbf7d0}.diff-btn.locked,.diff-btn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.6)}.skillslots{display:flex;flex-direction:column;gap:5px}.skillslot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;border-radius:var(--radius-sm);background:#f5b94212;border:1px solid var(--gold-border)}.skillslot .t{font-size:12px;font-weight:700;color:var(--paper-100)}.skillslot .d{font-size:10.5px;color:var(--paper-300)}.btn.tiny{font-size:10.5px;padding:3px 8px;min-height:26px;flex-shrink:0}.tag{font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:var(--radius-full);background:#4ade8026;color:#bbf7d0;border:1px solid rgba(74,222,128,.35);white-space:nowrap}.tag.dim{background:#fff5e10f;color:var(--paper-300);border-color:var(--line)}.stat-gem b{color:#a5f3fc}.stat-map{font:inherit;cursor:default;color:inherit;user-select:none}.stat-map b{font-size:12px}#ingame{display:none;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;width:100%}#app[data-screen=game] #ingame{display:flex}#app[data-screen=game] #home{display:none}.home{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;width:100%;max-width:100%;overflow:hidden;padding:10px 12px 8px;gap:8px;position:relative;z-index:5}.home-bg-layer{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.home-bg-img{position:absolute;top:-6%;left:-6%;width:112%;height:112%;background:url(../art/ai/home-bg.webp) center 40% / cover no-repeat;animation:homeBgDrift 32s ease-in-out infinite alternate;will-change:transform}@keyframes homeBgDrift{0%{transform:scale(1) translate(0)}50%{transform:scale(1.05) translate(-1.5%,-.8%)}to{transform:scale(1.02) translate(.8%,-1.2%)}}.home-bg-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 20%,rgba(12,8,5,.45) 60%,rgba(8,5,3,.85) 100%),linear-gradient(180deg,#0e0a07d1,#0e0a0733 22%,#0e0a0740 65%,#0a0705f0);pointer-events:none}.home-bg-petals{position:absolute;inset:0;overflow:hidden;pointer-events:none}.petal{position:absolute;border-radius:150% 0;background:linear-gradient(135deg,#ffb9c3cc,#ff788c73);box-shadow:0 0 8px #ffa0b499;opacity:0;animation:petalFall linear infinite}@keyframes petalFall{0%{transform:translateY(-10px) rotate(0);opacity:0}12%{opacity:.85}88%{opacity:.85}to{transform:translate(-140px,105vh) rotate(420deg);opacity:0}}.p1{left:12%;width:9px;height:13px;animation-duration:13s;animation-delay:0s}.p2{left:32%;width:7px;height:10px;animation-duration:16s;animation-delay:3s}.p3{left:52%;width:10px;height:14px;animation-duration:12s;animation-delay:6s}.p4{left:72%;width:8px;height:11px;animation-duration:15s;animation-delay:1.5s}.p5{left:88%;width:9px;height:12px;animation-duration:17s;animation-delay:4.5s}.p6{left:22%;width:6px;height:9px;animation-duration:14s;animation-delay:8s}.p7{left:62%;width:8px;height:11px;animation-duration:18s;animation-delay:2s}.p8{left:42%;width:9px;height:13px;animation-duration:15s;animation-delay:9s}.home>:not(.home-bg-layer):not(.home-panel){position:relative;z-index:2}.home-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.home-brand{display:flex;align-items:center;gap:9px}.home-title{font-family:Cinzel,Be Vietnam Pro,serif;font-size:20px;font-weight:900;letter-spacing:.06em;color:var(--gold-glow);line-height:1.1}.home-sub{font-size:11.5px;color:var(--paper-300);opacity:.85}.home-res{display:flex;gap:6px;flex-wrap:wrap}.home-mid{display:flex;align-items:center;gap:6px;flex:1 1 auto;min-height:0}.mapnav{flex-shrink:0;width:40px;height:64px;border-radius:var(--radius-md);border:1px solid var(--gold-border);background:#241a14e6;color:var(--gold-glow);font-size:26px;font-weight:900;line-height:1;cursor:pointer;transition:all .15s ease}.mapnav:hover{border-color:var(--gold);background:#403024f2}.mapnav:active{transform:scale(.94)}.mapcarousel{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 2px 8px;flex:1 1 auto;min-width:0;cursor:grab}.mapcarousel::-webkit-scrollbar{display:none}.mapcarousel.dragging{cursor:grabbing;scroll-snap-type:none}.mapcard{scroll-snap-align:start;flex:0 0 min(340px,78vw);display:flex;flex-direction:column;border-radius:var(--radius-lg);border:1px solid var(--line-strong);background:linear-gradient(180deg,#261c16f2,#140f0cfa);overflow:hidden;transition:border-color .15s ease,transform .15s ease}.mapcard.locked{filter:grayscale(.7);opacity:.62}.mapcard.cleared{border-color:#4ade8073}.mapcard-art{width:100%;height:132px;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.mapcard-body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:5px}.mapcard-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.mapcard-id{font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:15px;font-weight:800;color:var(--gold-glow)}.mapcard-badge{font-size:10px;font-weight:800;padding:2px 7px;border-radius:var(--radius-full);background:#fff5e11a;border:1px solid var(--line);white-space:nowrap}.mapcard-badge.done{background:#4ade8029;color:#bbf7d0;border-color:#4ade8066}.mapcard-badge.locked{background:#94a3b824;color:#cbd5e1}.mapcard-name{font-size:14.5px;font-weight:800;color:var(--paper-100)}.mapcard-blurb{font-size:11.5px;line-height:1.35;color:var(--paper-300);min-height:30px}.mapcard-diffs{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}.diff-pill{font:inherit;font-size:11.5px;font-weight:800;padding:5px 10px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:#241a14e6;color:var(--paper-200);cursor:pointer;transition:all .15s ease}.diff-pill:hover:not(:disabled){border-color:var(--gold);transform:translateY(-1px)}.diff-pill.on{background:linear-gradient(180deg,#fcd34d,#b45309);color:#261103;border-color:#fbbf24}.diff-pill.done{border-color:#4ade8080;color:#bbf7d0}.diff-pill.on.done{color:#261103}.diff-pill:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.6)}.mapdots{display:flex;justify-content:center;gap:5px;padding:2px 0 4px}.dot{width:7px;height:7px;padding:0;border-radius:50%;border:none;background:#fff5e138;cursor:pointer;transition:all .15s ease}.dot.on{background:var(--gold);width:20px;border-radius:var(--radius-full)}.home-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:100%;max-width:860px;margin:0 auto}.home-btn{font:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 6px;border-radius:var(--radius-md);border:1px solid var(--gold-border);background:linear-gradient(180deg,#2e2219eb,#1a130ef5);color:var(--paper-100);cursor:pointer;transition:all .15s ease}.home-btn:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 6px 18px #00000059}.home-btn:active{transform:scale(.97)}.hb-icon{font-size:22px;line-height:1}.hb-label{font-size:13px;font-weight:800;color:var(--gold-glow)}.hb-desc{font-size:10px;color:var(--paper-300);opacity:.85;text-align:center}.home-enter{display:flex;flex-direction:column;align-items:center;gap:4px;padding:2px 0 4px;width:100%}.home-enter-btn,.home-enter .home-enter-btn,.btn.primary.home-enter-btn,#btnStartRun{width:min(340px,86vw);min-height:48px;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:16px;font-weight:800;letter-spacing:.08em;border-radius:9999px;background:linear-gradient(180deg,#ffe066,#f59e0b 35%,#b45309 80%,#78350f);color:#200f02;border:1.5px solid #fff2a8;box-shadow:0 4px 16px #f59e0b73,inset 0 2px #fffc,inset 0 -3px #00000059;text-shadow:0 1px 0 rgba(255,255,255,.4);transition:transform .1s ease,filter .15s ease,box-shadow .15s ease;cursor:pointer;touch-action:manipulation}.home-enter .home-enter-btn:hover,#btnStartRun:hover{filter:brightness(1.1);box-shadow:0 6px 22px #f59e0b8c,inset 0 2px #fffc}.home-enter .home-enter-btn:active,#btnStartRun:active{transform:scale(.96) translateY(2px);box-shadow:0 2px 8px #f59e0b4d}.home-enter-hint{font-size:11.5px;color:var(--paper-300);text-align:center;min-height:15px}.home-enter-hint b{color:var(--gold-glow)}.home-foot{display:flex;justify-content:center;gap:14px;padding-bottom:2px}.home-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:40;padding:10px;background:transparent}#app.panel-open .home-top,#app.panel-open .home-mid,#app.panel-open .mapdots,#app.panel-open .home-actions,#app.panel-open .home-enter,#app.panel-open .home-foot{pointer-events:none}.home-panel.hidden{display:none}.home-panel-box{width:min(760px,96vw);max-height:86dvh;display:flex;flex-direction:column;border:1px solid var(--gold-border);background:#140f0b;overflow:hidden}.home-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--line)}.home-panel-head h2{margin:0;font-size:15px;font-weight:800;color:var(--gold-glow)}.home-panel-body{padding:10px 12px 14px;overflow-y:auto;flex:1 1 auto;min-height:0}@media(max-width:560px){.home-actions{grid-template-columns:repeat(3,1fr);gap:4px;padding:5px 6px max(6px,var(--sab));background:linear-gradient(180deg,#1c140efa,#0e0a07);border-top:1px solid rgba(245,185,66,.35);box-shadow:0 -4px 20px #000000b3;margin:0 -12px -8px;z-index:25}.home-btn{padding:7px 2px 5px;min-height:52px;border-radius:10px;background:linear-gradient(180deg,#2e2219b3,#1a130ee6);border:1px solid rgba(245,185,66,.25);box-shadow:0 2px 6px #0006;gap:3px;transition:transform .1s ease,border-color .15s ease,background .15s ease}.home-btn:active{transform:scale(.93);border-color:#fbbf24;background:linear-gradient(180deg,#4a3424e6,#2e2016)}.hb-icon{font-size:21px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.hb-label{font-size:11px;font-weight:800;color:var(--gold-glow);letter-spacing:.02em}.hb-desc{display:none}.mapcard{flex:0 0 min(310px,86vw);border-radius:14px;border:1.5px solid rgba(245,185,66,.35);box-shadow:0 8px 24px #0009}.mapcard-art{height:112px}.mapnav{width:36px;height:56px;font-size:24px;border-radius:10px;background:#241a12d9;border:1px solid rgba(245,185,66,.3)}.home-title{font-size:18px}.home-panel{padding:0}.home-panel-box{width:100%;height:100dvh;max-height:100dvh;border:none;border-radius:0;box-shadow:none}.home-panel-head{padding-top:max(10px,var(--sat));padding-left:max(12px,var(--sal));padding-right:max(12px,var(--sar))}.home-panel-body{padding-bottom:max(14px,var(--sab))}}@media(max-height:520px){.home{overflow-y:hidden;gap:4px;padding:6px max(10px,var(--sar)) 6px max(10px,var(--sal));justify-content:space-between}.home-top{flex-shrink:0;min-height:32px}.home-mid{flex:1 1 auto;min-height:0;margin:2px 0}.mapcard{flex:0 0 min(290px,55vw);border-radius:12px}.mapcard-art{height:58px}.mapcard-body{padding:4px 8px 6px;gap:3px}.mapcard-id,.mapcard-name{font-size:13px}.mapcard-blurb,.home-sub{display:none}.home-enter{gap:2px;padding:0}.home-enter .home-enter-btn,#btnStartRun{min-height:38px!important;height:38px!important;width:min(280px,46vw)!important;font-size:14px!important;border-radius:9999px!important}.home-enter-hint{font-size:10.5px;min-height:14px}.home-actions{grid-template-columns:repeat(6,1fr)!important;gap:4px;width:100%;max-width:780px;margin:0 auto}.home-btn{min-height:36px;height:36px;padding:2px 4px;flex-direction:row;justify-content:center;align-items:center;gap:4px;border-radius:8px;background:linear-gradient(180deg,#261b14e6,#140e0af2)}.home-btn .hb-icon{font-size:15px}.home-btn .hb-label{font-size:11.5px;font-weight:800}.home-foot{padding:0;min-height:14px}.home-foot .linkbtn{font-size:10.5px;padding:0}}@media(max-height:520px)and (orientation:landscape){#app[data-screen=game] #ingame{position:relative;width:100%;height:100%;overflow:hidden;display:block}}.wavebar{top:8px;left:10px;transform:none;padding:3px 10px;gap:8px;border-radius:var(--radius-full);background:#0e0b08b8;border:1px solid rgba(245,185,66,.22);box-shadow:none;font-size:11px;letter-spacing:.03em;color:#f3e7d3b8;font-weight:500;opacity:.94;transition:opacity .25s ease}.wavebar>span{display:inline-flex;align-items:center;gap:4px}.wavebar b{color:#fcd34df2;font-weight:700}.wavebar .wb-state{font-size:10px;font-weight:700;letter-spacing:.08em;padding-left:2px}.wavebar .wb-state.safe{color:#86efacd9}.wavebar .wb-state.busy{color:#fde68ae6}.wavebar .wb-state.danger{color:#fca5a5f2}@media(max-width:960px){.wavebar{top:4px;left:6px;font-size:10px;padding:2px 8px;gap:6px}.wavebar .wb-state{font-size:9px}}@media(max-height:520px)and (orientation:landscape){.wavebar{font-size:9.5px;padding:1px 7px;gap:5px;opacity:.9}.wavebar .wb-state{display:none}}.gear-preview{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;margin:6px 0 10px;border:1px solid rgba(245,185,66,.25);border-radius:10px;background:radial-gradient(circle at 50% 42%,#3c2c1ebf,#0e0b08f2)}.gear-preview canvas{display:block;width:150px;height:190px;image-rendering:auto}.bag-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--radius-md);border:1px solid var(--line-strong);background:#fff5e10a}.bag-row+.bag-row{margin-top:6px}.bag-row .bag-id{display:flex;align-items:center;gap:10px;flex:1 1 260px;min-width:0}.bag-row .bag-id>div{min-width:0}.bag-row .bag-avatar{flex:0 0 auto;width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.bag-row .head-img,.hero .avatar .head-img,.head-img{display:inline-block;flex:0 0 auto;box-sizing:border-box;vertical-align:middle;background-size:cover;background-position:center;background-repeat:no-repeat}.hero .avatar .head-img{width:100%!important;height:100%!important;max-width:100%;max-height:100%}.bag-row .head-img,.hero .avatar .head-img,.head-img{position:relative;background-color:#fff5e10f;clip-path:polygon(0 0,34% 0,34% 9%,66% 9%,66% 0,100% 0,100% 34%,91% 34%,91% 66%,100% 66%,100% 100%,66% 100%,66% 91%,34% 91%,34% 100%,0 100%,0 66%,9% 66%,9% 34%,0 34%)}.head-img-empty:after{content:"?";position:absolute;inset:0;display:grid;place-items:center;font-size:.55em;font-weight:800;color:#fff5e173}.seal-mini:before{content:"";position:absolute;inset:2.5px;border:1px solid rgba(255,235,170,.5);border-radius:4px;pointer-events:none}.seal-mini:after{content:"";position:absolute;inset:3.5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffd700'%3E%3Cpath d='M12 2L4 6v6c0 5.55 3.84 10.74 8 12 4.16-1.26 8-6.45 8-12V6l-8-4zm0 4a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 14.93c-2.83-1.12-5.18-4.14-5.83-6.93h11.66c-.65 2.79-3 5.81-5.83 6.93z'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8))}.boot-loading{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#241812,#140d09 60%,#0b0705);transition:opacity .35s ease}.boot-loading.done{opacity:0;pointer-events:none}.boot-loading.hidden{display:none}.boot-panel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 34px;text-align:center}.boot-seal{position:relative;width:56px;height:56px;border-radius:12px;background:linear-gradient(160deg,#d32f2f,#8b1818);box-shadow:inset 0 0 0 3px #ffe9c966,0 6px 18px #00000080;animation:bootPulse 1.6s ease-in-out infinite}.boot-seal:before{content:"";position:absolute;inset:5px;border:2px solid rgba(255,235,170,.5);border-radius:8px;pointer-events:none}.boot-seal:after{content:"";position:absolute;inset:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffd700'%3E%3Cpath d='M12 2L4 6v6c0 5.55 3.84 10.74 8 12 4.16-1.26 8-6.45 8-12V6l-8-4zm0 4a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0 14.93c-2.83-1.12-5.18-4.14-5.83-6.93h11.66c-.65 2.79-3 5.81-5.83 6.93z'/%3E%3C/svg%3E") center/contain no-repeat;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}@keyframes bootPulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.boot-title{margin:0;font-family:Cinzel,Be Vietnam Pro,serif;font-size:30px;letter-spacing:.14em;color:var(--gold-glow, #f5b942);text-shadow:0 2px 0 #7a4f10,0 4px 14px rgba(0,0,0,.8)}.boot-sub{margin:0;font-size:13.5px;color:var(--paper-200, #e8dcc8);min-height:18px}.boot-bar{width:min(320px,72vw);height:10px;border-radius:999px;background:#fff5e11a;box-shadow:inset 0 1px 3px #0009;overflow:hidden}.boot-bar>i{display:block;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#d97706,#f5b942,#fde68a);box-shadow:0 0 12px #f5b94299;transition:width .12s linear}.boot-pct{margin:0;font-size:12.5px;font-variant-numeric:tabular-nums;color:#e8dcc8bf}.settings-panel{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a0705b8;backdrop-filter:blur(2px);animation:fadeIn .15s ease}.settings-panel.hidden{display:none}.settings-box{width:min(420px,100%);max-height:86vh;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:var(--radius-lg, 14px);border:1px solid var(--line-strong);background:linear-gradient(160deg,#2c2018fa,#16100cfc);box-shadow:0 18px 50px #000000b3}.settings-box h2{margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:20px;font-weight:800;letter-spacing:.06em;color:var(--gold-glow);text-align:center}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.settings-label{font-size:14px;font-weight:700;color:var(--paper-100)}.settings-note{margin:0;font-size:13px;line-height:1.55;color:var(--paper-200)}.settings-seg{display:flex;border-radius:999px;border:1px solid var(--line-strong);overflow:hidden}.settings-seg .seg-btn{appearance:none;border:0;padding:8px 16px;font-size:13px;font-weight:700;color:var(--paper-200);background:transparent;cursor:pointer;transition:all .15s ease}.settings-seg .seg-btn.active{background:linear-gradient(180deg,#f5b942,#d97706);color:#241812}.settings-switch{appearance:none;border:0;background:transparent;display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px}.settings-switch .switch-track{position:relative;width:46px;height:26px;border-radius:999px;background:#fff5e129;border:1px solid var(--line-strong);transition:background .18s ease}.settings-switch .switch-track>i{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#e8dcc8;box-shadow:0 2px 5px #00000080;transition:transform .18s ease}.settings-switch[aria-checked=true] .switch-track{background:linear-gradient(180deg,#22c55e,#15803d)}.settings-switch[aria-checked=true] .switch-track>i{transform:translate(20px)}.settings-switch .switch-text{font-size:13px;font-weight:700;color:var(--paper-200);min-width:74px;text-align:left}.settings-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}#app[data-screen=arena] #ingame{display:flex}#app[data-screen=arena] #home{display:none}#app[data-screen=arena] #topHud,#app[data-screen=arena] #side,#app[data-screen=arena] #banner,#app[data-screen=arena] #toast,#app[data-screen=arena] #wavebar{display:none!important}#app[data-screen=arena] #stage{position:relative;inset:auto;flex:1 1 auto;min-height:0;max-height:none;width:100%;height:auto}.arena-screen{display:none}#app[data-screen=arena] .arena-screen{display:block;position:absolute;inset:0;pointer-events:none}.arena-hud-bar,.arena-hud-mid{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:6px 10px;box-sizing:border-box;flex:0 0 auto;background:linear-gradient(180deg,#0c0907e0,#0c09079e);border-bottom:1px solid rgba(245,185,66,.28)}.arena-hud-mid{border-bottom:none;border-top:1px solid rgba(245,185,66,.28);background:linear-gradient(0deg,#0c0907e0,#0c09079e);padding-bottom:calc(6px + var(--sab, 0px))}.arena-hud-left,.arena-hud-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.arena-hud-right{margin-left:auto}.arena-chip{display:flex;flex-direction:column;gap:1px;padding:4px 9px;border-radius:var(--radius-md);border:1px solid var(--gold-border);background:#1a130ed9;color:var(--paper-100);line-height:1.15}.arena-chip b{font-size:15px}.arena-chip small{font-size:10px;opacity:.72}.arena-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:800;font-size:13px;justify-content:center;color:var(--gold-glow)}.arena-status.st-won{color:#86efac}.arena-status.st-lost{color:#fca5a5}.arena-status.st-draw{color:#cbd5e1}.arena-exit{font:inherit;font-size:12px;font-weight:700;padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--gold-border);background:#1a130ee6;color:var(--paper-100);cursor:pointer}.arena-lands{display:flex;gap:6px}.arena-land{font:inherit;display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-md);border:1.5px solid rgba(120,113,108,.7);background:#1c1917bf;color:var(--paper-100);cursor:pointer}.arena-land.on{background:#f5b942eb;border-color:#fff3c4;color:#1c1917;font-weight:800;box-shadow:inset 4px 0 #fff3c4}.arena-heroes{display:flex;gap:6px;flex-wrap:wrap}.arena-hero{font:inherit;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 10px;border-radius:var(--radius-md);border:1px solid var(--gold-border);background:linear-gradient(180deg,#2e2219eb,#1a130ef5);color:var(--paper-100);cursor:pointer}.arena-hero .ah-name{font-size:12px;font-weight:700}.arena-hero .ah-cost{font-size:11px;color:var(--gold-glow)}.arena-farmer{font:inherit;display:flex;align-items:center;gap:5px;padding:7px 12px;border-radius:var(--radius-md);border:1px solid #4ade80;background:#162e1ee6;color:var(--paper-100);cursor:pointer}.arena-hint{font-size:12px;opacity:.7;margin:0}.arena-cadence{position:absolute;left:10px;top:50%;transform:translateY(-50%);margin:0;font-size:10px;line-height:1.5;color:#a8a29e;opacity:.55;pointer-events:none;max-width:150px}.arena-toast{position:absolute;left:50%;bottom:84px;transform:translate(-50%);margin:0;padding:7px 14px;border-radius:999px;background:#0c0907f0;border:1px solid var(--gold-border);color:var(--paper-100);font-size:13px;font-weight:700;pointer-events:none;max-width:88%;text-align:center}.arena-toast.bad{border-color:#f87171;color:#fecaca}.arena-toast.hidden{display:none}.arena-max-gold-banner{position:absolute;left:50%;bottom:88px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:linear-gradient(135deg,#dc2626f0,#d97706f5);border:2px solid #fef08a;color:#fff;font-weight:700;font-size:13px;letter-spacing:.3px;text-shadow:0 1px 2px rgba(0,0,0,.8);box-shadow:0 0 16px #ef4444cc,0 4px 12px #0006;pointer-events:none;z-index:40;white-space:nowrap;animation:arenaGoldPulse 1.1s ease-in-out infinite alternate}@keyframes arenaGoldPulse{0%{transform:translate(-50%) scale(.96);box-shadow:0 0 10px #f59e0b99,0 2px 8px #0006}to{transform:translate(-50%) scale(1.04);box-shadow:0 0 24px #ef4444f2,0 4px 16px #00000080}}.arena-stage-fx{position:fixed;inset:0;z-index:60;display:block;pointer-events:none}.arena-stage-fx.hidden{display:none}.arena-stage-flash{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 50% var(--fx-y, 50%),rgba(255,255,255,.55),rgba(255,255,255,0) 65%)}.arena-stage-flash.is-on{animation:arena-stage-flash-strong .34s ease-out 1}.arena-stage-flash.is-soft{animation:arena-stage-flash-soft .34s ease-out 1}@keyframes arena-stage-flash-strong{0%{opacity:0}18%{opacity:.85}to{opacity:0}}@keyframes arena-stage-flash-soft{0%{opacity:0}20%{opacity:.32}to{opacity:0}}.arena-stage-text{position:absolute;left:50%;top:var(--fx-y, 50%);transform:translate(-50%,-50%);font-weight:900;font-size:clamp(56px,12vw,132px);line-height:1;letter-spacing:.02em;color:#fde68a;text-shadow:0 0 18px rgba(0,0,0,.75),0 4px 10px rgba(0,0,0,.85);opacity:0;white-space:nowrap}.arena-stage-text.is-speed{color:#fff7d6;font-size:clamp(64px,14vw,150px)}.arena-stage-text.is-pop{animation:arena-stage-pop .9s cubic-bezier(.16,1,.3,1) 1 forwards}.arena-stage-text.is-count{animation:arena-stage-count .9s ease-out 1 forwards}@keyframes arena-stage-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}60%{transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes arena-stage-count{0%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}25%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:.15;transform:translate(-50%,-50%) scale(.92)}}.arena-stage-start{position:absolute;left:50%;top:var(--fx-y, 50%);transform:translate(-50%,-50%);pointer-events:auto}.arena-stage-start.hidden{display:none}.arena-stage-start-btn{padding:14px 42px;border-radius:999px;border:2px solid var(--gold-border);background:linear-gradient(180deg,#f5b942f5,#d97706f5);color:#1c1917;font-size:22px;font-weight:900;letter-spacing:.04em;cursor:pointer;box-shadow:0 8px 26px #0000008c;animation:arena-stage-start-pulse 1.6s ease-in-out infinite}.arena-stage-start-btn:hover{filter:brightness(1.08)}@keyframes arena-stage-start-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.arena-stage-flash.is-on,.arena-stage-flash.is-soft,.arena-stage-text.is-pop,.arena-stage-text.is-count,.arena-stage-start-btn{animation:none}.arena-stage-text.is-pop,.arena-stage-text.is-count{opacity:1}}.arena-banner{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px));border:none;border-radius:0;background:radial-gradient(circle at 50% 42%,#1a120bf2,#060403f7);color:var(--paper-100);pointer-events:none}.arena-banner b{font-size:clamp(40px,13vw,104px);line-height:1.05;letter-spacing:6px;color:var(--gold-glow);text-shadow:0 0 18px rgba(255,230,128,.45),0 6px 22px rgba(0,0,0,.85)}.arena-banner span{font-size:clamp(13px,3.2vw,20px);opacity:.9;text-align:center}.arena-banner-exit{margin-top:10px;padding:9px 30px;border-radius:999px;border:2px solid var(--gold-border);background:linear-gradient(180deg,#f5b942f5,#d97706f5);color:#1c1917;font-size:15px;font-weight:800;letter-spacing:.03em;cursor:pointer;pointer-events:auto}.arena-banner-exit:hover{filter:brightness(1.08)}.arena-banner.result-lost .arena-banner-exit{border-color:#fca5a5;background:linear-gradient(180deg,#f87171f2,#b91c1cf2);color:#fff1f2}.arena-banner.result-lost{background:radial-gradient(circle at 50% 42%,#340c0cf5,#080404fa)}.arena-banner.result-lost b{color:#fca5a5;text-shadow:0 0 18px rgba(248,113,113,.45),0 6px 22px rgba(0,0,0,.85)}#app[data-screen=arena] .arena-hud.has-result .arena-hud-bar,#app[data-screen=arena] .arena-hud.has-result .arena-skill-strip,#app[data-screen=arena] .arena-hud.has-result .arena-toast,#app[data-screen=arena] .arena-hud.has-result .arena-max-gold-banner,#app[data-screen=arena] .arena-hud.has-result .arena-band-seam,#app[data-screen=arena] .arena-hud.has-result .arena-drag-icon,#app[data-screen=arena] .arena-hud.has-result .fuse-fx{display:none!important}@media(max-width:560px){.home-actions{grid-template-columns:repeat(3,1fr)}.arena-hud-bar,.arena-hud-mid{padding:4px 6px;gap:5px}.arena-cadence{display:none}.arena-land{padding:6px 8px;font-size:12px}}.orientation-prompt{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(ellipse at center,#241911fa,#0a0705);color:var(--paper-100);animation:opFadeIn .25s ease-out}.orientation-prompt.hidden{display:none!important}@media(orientation:landscape){.orientation-prompt{display:none!important}}@media(min-width:961px){.orientation-prompt{display:none!important}}.op-card{max-width:360px;width:100%;padding:24px 20px;text-align:center;border-radius:var(--radius-lg, 16px);background:linear-gradient(180deg,#241912,#150f0b);border:1.5px solid var(--gold);box-shadow:0 16px 40px #000c,0 0 20px #f5b94233;display:flex;flex-direction:column;align-items:center;gap:12px}.op-phone-icon{font-size:42px;line-height:1;display:inline-block;animation:phoneRotate 2s infinite ease-in-out;filter:drop-shadow(0 4px 10px rgba(245,185,66,.4))}@keyframes phoneRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(-90deg) scale(1.1)}to{transform:rotate(0) scale(1)}}@keyframes opFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.op-title{margin:0;font-size:19px;font-weight:800;color:var(--gold-glow);letter-spacing:.5px}.op-desc{margin:0;font-size:13px;line-height:1.45;color:var(--paper-300)}.op-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.op-actions .btn{width:100%;min-height:44px;font-size:14px;font-weight:700}#btnFullscreen,#btnFullscreenHome{font-size:13px;transition:transform .15s ease,background-color .15s ease}#btnFullscreen:hover,#btnFullscreenHome:hover{border-color:var(--gold);color:var(--gold-glow);box-shadow:0 0 8px #f5b94259}#btnFullscreen:active,#btnFullscreenHome:active{transform:scale(.92)}:fullscreen body,:-webkit-full-screen body{overflow:hidden!important;user-select:none!important}@media(max-height:520px)and (orientation:landscape){.top-hud{padding-left:max(8px,var(--sal));padding-right:max(8px,var(--sar));background:linear-gradient(180deg,#1c140efa,#0e0a07)}.dock-actions-row .controls .btn.primary{min-height:38px;height:38px;font-size:12.5px}.btn-ctrl{min-height:38px;height:38px;min-width:38px;width:38px}.qr-chip{min-height:36px;padding:2px 6px}.potion{min-height:36px;font-size:12px}.settings-box{max-height:94dvh;padding:12px 16px;overflow-y:auto}.mapcarousel{padding:4px 8px}}@media(min-width:961px){#stage{background:radial-gradient(circle at 50% 50%,#201712,#0d0907)}#arena{box-shadow:0 0 0 2px #f5b94259,0 10px 30px #000c}.home-btn:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 6px 16px #00000080,0 0 10px #f5b94233}.btn.primary:hover{filter:brightness(1.08);box-shadow:0 4px 16px #f59e0b73}}@media(orientation:landscape),(min-width:961px){#app[data-screen=game] #ingame{position:relative;width:100%;height:100%;overflow:hidden;display:block}#app[data-screen=game] #stage{position:absolute;inset:0;width:100%;height:100%;z-index:1;padding:0;margin:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,#1c140e,#0c0806)}#app[data-screen=game] #arena{width:100%;height:100%;border-radius:0;box-shadow:none;display:flex;align-items:center;justify-content:center;position:relative;touch-action:none;background:#100b07}#app[data-screen=game] #arena canvas{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;touch-action:none}#app[data-screen=game] #topHud{position:absolute;top:0;left:0;right:0;z-index:30;height:calc(38px + var(--sat));padding-top:var(--sat);padding-left:max(8px,var(--sal));padding-right:max(8px,var(--sar));background:linear-gradient(180deg,#140e0af2,#0c0806d1);border-bottom:1px solid rgba(245,185,66,.28);box-shadow:0 4px 16px #0009;display:flex;align-items:center;justify-content:space-between}#app[data-screen=game] #side{position:absolute;inset:0;width:100%;height:100%;z-index:20;pointer-events:none;background:transparent!important;border:none!important;box-shadow:none!important;padding:0;margin:0;overflow:hidden;display:block}#app[data-screen=game] .battle-section{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}#app[data-screen=game] .dock-actions-row{position:absolute;right:max(10px,var(--sar));bottom:max(8px,var(--sab));z-index:25;pointer-events:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px;width:auto!important;max-width:160px}#app[data-screen=game] .dock-actions-row .controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:4px;width:154px!important}#app[data-screen=game] #btnStart{order:2;min-height:40px;height:40px;width:100%!important;min-width:140px;padding:0 14px;font-size:13px;font-weight:800;border-radius:var(--radius-full);background:linear-gradient(135deg,#f59e0b,#d97706,#b45309);border:1.5px solid #fde68a;color:#1a0f00;box-shadow:0 4px 14px #f59e0b73;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;transition:transform .12s ease,filter .12s ease;margin-top:2px}#app[data-screen=game] #btnStart:active{transform:scale(.94)}#app[data-screen=game] .btn-ctrl{order:1;min-height:32px;height:32px;min-width:32px;width:33px;padding:0;font-size:11.5px;font-weight:700;border-radius:var(--radius-full);background:#1a130eeb;border:1px solid rgba(245,185,66,.38);color:var(--gold-glow);box-shadow:0 2px 8px #00000080;display:inline-flex;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:transform .12s ease,background-color .12s ease}#app[data-screen=game] .btn-ctrl:active{transform:scale(.92)}#app[data-screen=game] .btn-ctrl.toggle[aria-pressed=true]{background:#f59e0b47;border-color:var(--gold);color:#fff;box-shadow:0 0 10px #f5b94266}#app[data-screen=game] #quickRecruitRow{position:absolute;bottom:max(6px,var(--sab));left:50%;transform:translate(-50%);z-index:24;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:3px;width:auto!important;max-width:calc(100vw - 360px)}#app[data-screen=game] .qr-head{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--radius-full);background:#120d09e6;border:1px solid rgba(245,185,66,.25);font-size:10px;font-weight:700;color:var(--gold-glow);white-space:nowrap}#app[data-screen=game] .qr-chips{display:flex;gap:4px;align-items:center;justify-content:center;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px}#app[data-screen=game] .qr-chip{min-height:38px;height:38px;min-width:52px;width:54px;padding:2px 3px;border-radius:var(--radius-sm, 8px);background:linear-gradient(180deg,#221912f0,#120d09f5);border:1px solid rgba(245,185,66,.35);box-shadow:0 2px 8px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;transition:transform .12s ease,border-color .12s ease}#app[data-screen=game] .qr-chip:active{transform:scale(.92)}#app[data-screen=game] .qr-chip:disabled,#app[data-screen=game] .qr-chip.disabled{opacity:.42;filter:grayscale(.5);cursor:not-allowed}#app[data-screen=game] #potionRow{position:absolute;bottom:calc(max(6px,var(--sab)) + 74px);left:50%;transform:translate(-50%);z-index:24;pointer-events:auto;display:flex;gap:6px;align-items:center;justify-content:center;width:auto!important}#app[data-screen=game] .potion{min-height:28px;height:28px;padding:0 9px;border-radius:var(--radius-full);background:#16100beb;border:1px solid rgba(245,185,66,.35);box-shadow:0 2px 8px #00000080;font-size:11px;font-weight:700;color:var(--paper-100);display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:transform .12s ease}#app[data-screen=game] .potion:active{transform:scale(.92)}#app[data-screen=game] .potion:disabled{opacity:.42;filter:grayscale(.6);cursor:not-allowed}#app[data-screen=game] #heroList{position:absolute;left:max(10px,var(--sal));bottom:max(8px,var(--sab));z-index:24;pointer-events:auto;display:flex;flex-direction:column-reverse;gap:4px;max-height:calc(100vh - 60px);max-height:calc(100dvh - 60px);overflow-y:auto;overflow-x:hidden;padding-bottom:2px;width:auto!important;max-width:184px}#app[data-screen=game] .hero{width:164px;padding:4px 6px;border-radius:var(--radius-md, 8px);background:linear-gradient(145deg,#201711f0,#120d09f5);border:1px solid rgba(245,185,66,.3);box-shadow:0 3px 10px #0009;display:grid;grid-template-columns:34px 1fr;gap:5px;align-items:center;cursor:pointer;transition:all .15s ease}#app[data-screen=game] .hero.selected{width:176px;border-color:var(--gold);box-shadow:0 0 0 1.5px var(--gold),0 0 12px #f5b94273;background:linear-gradient(145deg,#2e2118f5,#1a120dfa)}#app[data-screen=game] .hero:not(.selected) .skills{display:none}#app[data-screen=game] .hero.selected .skills{display:flex;flex-wrap:wrap;gap:2px;margin-top:3px}#app[data-screen=game] .hero .avatar-box{width:34px;height:34px}#app[data-screen=game] .hero .hname{font-size:11px;margin-bottom:1px;display:flex;justify-content:space-between;align-items:center}#app[data-screen=game] .hero .hname em{display:none}#app[data-screen=game] .hero .bar{height:4px;margin-top:2px}#app[data-screen=game] .hero .status{font-size:9px;line-height:1.2}#app[data-screen=game] .hero .skills{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px}#app[data-screen=game] .hero .skill{font-size:9px;padding:1px 4px;min-height:18px}#app[data-screen=game] .hero .ult{margin-top:3px;min-height:22px;height:22px;padding:0 6px;font-size:9.5px;font-weight:700;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:3px}#app[data-screen=game] #tip{position:absolute;top:calc(38px + var(--sat) + 6px);left:50%;transform:translate(-50%);pointer-events:none;z-index:22;background:#120d09d9;border:1px solid rgba(245,185,66,.25);border-radius:var(--radius-full);padding:3px 12px;font-size:10.5px;color:var(--paper-200);white-space:nowrap;box-shadow:0 2px 8px #00000080;text-align:center}#app[data-screen=game] #wavebar{position:absolute;top:calc(38px + var(--sat) + 6px);left:max(10px,var(--sal));z-index:22}@media(max-height:520px)and (orientation:landscape){#app[data-screen=game] #wavebar{display:none!important}#app[data-screen=game] #topHud{height:calc(32px + var(--sat));padding-top:var(--sat);padding-left:max(8px,var(--sal));padding-right:max(8px,var(--sar));background:linear-gradient(180deg,#140e09f5,#0a0704eb);border-bottom:1px solid rgba(245,185,66,.3);box-shadow:0 2px 8px #0009}#app[data-screen=game] #topHud .hud-left .seal-mini{width:22px;height:22px;border-radius:5px}#app[data-screen=game] #topHud .hud-left .hud-title{display:none}#app[data-screen=game] #topHud .stats{gap:4px;flex:1;min-width:0;justify-content:center}#app[data-screen=game] #topHud .stat{height:22px;padding:1px 6px;gap:3px;border-radius:4px;background:#1e150ee0;border:1px solid rgba(245,185,66,.25);white-space:nowrap}#app[data-screen=game] #topHud .stat-badge{font-size:11px}#app[data-screen=game] #topHud .stat b{font-size:11px;font-weight:800}#app[data-screen=game] #topHud .stat-core{position:relative;padding-bottom:3px}#app[data-screen=game] #topHud .stat-core .core-meter-track{display:block;position:absolute;bottom:0;left:0;right:0;height:2.5px}#app[data-screen=game] #topHud .stat-map{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app[data-screen=game] #topHud .hud-right{gap:4px}#app[data-screen=game] #topHud .hud-btn{height:24px;min-width:26px;padding:0 4px;border-radius:5px;font-size:11px;background:linear-gradient(180deg,#2e1f15,#160e09);border:1px solid rgba(245,185,66,.35)}#app[data-screen=game] #topHud .hud-btn svg.svg-ic{width:13px;height:13px}.home-top{min-height:34px;padding:2px 8px;flex-wrap:nowrap;gap:6px}.home-sub{display:none}.home-brand .seal-mini{width:22px;height:22px}.home-title{font-size:14px}.home-res{gap:4px;flex-wrap:nowrap}.home-res .stat{height:22px;padding:1px 6px;font-size:10.5px;gap:3px}.home-res .stat b{font-size:10.5px}.home-res .hud-btn{height:24px;min-width:26px;padding:0 4px;font-size:11px}.home-res .hud-btn svg.svg-ic{width:13px;height:13px}}@media(min-width:961px)and (min-height:521px){#app[data-screen=game] .dock-actions-row{right:20px;bottom:16px;width:auto!important;max-width:260px;gap:8px}#app[data-screen=game] .dock-actions-row .controls{width:250px!important;gap:8px;justify-content:flex-end}#app[data-screen=game] #btnStart{min-height:48px;height:48px;min-width:220px;font-size:15px;padding:0 20px;letter-spacing:.8px}#app[data-screen=game] .btn-ctrl{min-height:44px;height:44px;min-width:44px;width:44px;font-size:14px;border-radius:var(--radius-full)}#app[data-screen=game] #quickRecruitRow{bottom:16px;padding:6px 14px 8px;border-radius:14px;gap:5px;max-width:none!important;background:#16100bf0;border:1px solid rgba(245,185,66,.35);box-shadow:0 6px 20px #000000b3}#app[data-screen=game] .qr-head{padding:2px 8px;gap:8px}#app[data-screen=game] .qr-title{font-size:12.5px;letter-spacing:.06em}#app[data-screen=game] .qr-head .qr-help{width:20px;height:20px;font-size:12px}#app[data-screen=game] #qrHeroCount{font-size:12px;padding:1px 8px}#app[data-screen=game] .qr-chips{gap:8px;padding:4px 2px}#app[data-screen=game] .qr-chip{min-height:58px;height:60px;min-width:76px;width:78px;padding:4px;border-radius:10px;gap:2px}#app[data-screen=game] .qr-seal{width:32px;height:32px;border-radius:7px}#app[data-screen=game] .qr-price{font-size:12px;font-weight:900}#app[data-screen=game] #potionRow{bottom:136px;gap:10px}#app[data-screen=game] .potion{min-height:36px;height:36px;padding:0 14px;font-size:12.5px;gap:6px}#app[data-screen=game] .potion .ic{font-size:16px}#app[data-screen=game] .potion b[data-count]{font-size:12px}#app[data-screen=game] #heroList{left:20px;bottom:16px;max-width:320px;gap:8px}#app[data-screen=game] .hero{width:240px;padding:8px 10px;grid-template-columns:44px 1fr;gap:8px;border-radius:12px}#app[data-screen=game] .hero.selected{width:290px;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 4px 20px #f5b94266;padding:10px 12px}#app[data-screen=game] .hero .avatar-box,#app[data-screen=game] .hero .avatar{width:44px;height:44px;border-radius:10px}#app[data-screen=game] .hero .hname{font-size:13.5px;font-weight:800;margin-bottom:2px}#app[data-screen=game] .hero .hname em{display:inline;font-size:11px;font-weight:600;color:var(--paper-300)}#app[data-screen=game] .hero .bar{height:5px;margin-top:3px;border-radius:3px}#app[data-screen=game] .hero .status{font-size:11px;line-height:1.3;margin-top:2px}#app[data-screen=game] .hero.selected .skills{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px;margin-top:6px}#app[data-screen=game] .hero .skill{font-size:10.5px;padding:3px 4px;min-height:38px;height:auto;border-radius:7px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}#app[data-screen=game] .hero .skill .sk-mana{font-size:9px;font-weight:800}#app[data-screen=game] .hero .skill .sk-name{font-size:10px;line-height:1.2;text-align:center}#app[data-screen=game] .hero .ult{margin-top:6px;min-height:36px;height:36px;padding:0 12px;font-size:12px;font-weight:800;border-radius:8px;display:flex;align-items:center;justify-content:space-between}#app[data-screen=game] .hero .ult .sk-name{font-size:12px;font-weight:800}#app[data-screen=game] .hero .ult .ult-state{font-size:11px;font-weight:800}#app[data-screen=game] #topHud{height:48px;padding-left:24px;padding-right:24px;background:linear-gradient(180deg,#221710,#120c08);border-bottom:1.5px solid rgba(212,160,23,.5);box-shadow:0 4px 18px #0009,inset 0 -1px #f5b94226}#app[data-screen=game] #topHud .hud-left{display:flex;align-items:center;gap:10px}#app[data-screen=game] #topHud .hud-left .seal-mini{width:32px;height:32px;border-radius:7px;box-shadow:inset 0 0 0 1.5px #ffe9c980,0 2px 8px #0009}#app[data-screen=game] #topHud .hud-title{display:inline-block;font-family:Cinzel,Be Vietnam Pro,serif;font-size:16px;font-weight:900;letter-spacing:.12em;background:linear-gradient(180deg,#fff3d1,#f5b942 55%,#b87b12);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 8px rgba(0,0,0,.7)}#app[data-screen=game] #topHud .stats{gap:8px;max-width:620px}#app[data-screen=game] #topHud .stat{height:32px;padding:2px 12px;gap:6px;font-size:13.5px;border-radius:6px;background:linear-gradient(180deg,#261b12f2,#140e09fa);border:1px solid rgba(245,185,66,.35);box-shadow:inset 0 1px #fff5e11f,0 2px 6px #0006}#app[data-screen=game] #topHud .stat-badge{font-size:14px}#app[data-screen=game] #topHud .stat b{font-size:13.5px;font-weight:800}#app[data-screen=game] #topHud .stat-gold b{color:#fbbf24}#app[data-screen=game] #topHud .stat-gem b{color:#38bdf8}#app[data-screen=game] #topHud .stat-wave b{color:#fde047}#app[data-screen=game] #topHud .stat-core{position:relative;padding-bottom:5px}#app[data-screen=game] #topHud .stat-core .core-meter-track{display:block;position:absolute;bottom:0;left:0;right:0;height:4px;background:#0009;border-radius:0 0 5px 5px}#app[data-screen=game] #topHud .stat-map{border-color:#f5b94280;color:var(--gold-glow);font-weight:800}#app[data-screen=game] #topHud .hud-right{gap:8px}#app[data-screen=game] #topHud .hud-btn{height:34px;min-width:34px;padding:0 8px;font-size:14px;border-radius:8px;background:linear-gradient(180deg,#342417,#1c130c);border:1px solid rgba(245,185,66,.4);box-shadow:0 2px 6px #00000080,inset 0 1px #ffffff14;cursor:pointer;transition:all .15s ease}#app[data-screen=game] #topHud .hud-btn:hover{border-color:#f5b942;color:#ffe89e;box-shadow:0 0 10px #f5b94266,inset 0 1px #ffffff26;transform:translateY(-1px)}#app[data-screen=game] #topHud .hud-btn svg.svg-ic{width:16px;height:16px}#app[data-screen=game] #tip{top:54px;font-size:12px;padding:4px 16px}#app[data-screen=game] #wavebar{top:54px;left:20px;font-size:12px;padding:3px 12px;box-shadow:none;opacity:.94}.home-top{min-height:52px;padding:10px 24px;background:#160f0ad9;border-bottom:1.5px solid rgba(245,185,66,.35);border-radius:12px;margin-bottom:10px;flex-wrap:nowrap}.home-brand .seal-mini{width:34px;height:34px;border-radius:8px}.home-title{font-size:22px;letter-spacing:.08em;background:linear-gradient(180deg,#fff3d1,#f5b942 55%,#b87b12);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 8px rgba(0,0,0,.7)}.home-sub{font-size:12px;color:var(--paper-300);opacity:.9}.home-res{gap:8px;flex-wrap:nowrap}.home-res .stat{height:34px;padding:3px 12px;font-size:13.5px;border-radius:8px;background:linear-gradient(180deg,#261b12e6,#140e09f2);border:1px solid rgba(245,185,66,.35)}.home-res .stat b{font-size:13.5px}.home-res .hud-btn{height:34px;min-width:34px;border-radius:8px;background:linear-gradient(180deg,#322216,#1a120b);border:1px solid rgba(245,185,66,.4);box-shadow:0 2px 6px #00000080;cursor:pointer}.home-res .hud-btn svg.svg-ic{width:16px;height:16px}.home-actions{max-width:860px;margin:0 auto;width:100%;gap:10px}.home-enter .home-enter-btn,#btnStartRun{width:320px!important;min-height:50px!important;font-size:17px!important;border-radius:9999px!important}.home-enter-hint{font-size:12.5px}.home-btn{min-height:54px;padding:8px 10px;border-radius:10px;gap:4px}.home-btn .hb-icon{font-size:24px}.home-btn .hb-label{font-size:13.5px;font-weight:800}}}@media(orientation:portrait)and (max-width:960px){#app[data-screen=game] #ingame{display:flex;flex-direction:column;width:100%;height:100dvh;overflow:hidden}#app[data-screen=game] #topHud{position:relative;flex:0 0 auto;width:100%;height:calc(40px + var(--sat));padding-top:var(--sat);padding-left:max(8px,var(--sal));padding-right:max(8px,var(--sar));background:linear-gradient(180deg,#1f1610,#110b07);border-bottom:1px solid rgba(245,185,66,.35);box-shadow:0 3px 10px #0009;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:4px}#app[data-screen=game] #topHud .hud-left,#app[data-screen=game] #topHud .stat-gem{display:none!important}#app[data-screen=game] #topHud .stats{display:flex;align-items:center;gap:4px;flex:1;min-width:0;justify-content:flex-start}#app[data-screen=game] #topHud .stat{height:27px;padding:2px 7px;gap:3px;border-radius:6px;background:linear-gradient(180deg,#261b12e6,#140e09f2);border:1px solid rgba(245,185,66,.3);white-space:nowrap;flex-shrink:0}#app[data-screen=game] #topHud .stat-badge{font-size:12px}#app[data-screen=game] #topHud .stat b{font-size:11.5px;font-weight:800;font-variant-numeric:tabular-nums}#app[data-screen=game] #topHud .stat-core{position:relative;padding-bottom:4px}#app[data-screen=game] #topHud .stat-core .core-meter-track{display:block;position:absolute;bottom:0;left:0;right:0;height:3px;background:#0009;border-radius:0 0 5px 5px}#app[data-screen=game] #topHud .stat-map{max-width:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app[data-screen=game] #topHud .hud-right{display:flex;align-items:center;gap:5px;flex-shrink:0}#app[data-screen=game] #topHud .hud-btn{height:28px;width:28px;min-width:28px;padding:0;font-size:12px;border-radius:7px;background:linear-gradient(180deg,#322216,#1a120b);border:1px solid rgba(245,185,66,.45);box-shadow:0 2px 5px #00000080;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}#app[data-screen=game] #topHud .hud-btn svg.svg-ic{width:14px;height:14px}.home-top{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:nowrap;min-height:44px;padding:4px 8px}.home-brand{display:flex;align-items:center;gap:6px;flex-shrink:0}.home-brand .seal-mini{width:26px;height:26px;border-radius:6px}.home-title{font-size:15px;font-weight:900;letter-spacing:.05em}.home-sub{display:none}.home-res{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;flex-shrink:0}.home-res .stat{height:26px;padding:2px 6px;font-size:11px;gap:3px;border-radius:6px;background:#241a12e6;border:1px solid rgba(245,185,66,.3)}.home-res .stat b{font-size:11px;font-weight:800}.home-res .hud-btn{height:28px;width:28px;min-width:28px;padding:0;border-radius:7px;font-size:12px;background:linear-gradient(180deg,#322216,#1a120b);border:1px solid rgba(245,185,66,.45);display:inline-flex;align-items:center;justify-content:center}.home-res .hud-btn svg.svg-ic{width:14px;height:14px}#app[data-screen=game] #stage{position:relative;inset:auto;flex:0 0 auto;width:100%;max-height:38vh;aspect-ratio:1000 / 600;padding:2px 4px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,#1f1611,#0c0907);z-index:1}#app[data-screen=game] #arena{width:100%;height:100%;border-radius:8px;box-shadow:0 0 0 1px #f5b9424d,0 4px 14px #0009;position:relative;touch-action:none;background:#100b07}#app[data-screen=game] #arena canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none}#app[data-screen=game] #wavebar{position:absolute;top:4px;left:6px;z-index:22}#app[data-screen=game] #side{position:relative;inset:auto;flex:1 1 auto;min-height:0;width:100%;height:auto;z-index:10;pointer-events:auto;background:radial-gradient(circle at 50% 0%,#241911,#140d08 45%,#0b0705)!important;border-top:1px solid rgba(245,185,66,.35)!important;padding:6px 8px max(10px,var(--sab));display:flex;flex-direction:column;gap:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}#app[data-screen=game] .battle-section{position:relative;inset:auto;width:100%;height:auto;pointer-events:auto;display:flex;flex-direction:column;gap:6px;flex:1 1 auto;min-height:0}#app[data-screen=game] #tip{position:relative;top:auto;left:auto;transform:none;width:100%;text-align:center;font-size:10px;padding:2px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#f5b94214;border-radius:6px;border-left:3px solid var(--gold);color:var(--paper-200);box-shadow:none}#app[data-screen=game] #quickRecruitRow{position:relative;bottom:auto;left:auto;transform:none;width:100%!important;max-width:100%!important;margin:0;padding:4px 6px;gap:3px;background:#1a130de6;border-radius:10px;border:1px solid rgba(245,185,66,.25)}#app[data-screen=game] #quickRecruitRow .qr-chips{display:flex;gap:4px;justify-content:space-between;width:100%;padding:0;overflow:visible}#app[data-screen=game] #quickRecruitRow .qr-chip{flex:1 1 0;min-width:0;width:auto;height:44px;padding:2px}#app[data-screen=game] #potionRow{position:relative;bottom:auto;left:auto;transform:none;width:100%!important;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#app[data-screen=game] .potion{width:100%;height:34px;justify-content:center}#app[data-screen=game] #heroList{position:relative;bottom:auto;left:auto;width:100%!important;max-width:100%!important;max-height:none!important;overflow-y:auto;-webkit-overflow-scrolling:touch;flex-direction:column;gap:6px;flex:1 1 auto;min-height:0;padding-bottom:max(10px,var(--sab))}#app[data-screen=game] .hero{width:100%!important;padding:6px 8px;border-radius:10px;background:linear-gradient(145deg,#201711f5,#120d09fa);border:1px solid rgba(245,185,66,.3)}#app[data-screen=game] .hero:not(.selected) .skills,#app[data-screen=game] .hero:not(.selected) .skill.ult,#app[data-screen=game] .hero:not(.selected) .status,#app[data-screen=game] .hero:not(.selected) .ammo{display:none!important}#app[data-screen=game] .hero.selected{border-color:var(--gold);box-shadow:0 0 0 1.5px var(--gold),0 0 14px #f5b94273;background:linear-gradient(145deg,#2e2118fa,#1a120dfc)}#app[data-screen=game] .hero.selected .skills{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:4px;margin-top:4px}#app[data-screen=game] .hero.selected .skill.ult{display:flex!important;width:100%;margin-top:6px}#app[data-screen=game] .dock-actions-row{position:relative;bottom:auto;right:auto;width:100%!important;max-width:100%!important;margin-top:0;padding-top:0}#app[data-screen=game] .dock-actions-row .controls{width:100%!important;display:flex;gap:6px;align-items:center;justify-content:space-between;flex-wrap:nowrap}#app[data-screen=game] #btnStart{order:1;flex:1 1 auto;width:auto!important;min-width:110px;height:42px;font-size:13px;margin-top:0}#app[data-screen=game] .btn-ctrl{order:2;width:38px;height:42px;min-width:38px;flex-shrink:0;border-radius:9px}}#app[data-screen=arena] #ingame{padding:0;display:flex;flex-direction:column;overflow:hidden}#app[data-screen=arena] #stage{position:relative;inset:auto;flex:1 1 auto;min-height:0;min-width:0;max-height:none;width:100%;height:auto;padding:0}#app[data-screen=arena] #arena canvas{margin:0!important}.arena-band-seam{display:none}#app[data-screen=arena] .arena-band-seam{display:block;position:absolute;inset:0;z-index:4;pointer-events:none}.arena-band-seam>i{position:absolute;left:0;top:var(--seam-y, 50%);width:calc(var(--seam-remain, 1) * 100%);height:3px;transform:translateY(-1.5px);border-radius:0 2px 2px 0;background:linear-gradient(90deg,#f5b94226,#f5b942cc 6%,#f5b942 80%,#fff3c4);box-shadow:0 0 7px #f5b9428c}.arena-band-burn>.fuse-spark{position:absolute;right:-5px;top:50%;width:10px;height:10px;transform:translateY(-50%);background:none}.arena-band-burn>.fuse-spark>canvas.fuse-fx{position:absolute;left:50%;top:50%;width:132px;height:132px;transform:translate(-50%,-50%);pointer-events:none}.arena-band-seam>span{position:absolute;left:var(--seam-x, 50%);transform:translate(-50%);font-size:12px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:6px;background:#0c0907b8}.arena-band-seam>.abs-top{top:calc(var(--seam-y, 50%) - 36px);color:#fca5a5}.arena-band-seam>.abs-bottom{top:calc(var(--seam-y, 50%) + 16px);color:#93c5fd}.arena-band-seam>.arena-seam-clock{display:inline-flex;align-items:baseline;gap:3px;top:var(--seam-y, 50%);transform:translate(-50%,-50%);border:1px solid rgba(245,185,66,.55);background:#0c0907e0;color:var(--paper-100, #f5efe6);font-weight:700;font-variant-numeric:tabular-nums;padding:2px 9px;border-radius:999px;box-shadow:0 2px 8px #0000008c}.arena-band-seam>.arena-seam-clock b{font-size:14px;color:var(--gold-glow, #ffe680)}.arena-band-seam>.arena-seam-clock small{font-size:10px;font-weight:600;opacity:.75}#app[data-screen=arena] .arena-hud{position:fixed;inset:0;z-index:30;display:block;pointer-events:none;font:inherit}#app[data-screen=arena] .arena-hud.hidden{display:none!important}#app[data-screen=arena] .arena-hud button,#app[data-screen=arena] .arena-hud .arena-chip,#app[data-screen=arena] .arena-hud .arena-core,#app[data-screen=arena] .arena-hud .arena-hero,#app[data-screen=arena] .arena-hud .arena-land{pointer-events:auto}#app[data-screen=arena] .arena-hud-bar{position:absolute;top:0;left:0;right:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;box-sizing:border-box;padding:calc(6px + env(safe-area-inset-top,0px)) calc(10px + env(safe-area-inset-right,0px)) 6px calc(10px + env(safe-area-inset-left,0px));background:linear-gradient(180deg,rgba(12,9,7,.86) 0%,rgba(12,9,7,.42) 70%,transparent 100%);border-bottom:none}#app[data-screen=arena] .arena-toast{position:absolute;left:50%;bottom:calc(42vh + 12px);transform:translate(-50%)}#app[data-screen=arena] .arena-banner{position:fixed;z-index:90;inset:0;transform:none}@media(orientation:landscape)and (max-height:560px){#app[data-screen=arena] .qr-head{padding:0 1px 2px}#app[data-screen=arena] .qr-title{font-size:10px}#app[data-screen=arena] .qr-count{font-size:9px;padding:0 4px}#app[data-screen=arena] .arena-heroes{gap:3px;flex-wrap:wrap;overflow-x:visible}#app[data-screen=arena] .arena-hero{padding:3px 5px;flex:0 0 auto;white-space:nowrap}#app[data-screen=arena] .arena-hero .ah-name{font-size:10.5px}#app[data-screen=arena] .arena-hero .ah-cost{font-size:9.5px}#app[data-screen=arena] .arena-land{padding:5px 7px;font-size:11px;gap:4px;white-space:nowrap}#app[data-screen=arena] .arena-farmer{padding:5px 9px;font-size:11.5px;white-space:nowrap}#app[data-screen=arena] .arena-hud-bar{padding:calc(4px + env(safe-area-inset-top,0px)) calc(8px + env(safe-area-inset-right,0px)) 4px calc(8px + env(safe-area-inset-left,0px));gap:6px;flex-wrap:nowrap}#app[data-screen=arena] .arena-chip{padding:3px 7px}#app[data-screen=arena] .arena-chip b{font-size:13px}#app[data-screen=arena] .arena-chip small{font-size:9px}#app[data-screen=arena] .arena-exit{font-size:11px;padding:5px 8px}}@media(orientation:landscape)and (max-height:420px){#app[data-screen=arena] .qr-head,#app[data-screen=arena] .arena-hero .ah-cost,#app[data-screen=arena] .arena-land .al-key{display:none}#app[data-screen=arena] .arena-hud-bar{padding:calc(3px + env(safe-area-inset-top,0px)) 6px 3px;gap:5px}#app[data-screen=arena] .arena-chip small{display:none}#app[data-screen=arena] .arena-status{font-size:11px;padding:3px 7px}}@media(orientation:portrait)and (max-width:960px){#app[data-screen=arena] .arena-hud-bar{flex-wrap:wrap;gap:5px;padding:calc(6px + env(safe-area-inset-top,0px)) 8px 6px}#app[data-screen=arena] .arena-chip{padding:3px 7px}#app[data-screen=arena] .arena-chip b{font-size:14px}#app[data-screen=arena] .arena-chip small{font-size:9px}#app[data-screen=arena] .arena-exit{font-size:12px;padding:6px 9px}#app[data-screen=arena] .arena-hud-bar .arena-clock{display:none}#app[data-screen=arena] .arena-hud-right{margin-left:auto;width:auto;justify-content:flex-end}#app[data-screen=arena] .arena-toast{bottom:calc(52vh + 12px)}}@media(min-width:961px){#app[data-screen=arena] .arena-hud-bar{flex-wrap:nowrap}#app[data-screen=arena] .arena-toast{bottom:calc(34vh + 12px)}}.arena-drag-icon{position:fixed;z-index:40;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;padding:0;background:#1a130eeb;border:1.5px solid var(--gold-border);color:var(--paper-100);box-shadow:0 3px 10px #0000008c;touch-action:none;cursor:grab;pointer-events:auto;-webkit-user-select:none;user-select:none}.arena-drag-icon:active{cursor:grabbing}.arena-hud.is-dragging .arena-drag-icon{transition:none}.arena-drag-icon.drop-target{border-color:#fff3c4;box-shadow:0 0 0 3px #f5b94273}@media(orientation:landscape)and (max-height:560px){.arena-drag-icon{width:38px;height:38px;font-size:19px}}.arena-drag-icon .adi-cost{position:absolute;right:-4px;bottom:-4px;font-size:10px;line-height:1.4;padding:0 4px;border-radius:8px;background:var(--gold-border, #f5b942);color:#1a130e;font-weight:700;white-space:nowrap;pointer-events:none}.arena-drag-icon{border-radius:14px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#3a2a1ef2,#140f0bf2)}.arena-drag-icon .adi-face{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.arena-drag-icon .adi-cost{right:1px;bottom:1px;border-radius:6px;box-shadow:0 1px 3px #0009}.arena-drag-icon.is-blocked{border-color:#f87171;box-shadow:0 0 0 3px #f8717173}.arena-drag-icon.is-blocked .adi-face{opacity:.35;filter:grayscale(1)}.arena-drag-icon.is-blocked:after{content:"";position:absolute;inset:3px;background:linear-gradient(to bottom right,transparent 44%,rgba(248,113,113,.95) 44%,rgba(248,113,113,.95) 56%,transparent 56%);pointer-events:none}.arena-drag-icon.is-locked{filter:grayscale(1) brightness(.7);opacity:.55;cursor:not-allowed}.arena-skill-strip{position:fixed;top:calc(var(--arena-bar-h, 46px) + 2px);left:50%;transform:translate(-50%);z-index:31;display:flex;flex-wrap:nowrap;gap:6px;max-width:96vw;overflow:hidden;pointer-events:none}.arena-skill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:#140f0bd1;border:1px solid var(--gold-border, rgba(245, 185, 66, .35));color:var(--paper-200, #e8dcc8);font-size:11px;line-height:1.35;white-space:nowrap}.arena-skill .ask-hero{color:var(--gold, #f5b942);font-weight:700}.arena-skill .ask-next{opacity:.92}.arena-skill .ask-cd{font-variant-numeric:tabular-nums;color:var(--mana-glow, #60a5fa);font-weight:600}.arena-skill .ask-cast{font-style:normal;color:var(--gold-glow, #ffe680);opacity:.95}.arena-skill .ask-ult{font-variant-numeric:tabular-nums;color:#c4b5fd;font-weight:600;opacity:.9}.arena-skill .ask-ult.is-on{color:#fbbf24;opacity:1;text-shadow:0 0 6px rgba(251,191,36,.75)}@media(max-height:500px){.arena-skill-strip{gap:4px}.arena-skill{font-size:10px;padding:2px 6px;gap:4px}}@media(max-width:900px){.arena-skill:nth-child(n+4){display:none}}