@font-face{font-family:Seraphic;src:url(/fonts/Seraphic-Regular.woff2) format("woff2"),url(/fonts/Seraphic-Regular.woff) format("woff"),url(/fonts/Seraphic-Regular.ttf) format("truetype");font-weight:400 800;font-style:normal;font-display:swap}:root{--bg: #0a0810;--bg-2: #110d1a;--panel: #16111f;--panel-2: #1d1628;--line: #2e2440;--line-bright: #46355e;--ink: #e8e2f0;--ink-dim: #9d93b2;--ink-faint: #6b6180;--crimson: #c02040;--crimson-hi: #ff3355;--crimson-deep: #7a1030;--gold: #c9a45c;--gold-hi: #f0d089;--silver: #b9bec9;--rare: #6fc3e8;--epic: #b07fe0;--legendary: #e0b04f;--mythic: #ff4d6d;--hp: #4fc46e;--hp-low: #e04a4a;--font-head: "Cinzel", serif;--font-title: "Seraphic", "Cinzel", serif;--font-body: "Jost", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:#050408;color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.4;overflow:hidden;user-select:none;-webkit-user-select:none}#root{display:flex;justify-content:center}.app{position:relative;width:100%;max-width:430px;height:100dvh;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% -10%,rgba(192,32,64,.14),transparent 60%),radial-gradient(100% 50% at 50% 110%,rgba(90,40,140,.12),transparent 60%),var(--bg);overflow:hidden}.topbar{display:flex;align-items:center;gap:5px 8px;flex-wrap:wrap;padding:8px 12px 6px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#1e142de6,#100c18e6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}.topbar .avatar{width:34px;height:34px;border-radius:50%;border:1.5px solid var(--gold);background:radial-gradient(circle at 35% 30%,#3a2a55,#150f22);display:grid;place-items:center;font-family:var(--font-head);font-size:17px;color:var(--gold-hi);flex:none}.topbar .who{flex:1;min-width:0}.topbar .who .name{font-family:var(--font-head);font-size:13px;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar .who .sub{font-size:10.5px;color:var(--ink-dim)}.wallet{display:flex;gap:5px;flex:1 1 100%;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}.wallet::-webkit-scrollbar{display:none}.coin{display:flex;align-items:center;gap:4px;flex:none;white-space:nowrap;padding:3px 8px;border-radius:999px;background:#0006;border:1px solid var(--line);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.mute-btn{color:var(--silver);cursor:pointer}.coin .icon{flex:none}.coin.points{color:var(--gold-hi);border-color:#c9a45c73}.coin.gems{color:#9fd4ff}.coin.gold{color:#ffd98a}.screen{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 12px 96px;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}h1,h2,h3{font-family:var(--font-head);font-weight:600;letter-spacing:.6px}.sect{margin:14px 0 8px;display:flex;align-items:baseline;gap:8px}.sect h2{font-size:14px;color:var(--gold-hi);text-transform:uppercase;letter-spacing:1.5px}.sect .rule{flex:1;height:1px;background:linear-gradient(90deg,var(--line-bright),transparent)}.sect .more{font-size:11.5px;color:var(--ink-dim)}.hero-banner{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line-bright);background:radial-gradient(90% 100% at 80% 0%,#2a1230,#120c1c 70%);min-height:232px;display:flex;align-items:flex-end}.hero-banner img.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 15%;filter:blur(18px) brightness(.55) saturate(1.2);transform:scale(1.25)}.hero-banner img.fg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 32%;transform:scale(1.55) translate(10%) translateY(12%);filter:drop-shadow(0 0 26px rgba(255,51,85,.35));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}.hero-banner .veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(10,8,16,.82) 18%,transparent 70%),linear-gradient(0deg,rgba(10,8,16,.9),transparent 55%)}.hero-banner .cap{position:relative;padding:14px;z-index:2;max-width:62%}.hero-banner .cap .tag{font-size:10px;letter-spacing:2.2px;text-transform:uppercase;color:var(--mythic)}.hero-banner .cap h1{font-size:22px;margin:3px 0 2px}.hero-banner .cap .t{color:var(--ink-dim);font-size:12px;font-style:italic}.hero-banner .cap .meta{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10px;letter-spacing:.8px;text-transform:uppercase;border:1px solid var(--line-bright);color:var(--ink-dim);background:#00000059}.chip.fallen{color:#ff8ba0;border-color:#ff4d6d66}.chip.heaven{color:#cfe0f5;border-color:#b4c8e659}.chip.void{color:#b9a5e8;border-color:#966edc66}.chip.gold{color:var(--gold-hi);border-color:#c9a45c80}.stat-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.stat-card{border:1px solid var(--line);border-radius:13px;padding:9px 11px;background:linear-gradient(160deg,var(--panel-2),var(--panel))}.stat-card .k{font-size:10px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:1px}.stat-card .v{font-family:var(--font-head);font-size:19px;margin-top:2px;color:var(--gold-hi)}.stat-card .s{font-size:10.5px;color:var(--ink-faint);margin-top:2px}.stat-card.wide{grid-column:1 / -1}.energy-bar{height:7px;border-radius:99px;background:#241a33;overflow:hidden;margin-top:6px;border:1px solid var(--line)}.energy-bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--crimson-deep),var(--crimson-hi));transition:width .4s}.cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;margin-top:12px;border:none;border-radius:13px;cursor:pointer;font-family:var(--font-head);font-size:14px;letter-spacing:1.1px;font-weight:700;color:#fff;text-transform:uppercase;background:linear-gradient(135deg,var(--crimson-deep),var(--crimson) 60%,#d84a68);box-shadow:0 6px 22px #c0204059,inset 0 1px #ffffff38}.cta:active{transform:translateY(1px)}.cta.ghost{background:transparent;color:var(--silver);border:1px solid var(--line-bright);box-shadow:none;font-weight:600}.cta:disabled{opacity:.45;pointer-events:none}.quest{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--panel);margin-top:7px}.quest .qi{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--panel-2);flex:none}.quest .qd{flex:1;font-size:12.5px}.quest .qd .r{color:var(--gold-hi);font-size:11px}.quest .done{color:var(--hp);font-size:11px;text-transform:uppercase;letter-spacing:1px}.hero-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-card{position:relative;border-radius:12px;overflow:hidden;border:1.5px solid var(--line);background:var(--panel);cursor:pointer}.hero-card .art{aspect-ratio:3 / 4;width:100%;display:block;object-fit:cover;object-position:top}.hero-card .shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(8,6,12,.95) 8%,transparent 55%)}.hero-card .nm{position:absolute;left:0;right:0;bottom:5px;text-align:center;font-family:var(--font-head);font-size:10.5px;letter-spacing:.3px;text-shadow:0 1px 4px #000;padding:0 4px}.hero-card .stars{position:absolute;top:4px;left:5px;font-size:8.5px;color:var(--gold-hi);text-shadow:0 1px 3px #000;letter-spacing:-.5px}.hero-card .lvl{position:absolute;top:4px;right:5px;font-size:9px;color:var(--ink-dim);background:#0000008c;padding:1px 5px;border-radius:6px}.hero-card .rare-frame{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;pointer-events:none}.hero-card.locked .art{filter:grayscale(1) brightness(.45)}.hero-card.locked .lock{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.hero-card.locked .lock .icon{opacity:.85;filter:drop-shadow(0 1px 4px rgba(0,0,0,.8))}.hero-card.insquad:after{content:"";position:absolute;bottom:4px;right:5px;width:17px;height:17px;background:url(/assets/ui/ui-swords.webp) center / contain no-repeat;filter:drop-shadow(0 0 4px rgba(0,0,0,.9))}.r-Common{border-color:#4a4f5e}.r-Rare{border-color:var(--rare);box-shadow:0 0 10px #6fc3e826}.r-Epic{border-color:var(--epic);box-shadow:0 0 12px #b07fe033}.r-Legendary{border-color:var(--legendary);box-shadow:0 0 14px #e0b04f40}.r-Mythic{border-color:var(--mythic);box-shadow:0 0 16px #ff4d6d4d}.rtext-Common{color:#9aa0b0}.rtext-Rare{color:var(--rare)}.rtext-Epic{color:var(--epic)}.rtext-Legendary{color:var(--legendary)}.rtext-Mythic{color:var(--mythic)}.sheet-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#040308b8;z-index:40}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:41;max-height:82%;overflow-y:auto;border-radius:20px 20px 0 0;border:1px solid var(--line-bright);border-bottom:none;background:linear-gradient(180deg,#1d1529,#100c18);padding:18px 18px 30px;scrollbar-width:none}.sheet::-webkit-scrollbar{display:none}.sheet .grab{width:40px;height:4px;border-radius:99px;background:var(--line-bright);margin:0 auto 14px}.sheet .hero-head{display:flex;gap:14px}.sheet .hero-head img{width:148px;border-radius:12px;border:1.5px solid var(--line-bright);align-self:flex-start}.sheet .hero-head .info{flex:1;padding-top:2px;min-width:0}.sheet .hero-head h3{font-size:18px;display:flex;align-items:center}.sheet .hero-head .title{font-style:italic;color:var(--ink-dim);font-size:12px;margin:2px 0 8px}.info-btn{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;margin-left:7px;border-radius:50%;border:1px solid var(--line-bright);background:#0000004d;color:var(--ink-dim);cursor:pointer;flex:none}.info-btn.on{color:var(--gold-hi);border-color:var(--gold);box-shadow:0 0 8px #c9a45c4d}.lvl-wrap{margin-top:11px}.lvl-top{display:flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}.lvl-top .lv{font-family:var(--font-head);font-size:13px;color:var(--gold-hi)}.lvl-top .lvl-rem{margin-left:auto;font-size:10.5px}.lvl-bar{height:6px;border-radius:99px;background:#241a33;border:1px solid var(--line);overflow:hidden}.lvl-bar.big{height:8px;margin-top:5px}.lvl-bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--gold-hi));box-shadow:0 0 6px #f0d08966}.stat-detail{margin-top:9px;border:1px solid var(--line);border-radius:10px;background:#00000047;padding:9px 11px}.stat-detail .sd-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11.5px;color:var(--ink-dim)}.stat-detail .sd-top b{color:var(--gold-hi);font-family:var(--font-head)}.stat-detail .sd-rank{font-family:var(--font-head);color:var(--gold-hi);font-size:13px;flex:none}.lvl-bar.sd{margin-top:7px}.codex{margin-top:11px;border:1px solid var(--line);border-radius:11px;background:#00000047;padding:10px 12px;display:flex;flex-direction:column;gap:7px}.codex .cx{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--ink-dim)}.codex .cx .icon{margin-top:1px;flex:none}.codex .cx b{color:var(--ink);font-weight:600}.statline{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:12px}.statline .st{background:#0000004d;border:1px solid var(--line);border-radius:9px;padding:6px 4px;text-align:center;cursor:pointer;transition:border-color .15s,box-shadow .15s}.statline .st.on{border-color:var(--gold);box-shadow:0 0 8px #c9a45c40}.statline .st b{display:block;font-size:14px;font-family:var(--font-head)}.statline .st span{font-size:9.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:1px}.ult-box{margin-top:12px;border:1px solid rgba(192,32,64,.4);background:#c0204014;border-radius:11px;padding:10px 12px}.ult-box .un{font-family:var(--font-head);color:var(--crimson-hi);font-size:13px;letter-spacing:.5px}.ult-box .ud{font-size:12.5px;color:var(--ink-dim);margin-top:3px}.btn-row{display:flex;gap:10px;margin-top:16px}.btn-row .cta{margin-top:0}.chapter-head{position:relative;overflow:hidden;border-radius:14px;padding:16px;border:1px solid var(--line-bright);background:radial-gradient(100% 140% at 50% 0%,#241430,#120c1a);margin-bottom:12px;min-height:96px}.chapter-head .banner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}.chapter-head .veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0a0810e0 30%,#0a081059 75%,#0a08108c),linear-gradient(0deg,rgba(10,8,16,.75),transparent 65%)}.chapter-head .cn{position:relative;z-index:1;font-size:10.5px;letter-spacing:2.4px;text-transform:uppercase;color:var(--crimson-hi)}.chapter-head h2{position:relative;z-index:1;font-size:20px;margin-top:3px;text-shadow:0 2px 10px #000}.chapter-head p{position:relative;z-index:1;color:var(--ink-dim);font-size:12.5px;margin-top:4px;max-width:82%}.stage-row{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:12px 13px;margin-top:8px;cursor:pointer}.stage-row.locked{opacity:.45}.stage-row .no{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font-family:var(--font-head);font-size:14px;border:1.5px solid var(--line-bright);color:var(--silver);background:#0e0a16}.stage-row.boss .no{border-color:var(--crimson);color:var(--crimson-hi);box-shadow:0 0 10px #c0204066}.stage-row .si{flex:1;min-width:0}.stage-row .si .sn{font-weight:500;font-size:14px}.stage-row .si .sm{font-size:11.5px;color:var(--ink-dim);display:flex;gap:8px;margin-top:2px}.stage-row .cleared{color:var(--hp);font-size:15px}.stage-row .go{color:var(--ink-faint);display:inline-flex}.squad-strip{display:flex;gap:8px;margin-top:10px}.squad-slot{flex:1;aspect-ratio:3 / 4.2;border-radius:11px;border:1.5px dashed var(--line-bright);background:#00000040;overflow:hidden;position:relative}.squad-slot img{width:100%;height:100%;object-fit:cover;object-position:top}.squad-slot .empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ink-faint);font-size:22px}.squad-slot .pos{position:absolute;top:3px;left:5px;font-size:9px;color:var(--gold-hi);font-family:var(--font-head);text-shadow:0 1px 3px #000}.summon-banner{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line-bright);background:radial-gradient(90% 120% at 50% 0%,#30143a,#0f0a18);min-height:240px}.summon-banner img.a{position:absolute;left:-24px;bottom:-10px;width:52%;opacity:.9}.summon-banner img.b{position:absolute;right:-18px;bottom:-6px;width:56%;filter:drop-shadow(0 0 22px rgba(255,51,85,.4))}.summon-banner .cap{position:relative;z-index:2;text-align:center;padding:20px}.summon-banner .cap .tag{font-size:10px;letter-spacing:3px;color:var(--mythic);text-transform:uppercase}.summon-banner .cap h2{font-size:22px;margin-top:4px;text-shadow:0 2px 12px #000}.rates{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:11px;color:var(--ink-dim)}.pull-row{display:flex;gap:10px;margin-top:14px}.pull-row .cta{margin-top:0}.pull-row .cta small{display:block;font-family:var(--font-body);font-size:10px;letter-spacing:.5px;opacity:.85;text-transform:none;font-weight:400}.reveal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:radial-gradient(80% 60% at 50% 40%,#2a1030,#050309f7);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.reveal .rg{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:320px;margin:14px 0}.reveal .rg .hero-card{animation:none}.reveal .rt{font-family:var(--font-head);letter-spacing:2px;color:var(--gold-hi)}.battle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;background:radial-gradient(110% 55% at 50% 0%,#1c1028,#0b0712 60%),var(--bg)}.battle-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.45;filter:brightness(.7);pointer-events:none}.battle .stage-line{text-align:center;padding:10px 0 2px;font-family:var(--font-head);font-size:13px;letter-spacing:1.5px;color:var(--ink-dim);text-transform:uppercase}.field{flex:1;position:relative;display:flex;justify-content:space-between;padding:10px 6px 0}.side{display:flex;flex-direction:column;justify-content:center;gap:4px;width:46%}.unit{position:relative;height:108px}.unit .spr{position:absolute;bottom:0;width:100%;height:118%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));animation:bob 3.2s ease-in-out infinite}.unit.dead .spr{animation:none;filter:grayscale(1) brightness(.4);opacity:.4}.unit .hpbar{position:absolute;top:0;left:8%;right:8%;height:5px;border-radius:99px;background:#000000a6;border:1px solid rgba(255,255,255,.12);overflow:hidden}.unit .hpbar>i{display:block;height:100%;background:var(--hp);transition:width .25s}.unit .hpbar.low>i{background:var(--hp-low)}.unit .uname{position:absolute;top:-16px;left:0;right:0;text-align:center;font-size:9px;color:var(--ink-dim);text-shadow:0 1px 3px #000;white-space:nowrap;overflow:hidden}.unit .fxs{position:absolute;top:8px;left:0;right:0;display:flex;justify-content:center;gap:3px}.unit .fxs .icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.85))}.unit.focused .spr{filter:drop-shadow(0 0 14px rgba(255,51,85,.75)) drop-shadow(0 4px 8px rgba(0,0,0,.6))}.unit .target-mark{position:absolute;top:-24px;left:0;right:0;text-align:center;color:var(--crimson-hi);animation:markBob .9s ease-in-out infinite}.unit .target-mark .icon{filter:drop-shadow(0 0 8px var(--crimson-hi))}@keyframes markBob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.floater{position:absolute;left:50%;top:30%;transform:translate(-50%);display:inline-flex;align-items:center;gap:3px;font-family:var(--font-head);font-weight:700;font-size:17px;color:#ffdf6e;text-shadow:0 0 8px rgba(0,0,0,.9),0 2px 2px #000;pointer-events:none;z-index:5}.floater .icon{filter:drop-shadow(0 0 4px rgba(0,0,0,.8))}.floater.heal{color:#7fe89a}.floater.crit{color:var(--crimson-hi);font-size:21px}.floater.dot{color:#ff7a8a;font-size:12.5px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.battle-ctrl{display:flex;align-items:center;gap:8px;padding:6px 12px 0}.battle-ctrl .hint{flex:1;font-size:10.5px;color:var(--ink-faint);letter-spacing:.4px}.battle-ctrl .ctl{border:1px solid var(--line-bright);background:var(--panel);color:var(--ink-dim);border-radius:9px;padding:5px 12px;font-family:var(--font-head);font-size:11px;letter-spacing:1px;cursor:pointer}.battle-ctrl .ctl.on{color:var(--gold-hi);border-color:var(--gold);box-shadow:0 0 8px #c9a45c4d}.ult-dock{display:flex;gap:8px;padding:10px 12px 14px;border-top:1px solid var(--line);background:#0a0710e6;margin-top:6px}.ult-btn{position:relative;flex:1;height:62px;border-radius:12px;border:1.5px solid var(--line-bright);overflow:hidden;cursor:pointer;background:var(--panel);padding:0}.ult-btn img{position:absolute;left:50%;top:-20%;transform:translate(-50%);width:78%;opacity:.85}.ult-btn .fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#c0204080,#ff335526);transform-origin:bottom;transform:scaleY(0)}.ult-btn .pct{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:10px;color:var(--ink-dim);font-variant-numeric:tabular-nums}.ult-btn.ready{border-color:var(--crimson-hi);box-shadow:0 0 16px #ff33558c;animation:pulse 1.1s ease-in-out infinite}.ult-btn.ready .pct{color:#fff;font-weight:600}.ult-btn.dead{opacity:.35;pointer-events:none}@keyframes pulse{0%,to{box-shadow:0 0 10px #f356}50%{box-shadow:0 0 22px #f35c}}.cutin{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;align-items:center;justify-content:center;background:radial-gradient(70% 50% at 50% 45%,#7a10308c,#050309e6);pointer-events:none}.cutin .inner{text-align:center}.cutin img{width:240px;filter:drop-shadow(0 0 30px rgba(255,51,85,.6))}.cutin .un{font-family:var(--font-head);font-size:21px;color:#fff;letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 18px var(--crimson-hi);margin-top:-20px}.battle-end{position:absolute;top:0;right:0;bottom:0;left:0;z-index:38;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#06040ae0;text-align:center;padding:24px;overflow:hidden}.battle-end .end-banner{width:min(92%,460px);aspect-ratio:16 / 9;object-fit:cover;border-radius:14px;border:1px solid var(--line-bright);box-shadow:0 8px 40px #0009,0 0 30px #ff33551f;margin-bottom:16px}.battle-end h1{font-size:34px;letter-spacing:4px}.battle-end.win h1{color:var(--gold-hi);text-shadow:0 0 30px rgba(240,208,137,.5)}.battle-end.lose h1{color:var(--ink-dim)}.battle-end .rewards{display:flex;gap:12px;margin:18px 0 4px}.battle-end .rw{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line-bright);border-radius:11px;padding:8px 14px;background:var(--panel);font-size:13px}.battle-end .rw b{color:var(--gold-hi)}.battle-end .cta{max-width:260px;margin-top:26px}.battle-exit{position:absolute;top:10px;right:12px;z-index:39;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:#00000080;color:var(--ink-dim);border-radius:9px;padding:5px 11px;font-size:12px;cursor:pointer}.nav{position:absolute;left:0;right:0;bottom:0;z-index:25;display:flex;border-top:1px solid var(--line);background:linear-gradient(180deg,#181122f5,#0a0810fa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-bottom:max(6px,env(safe-area-inset-bottom))}.nav button{flex:1;border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 6px;color:var(--ink-faint);font-family:var(--font-body);font-size:9.5px;letter-spacing:1px;text-transform:uppercase}.nav button .icon{opacity:.5;filter:saturate(.7)}.nav button.on{color:var(--gold-hi)}.nav button.on .icon{opacity:1;filter:none}.streak-dots{display:flex;gap:4px;margin-top:6px}.streak-dots i{width:100%;height:6px;border-radius:99px;background:#241a33;border:1px solid var(--line)}.streak-dots i.on{background:linear-gradient(90deg,var(--crimson),var(--crimson-hi));border-color:var(--crimson);box-shadow:0 0 6px #ff335580}.claim-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--gold);background:linear-gradient(135deg,#c9a45c40,#c9a45c14);color:var(--gold-hi);border-radius:10px;padding:7px 14px;font-family:var(--font-head);font-size:11px;letter-spacing:1px;cursor:pointer;text-transform:uppercase}.claim-btn:disabled{opacity:.4;border-color:var(--line);color:var(--ink-faint);background:none}.dim{color:var(--ink-dim)}.center{text-align:center}.mt8{margin-top:8px}.mt14{margin-top:14px}.sheet .rite-banner{display:block;width:calc(100% + 36px);height:128px;object-fit:cover;margin:-18px -18px 10px;border-radius:20px 20px 0 0;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 98%);mask-image:linear-gradient(180deg,#000 55%,transparent 98%)}.rite-reward{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 8px;font-size:17px}.rite-reward b{font-family:var(--font-head);color:var(--gold-hi);font-size:19px}.icon{display:inline-block;position:relative;vertical-align:-.15em;flex:none;line-height:0}.icon img{display:block;width:100%;height:100%;object-fit:contain}.stars-row{display:inline-flex;gap:1px}.quest .qi .icon{filter:drop-shadow(0 0 6px rgba(0,0,0,.6))}.stat-card .k .icon{vertical-align:-.1em}.stage-stars{display:flex;gap:1px}.stage-stars i{display:inline-flex}.stage-stars i:not(.lit) .icon{filter:grayscale(1) brightness(.4)}.stage-stars i.lit .icon{filter:drop-shadow(0 0 5px rgba(240,208,137,.6))}.end-stars{display:flex;gap:8px;justify-content:center;margin-top:6px}.end-stars span{display:inline-flex;transition:transform .2s}.end-stars span:not(.lit) .icon{filter:grayscale(1) brightness(.35)}.end-stars span.lit .icon{filter:drop-shadow(0 0 12px rgba(240,208,137,.8))}.end-stars span.lit{transform:scale(1.12)}.pity-line{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;color:var(--ink-dim)}.pity-line b{color:var(--gold-hi)}.pity-line .sigils{display:inline-flex;align-items:center;gap:4px;color:#b9a5e8}.meters{display:flex;flex-direction:column;gap:9px;margin-top:12px}.meter .m-top{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;color:var(--ink-dim);margin-bottom:4px}.meter .m-top span{display:inline-flex;align-items:center;gap:5px}.meter .m-top b{font-family:var(--font-head);color:var(--gold-hi);font-size:12px}.lvl-bar.sig>i{background:linear-gradient(90deg,#7a4d8f,#b07fe0);box-shadow:0 0 6px #b07fe066}.codex.guide{margin-top:12px}.codex .num{flex:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold-hi);font-family:var(--font-head);font-size:10px;margin-top:1px}.summon-banner .cap h2 .info-btn{margin-left:8px;vertical-align:2px}.spark-open{display:flex;justify-content:space-between;align-items:center;width:100%}.spark-open small{font-family:var(--font-body);font-size:10px;letter-spacing:.5px;opacity:.85;text-transform:none;font-weight:400;color:#b9a5e8}.spark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow:hidden;margin-top:10px}.spark-grid .hero-card.dim .art{opacity:.85}.hero-card .pos{position:absolute;top:3px;left:5px;font-size:9px;color:var(--gold-hi);font-family:var(--font-head);text-shadow:0 1px 3px #000}.story-intro{font-size:12px;font-style:italic;line-height:1.5;margin:8px 2px 0;opacity:.85}.story-card{position:absolute;top:0;right:0;bottom:0;left:0;z-index:42;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#06040af0;text-align:center;padding:28px;cursor:pointer}.story-card .story-art{width:min(92%,420px);aspect-ratio:16 / 9;object-fit:cover;border-radius:14px;border:1px solid var(--line-bright);box-shadow:0 8px 40px #0009,0 0 30px #ff33551f;margin-bottom:18px}.story-card video.story-art{background:#000}.story-card h2{font-size:22px;letter-spacing:2px;color:var(--gold-hi);margin-bottom:10px}.story-card p{font-size:14.5px;line-height:1.65;max-width:340px;font-style:italic}.story-card .tap-hint{margin-top:22px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--ink-dim)}.end-outro{font-style:italic;font-size:13px;line-height:1.6;max-width:320px;margin:4px 0 10px;opacity:.9}.reveal-video{display:flex;flex-direction:column;align-items:center}.reveal-video video{width:min(88vw,400px);border-radius:14px;border:1px solid var(--line-bright);box-shadow:0 8px 40px #0009}.reveal-video .rv-name{font-size:20px;color:var(--gold-hi);margin-top:12px;letter-spacing:1.5px}.reveal-video .tap-hint{margin-top:14px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--ink-dim)}.hh-art{position:relative;flex-shrink:0}.play-badge{position:absolute;right:4px;bottom:4px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line-bright);background:#0a080ed9;color:var(--gold-hi);display:flex;align-items:center;justify-content:center;padding:0 0 0 2px;cursor:pointer}.video-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#040308f0;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-lb video{width:min(92vw,480px);border-radius:16px;border:1px solid var(--line-bright);box-shadow:0 12px 60px #000000b3}.video-lb .tap-hint{margin-top:18px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--ink-dim)}.form-rows{display:flex;flex-direction:column;gap:8px;margin-top:4px}.form-row{display:flex;align-items:center;gap:8px}.form-row .flabel{width:38px;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-faint)}.form-row .squad-slot{width:56px;flex:0 0 auto;cursor:pointer}.form-row .fnote{font-size:10px;color:var(--ink-faint);margin-left:auto;text-align:right;line-height:1.35}.form-row.front .squad-slot{border-color:#ff335573}.form-row.back .squad-slot{border-color:#6fc3e859}.squad-slot.sel{border-style:solid;border-color:var(--gold-hi);box-shadow:0 0 12px #f0d08973}.side .unit.frontrow{transform:scale(1.06)}.allies .unit.frontrow{transform:translate(16px) scale(1.06)}.enemies .unit.frontrow{transform:translate(-16px) scale(1.06)}.side .unit.backrow{opacity:.96}.battle.shake{animation:bshake .38s linear}@keyframes bshake{0%,to{transform:translate(0)}20%{transform:translate(-5px,2px)}40%{transform:translate(4px,-3px)}60%{transform:translate(-4px,-1px)}80%{transform:translate(3px,2px)}}.boss-bar{margin:4px 14px 0;padding:6px 10px 8px;border:1px solid var(--line-bright);border-radius:10px;background:#0a070eb8}.boss-bar .bn{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:var(--gold-hi);margin-bottom:4px}.boss-bar.enraged .bn{color:var(--crimson-hi)}.boss-bar .bb{height:7px;border-radius:99px;background:#0009;border:1px solid rgba(255,255,255,.1);overflow:hidden}.boss-bar .bb i{display:block;height:100%;background:linear-gradient(90deg,var(--crimson-deep),var(--crimson-hi));transition:width .25s}.unit{animation:unitIn .45s ease-out both}@keyframes unitIn{0%{opacity:0;transform:translateY(14px) scale(.92)}}.unit .chg{position:absolute;bottom:-4px;left:12%;right:12%;height:3px;border-radius:99px;background:#0000008c;overflow:hidden}.unit .chg i{display:block;height:100%;background:var(--rare);transition:width .3s}.unit.charged .chg i{background:var(--crimson-hi)}.unit.charged .spr{filter:drop-shadow(0 0 12px rgba(255,51,85,.6)) drop-shadow(0 4px 8px rgba(0,0,0,.6))}.unit.enraged .spr{filter:drop-shadow(0 0 18px rgba(255,30,60,.9)) drop-shadow(0 4px 8px rgba(0,0,0,.7))}.unit.lowhp .uname{color:var(--crimson-hi)}.floater.enrage{color:var(--crimson-hi);font-size:22px;letter-spacing:2px}.tabpane{min-height:100%}.hero-card,.stage-row,.quest,.squad-slot{transition:transform .12s ease,box-shadow .15s,border-color .15s,opacity .15s}.hero-card:active,.stage-row:active,.squad-slot:active{transform:scale(.97)}.screen{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.nav{padding-bottom:env(safe-area-inset-bottom)}.cta{position:relative;overflow:hidden}.cta:after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.2),transparent);transform:skew(-18deg);animation:sheen 3.6s ease-in-out infinite;pointer-events:none}.cta.ghost:after,.cta:disabled:after{display:none}@keyframes sheen{0%,62%{left:-70%}to{left:135%}}.summon-banner img.a{animation:floaty 6.5s ease-in-out infinite alternate}.summon-banner img.b{animation:floaty 7.5s ease-in-out -2s infinite alternate}@keyframes floaty{0%{transform:translateY(0)}to{transform:translateY(-7px)}}.chapter-head .banner{animation:slowzoom 26s ease-in-out infinite alternate}@keyframes slowzoom{0%{transform:scale(1.02)}to{transform:scale(1.12)}}.hero-banner img.bg{animation:bgdrift 30s ease-in-out infinite alternate}@keyframes bgdrift{0%{transform:scale(1.22) translate(-1.5%)}to{transform:scale(1.3) translate(1.5%)}}.stage-row.boss{border-color:#c0204080;background:linear-gradient(160deg,rgba(122,16,48,.18),var(--panel) 55%)}.stage-row .foes{display:flex;margin-top:5px}.stage-row .foes img{width:22px;height:22px;border-radius:50%;object-fit:cover;object-position:top;border:1.5px solid var(--line-bright);margin-right:-6px;background:#0d0a14;filter:saturate(.8)}.stage-row.locked .foes img{filter:grayscale(1) brightness(.7)}.quest.is-done{opacity:.55}.quest.is-done .qi{color:var(--hp)}.reveal.rare:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 45% at 50% 42%,rgba(240,208,137,.35),transparent 70%);animation:rareflash 1.1s ease-out;pointer-events:none}@keyframes rareflash{0%{opacity:0;transform:scale(.6)}40%{opacity:1}to{opacity:0;transform:scale(1.15)}}.reveal.rare .rt{text-shadow:0 0 24px rgba(240,208,137,.8)}.mvp-line{font-size:12px;color:var(--ink-dim);margin-top:8px;letter-spacing:.5px}.mvp-line b{color:var(--gold-hi);font-family:var(--font-head)}.path-card{position:relative;display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:16px 14px;border-radius:14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--crimson) 40%,transparent);cursor:pointer;text-align:left}.path-card .path-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.5}.path-card .veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#08050aeb 20%,#08050a8c)}.path-info{position:relative;flex:1}.path-kicker{font-size:9.5px;letter-spacing:2.5px;color:var(--crimson);font-family:var(--font-title)}.path-name{font-family:var(--font-title);font-size:21px;letter-spacing:1px;color:var(--gold);margin:2px 0 3px}.path-sub{font-size:11.5px;opacity:.75}.path-skull{position:relative;color:var(--crimson);filter:drop-shadow(0 0 8px rgba(198,40,52,.6))}.boon-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.boon-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.boon-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#08050ad1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.boon-body{position:relative;width:min(92%,380px);max-height:88%;overflow-y:auto;padding:20px 0;display:flex;flex-direction:column;gap:14px}.boon-head{text-align:center}.boon-kicker{font-size:9.5px;letter-spacing:3px;color:var(--crimson);font-family:var(--font-title)}.boon-title{font-family:var(--font-title);font-size:26px;letter-spacing:1.5px;color:var(--gold);margin:4px 0 6px}.boon-sub{font-size:12.5px;opacity:.78;line-height:1.5;font-style:italic}.boon-list{display:flex;flex-direction:column;gap:10px}.boon-card{display:flex;align-items:center;gap:12px;padding:13px 14px;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:12px;cursor:pointer;text-align:left;color:inherit;transition:transform .12s ease,border-color .2s}.boon-card:hover{border-color:color-mix(in srgb,var(--gold) 70%,transparent)}.boon-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:10px;color:var(--gold);font-size:20px;background:color-mix(in srgb,var(--gold) 12%,transparent);border:1px solid color-mix(in srgb,var(--gold) 35%,transparent)}.boon-info{flex:1;display:flex;flex-direction:column;gap:3px}.boon-name{font-family:var(--font-title);font-size:15px;letter-spacing:.8px;color:var(--gold)}.boon-desc{font-size:11.5px;opacity:.75;line-height:1.45}.boon-taken{text-align:center;font-size:10.5px;opacity:.55;font-style:italic}.path-steps{display:flex;justify-content:center;gap:7px}.path-dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);color:#ffffff59;font-size:13px;background:#ffffff0a}.path-dot.done{color:var(--gold);border-color:color-mix(in srgb,var(--gold) 55%,transparent)}.path-dot.now{color:#fff;border-color:var(--crimson);box-shadow:0 0 10px #c628348c}.path-dot.boss,.path-dot.boss.done{color:var(--crimson)}.path-squad{display:flex;justify-content:center;gap:8px}.path-hero{position:relative;width:52px;height:66px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.path-hero img{width:100%;height:100%;object-fit:cover}.path-hero.dead img{filter:grayscale(1) brightness(.4)}.path-hurt{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:flex-end}.path-hurt-fill{width:100%;background:linear-gradient(0deg,rgba(198,40,52,.55),transparent)}.path-dead-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--crimson);font-size:20px}.path-progress-note{text-align:center;font-size:11.5px;color:var(--gold);letter-spacing:1px}.summon-banner.v2{position:relative;border-radius:16px;overflow:hidden;margin-bottom:14px;border:1px solid color-mix(in srgb,var(--gold) 25%,transparent)}.summon-banner.v2 .bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.summon-banner.v2 .veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a060e40,#0a060ee0 78%)}.summon-banner.v2 .cap{position:relative;padding:20px 16px 8px}.summon-banner.v2 .tag{font-size:9.5px;letter-spacing:3px;color:var(--crimson);font-family:var(--font-title)}.summon-banner.v2 h2{font-family:var(--font-title);font-size:26px;letter-spacing:1px;color:var(--gold);margin:4px 0 6px;display:flex;align-items:center;gap:8px}.summon-banner.v2 .summon-blurb{font-size:12px;opacity:.8;font-style:italic;max-width:300px;line-height:1.45}.pool-strip{position:relative;display:flex;gap:6px;overflow-x:auto;padding:8px 12px 12px;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.pool-strip::-webkit-scrollbar{display:none}.pool-face{width:36px;height:46px;object-fit:cover;border-radius:6px;flex:none;border:1px solid rgba(255,255,255,.18);opacity:.85}.pool-face.r-Mythic{border-color:var(--mythic)}.pool-face.r-Legendary{border-color:var(--legendary)}.pool-face.r-Epic{border-color:var(--epic)}.pool-face.r-Rare{border-color:var(--rare)}.rates-card{background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 14px;margin-bottom:12px}.rate-row{display:flex;align-items:center;gap:8px;padding:4px 0}.rate-dot{width:8px;height:8px;border-radius:50%;flex:none}.rate-dot.r-Common{background:#9aa0b0}.rate-dot.r-Rare{background:var(--rare)}.rate-dot.r-Epic{background:var(--epic)}.rate-dot.r-Legendary{background:var(--legendary)}.rate-dot.r-Mythic{background:var(--mythic)}.rate-name{font-size:12px;font-family:var(--font-title);letter-spacing:.5px;width:74px}.rate-bar{flex:1;height:5px;border-radius:3px;background:#ffffff12;overflow:hidden}.rate-bar i{display:block;height:100%;border-radius:3px}.rate-bar i.r-Common{background:#9aa0b0}.rate-bar i.r-Rare{background:var(--rare)}.rate-bar i.r-Epic{background:var(--epic)}.rate-bar i.r-Legendary{background:var(--legendary)}.rate-bar i.r-Mythic{background:var(--mythic)}.rate-pct{font-size:11.5px;opacity:.8;width:42px;text-align:right;font-variant-numeric:tabular-nums}.spark-feature{display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;padding:13px 14px;border-radius:12px;cursor:pointer;text-align:left;color:inherit;background:color-mix(in srgb,var(--panel) 88%,transparent);border:1px solid color-mix(in srgb,var(--epic) 30%,transparent)}.spark-feature.ready{border-color:color-mix(in srgb,var(--epic) 70%,transparent);box-shadow:0 0 14px #b07fe02e}.spark-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:10px;color:var(--epic);background:color-mix(in srgb,var(--epic) 12%,transparent);border:1px solid color-mix(in srgb,var(--epic) 35%,transparent)}.spark-info{flex:1;display:flex;flex-direction:column;gap:3px}.spark-name{font-family:var(--font-title);font-size:15px;letter-spacing:.8px;color:var(--epic)}.spark-desc{font-size:11.5px;opacity:.75;line-height:1.45}.sheet.tall{max-height:86%;overflow-y:auto}.help-sect{margin-top:14px}.help-h{font-family:var(--font-title);font-size:12px;letter-spacing:2px;color:var(--gold);margin-bottom:5px}.help-p{font-size:12.5px;line-height:1.55;opacity:.85}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#070409}.splash-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:splash-drift 9s ease-out forwards}@keyframes splash-drift{0%{transform:scale(1.12)}to{transform:scale(1)}}.splash-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07040980,#0704092e 40%,#070409eb 88%)}.splash-center{position:relative;margin:auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.splash-sigil{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--gold) 18%,transparent),transparent 72%);box-shadow:0 0 30px color-mix(in srgb,var(--gold) 35%,transparent),inset 0 0 18px #c9a45c40;animation:sigil-breathe 2.6s ease-in-out infinite}@keyframes sigil-breathe{0%,to{box-shadow:0 0 22px #c9a45c47,inset 0 0 14px #c9a45c2e}50%{box-shadow:0 0 40px #c9a45c80,inset 0 0 22px #c9a45c4d}}.splash-title{font-family:var(--font-title);font-weight:700;font-size:42px;line-height:1.08;color:var(--gold);text-shadow:0 2px 26px rgba(0,0,0,.8),0 0 34px rgba(201,164,92,.35)}.splash-sub{font-family:var(--font-title);font-size:12px;letter-spacing:4px;text-transform:uppercase}.splash-foot{position:relative;width:min(78%,320px);display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:44px}.splash-tip{font-size:11.5px;text-align:center;line-height:1.5;min-height:34px;display:flex;align-items:center;justify-content:center}.splash-bar{width:100%;height:3px;border-radius:2px;background:#ffffff1f;overflow:hidden}.splash-bar i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--crimson),var(--gold))}.splash-pct{font-size:10px;letter-spacing:2px;opacity:.55;font-variant-numeric:tabular-nums}