: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;--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)}#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:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(circle at center,#140e0bf4,#0a0705fb);text-align:center;padding:20px;z-index:30;animation:fadeIn .25s ease}.banner.hidden{display:none}.banner h2{margin:0;font-family:Cinzel,Be Vietnam Pro,serif;font-size:clamp(28px,4.5vw,50px);font-weight:900;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:Cinzel,Be Vietnam Pro,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{display:flex;flex-wrap:wrap;gap:5px}.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 0 10px;font-family:Cinzel,Be Vietnam Pro,serif;font-size:20px;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}.modalbox .btn{margin-top:14px;width:100%}.ci-intro{margin:0 0 12px;padding:8px 10px;font-size:12.5px;background:#f5b94214;border-left:3px solid var(--gold);border-radius:6px}.ci-class{margin:0 0 14px;padding:10px 12px;background:#fff5e10a;border:1px solid rgba(245,185,66,.22);border-radius:10px}.ci-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ci-dot{flex:0 0 auto;width:14px;height:14px;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)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:961px){#app{display:grid;grid-template-rows:44px 1fr;grid-template-columns:1fr 420px;height:100vh}#home,#ingame{grid-column:1 / -1;grid-row:1 / -1;min-width:0;min-height:0}#app[data-screen=game] #ingame{display:grid;grid-template-rows:44px 1fr;grid-template-columns:1fr 420px;height:100%}.top-hud{grid-column:1 / -1}#stage{grid-column:1;grid-row:2;height:100%;padding:12px}#side{grid-column:2;grid-row:2;height:100%;overflow-y:auto;border-top:none;border-left:1px solid var(--gold-border);padding:12px 14px;gap:10px}.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:Cinzel,Be Vietnam Pro,serif;font-size:10.5px;font-weight:900;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:Cinzel,Be Vietnam Pro,serif;font-size:12px;font-weight:900;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:grid;grid-template-rows:calc(28px + var(--sat)) 1fr;grid-template-columns:1fr 340px;height:100dvh;overflow:hidden}#home,#ingame{grid-column:1 / -1;grid-row:1 / -1;min-width:0;min-height:0}.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}#stage{grid-column:1;grid-row:2;width:100%;height:100%;max-height:none;aspect-ratio:auto;min-height:0;padding:2px 4px;padding-left:max(4px,var(--sal));padding-bottom:max(4px,var(--sab))}#side{grid-column:2;grid-row:2;height:100%;max-height:100%;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;border-top:none;border-left:1px solid var(--gold-border);padding:4px 6px;gap:4px;padding-right:max(6px,var(--sar));padding-bottom:max(4px,var(--sab))}.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-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:Cinzel,Be Vietnam Pro,serif;font-size:15px;font-weight:900;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(5,1fr);gap:8px}.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-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(5,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:auto;-webkit-overflow-scrolling:touch;gap:4px;padding:6px 10px}.home-top{flex-shrink:0;min-height:30px}.home-mid{flex:0 0 auto}.mapcard-art{height:58px}.mapcard-blurb,.home-sub{display:none}.home-enter-btn{min-height:38px;height:38px;font-size:14px}.home-actions{gap:4px}.home-btn{min-height:42px;padding:4px 2px}}.home-enter{display:flex;flex-direction:column;align-items:center;gap:4px;padding:2px 0 4px}.home-enter-btn{width:min(440px,94vw);min-height:52px;font-family:Cinzel,Be Vietnam Pro,serif;font-size:18px;font-weight:900;letter-spacing:.08em;border-radius:14px;background:linear-gradient(180deg,#ffe066,#f59e0b 35%,#b45309 80%,#78350f);color:#200f02;border:1.5px solid #fff2a8;box-shadow:0 6px 20px #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;cursor:pointer;touch-action:manipulation}.home-enter-btn:hover{filter:brightness(1.1);box-shadow:0 8px 24px #f59e0b8c,inset 0 2px #fffc}.home-enter-btn: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)}@media(max-height:520px)and (orientation:landscape){#app[data-screen=game] #ingame{display:grid;grid-template-rows:calc(28px + var(--sat)) 1fr;grid-template-columns:1fr 340px;height:100%}}.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}.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:Cinzel,Be Vietnam Pro,serif;font-size:20px;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}