:root{--ink:#1b1426;--panel:#1e162ef0;--line:#ffffff1a;--text:#f6f0ff;--muted:#b9add0;--accent:#ffcf5a;--pink:#ff7eb6;--common:#9fb4c8;--rare:#6fc3ff;--epic:#c77dff}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:#1b1626;margin:0;font-family:Fredoka,system-ui,sans-serif;overflow:hidden}canvas#game{touch-action:none;display:block}button{font:inherit;color:inherit;cursor:pointer}kbd{font:inherit;background:#ffffff1f;border-radius:4px;padding:0 5px;font-size:.9em}.muted{color:var(--muted)}#ui{justify-content:center;align-items:center;padding:16px;display:none;position:fixed;inset:0;overflow-y:auto}#ui.show{display:flex}#ui.modal{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c08148c}#ui.full{background:#1b1626}.loading{opacity:.8;font-size:22px}.title-screen{background:linear-gradient(180deg, #140e228c, #140e22e0), var(--bg) center/cover;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.title-inner{text-align:center;width:100%;max-width:720px;margin:auto}.logo{letter-spacing:2px;color:#fff;text-shadow:0 4px #6b3fa0,0 8px 24px #00000080;margin:0;font-size:clamp(42px,9vw,84px);line-height:1}.logo span{color:var(--accent);text-shadow:0 4px #b4561f,0 8px 24px #00000080}.tag{color:#e9e0ff;max-width:520px;margin:14px auto 22px;font-size:17px}h3{color:#fff;margin:18px 0 10px;font-weight:600}.starters{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.starter{border:2px solid var(--line);background:#1e162ecc;border-radius:16px;flex-direction:column;align-items:center;width:128px;padding:10px 14px 12px;transition:transform .12s,border-color .12s;display:flex}.starter img{object-fit:contain;width:84px;height:84px}.starter small{color:var(--muted)}.starter:hover{transform:translateY(-3px)}.starter.sel{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 35%, transparent), 0 8px 24px #0006;transform:translateY(-4px)}.starter-blurb{color:#e9e0ff;min-height:24px;margin:12px 0}.row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.btn{border:2px solid var(--line);background:#ffffff1a;border-radius:12px;padding:10px 18px;font-size:16px;font-weight:600}.btn:hover{background:#ffffff29}.btn.primary{background:var(--accent);color:#3a2400;border-color:#ffe39a;box-shadow:0 4px #b4791f}.btn.primary:hover{filter:brightness(1.06)}.btn.primary:active{transform:translateY(2px);box-shadow:0 2px #b4791f}.btn.big{padding:12px 28px;font-size:20px}.btn.danger{color:#ffb0b0}.howto{color:#d9cfee;margin-top:22px;font-size:14px;line-height:1.8}.meta{color:var(--muted);font-size:14px}.panel{background:var(--panel);border:2px solid var(--line);border-radius:20px;width:min(720px,100%);margin:auto;padding:20px 22px;animation:.18s ease-out pop;box-shadow:0 20px 60px #00000080}.panel.wide{width:min(900px,100%)}.panel h2{align-items:baseline;gap:12px;margin:0 0 6px;font-size:26px;display:flex}.count{color:var(--muted);font-size:15px;font-weight:500}@keyframes pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.lu-head{align-items:center;gap:16px;margin-bottom:14px;display:flex}.lu-head img{object-fit:contain;width:84px;height:84px;filter:drop-shadow(0 0 12px var(--c))}.lu-head h2{color:var(--accent);font-size:30px}.lu-head p{color:#e9e0ff;margin:0}.bounce{animation:.9s ease-in-out infinite bounce}@keyframes bounce{50%{transform:translateY(-6px)scale(1.04)}}.cards{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.card{border:2px solid var(--tier);text-align:left;--tier:var(--common);background:#ffffff0d;border-radius:16px;flex-direction:column;gap:6px;padding:16px 14px 14px;transition:transform .1s,background .1s;display:flex;position:relative}.card:hover{background:#ffffff1a;transform:translateY(-4px)}.card.tier-rare{--tier:var(--rare)}.card.tier-epic{--tier:var(--epic);background:#c77dff14}.card .icon{font-size:34px;line-height:1}.card b{font-size:18px}.card p{color:#ddd3f0;flex:1;margin:0;font-size:14px}.card .key{color:var(--muted);font-size:13px;position:absolute;top:8px;right:10px}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge{color:var(--tier);background:#ffffff1a;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600}.badge.syn{color:var(--accent);background:#ffcf5a2e;animation:1.2s ease-in-out infinite glow}@keyframes glow{50%{box-shadow:0 0 10px #ffcf5a99}}.current{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.chip{white-space:nowrap;background:#ffffff14;border-radius:999px;padding:2px 8px;font-size:12px}.chips{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.collection{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:14px 0;display:grid}.entry{border:2px solid color-mix(in srgb, var(--c,#888) 45%, transparent);background:#ffffff0d;border-radius:14px;gap:10px;padding:10px;display:flex}.entry img{object-fit:contain;flex:none;width:72px;height:72px}.entry p{color:#ddd3f0;margin:4px 0;font-size:13px}.entry.unknown{opacity:.7;border-style:dashed;border-color:var(--line)}.arch{color:var(--muted)}.team-layout{grid-template-columns:300px 1fr;gap:18px;margin-top:10px;display:grid}.formation{background:radial-gradient(circle,#ffffff0f,#0000 70%);border-radius:16px;height:320px;position:relative}.formation .dir{text-align:center;width:100%;color:var(--muted);font-size:13px;position:absolute;top:6px}.formation .wanderer{background:#36407a;border-radius:50% 50% 40% 40%;width:22px;height:26px;position:absolute;top:calc(50% + 10px);left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ff9f4399}.slot{border:2px solid var(--c,#fff3);background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:absolute;transform:translate(-50%,-50%)}.slot img{object-fit:contain;width:58px;height:58px}.slot small{color:var(--muted);letter-spacing:1px;font-size:10px;position:absolute;bottom:-18px}.slot.empty{border-style:dashed}.slot.sel{box-shadow:0 0 0 4px var(--accent)}.formation .hint{text-align:center;width:100%;color:var(--muted);margin:0;font-size:13px;position:absolute;bottom:0}.roster{flex-direction:column;gap:8px;max-height:360px;display:flex;overflow-y:auto}.member{border:2px solid color-mix(in srgb, var(--c) 45%, transparent);text-align:left;background:#ffffff0d;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex}.member img{object-fit:contain;flex:none;width:54px;height:54px}.member .stats{color:var(--muted);font-size:12px}.member.pick:hover{background:#ff5a5a26;border-color:#ff8a8a}.replace{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin:10px 0 14px;display:grid}.end{text-align:center}.end h2{justify-content:center;font-size:36px}.end.win h2{color:var(--accent)}.statgrid{grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0;display:grid}.statgrid div{background:#ffffff0f;border-radius:12px;flex-direction:column;padding:10px;display:flex}.statgrid b{font-size:24px}.statgrid small{color:var(--muted)}.disc{justify-content:center;gap:12px;display:flex}.disc img{object-fit:contain;width:64px;height:64px;display:block}.end .replace{text-align:left}@media (width<=640px){.cards{grid-template-columns:1fr}.card{flex-flow:wrap;align-items:center}.card p{flex-basis:100%}.team-layout{grid-template-columns:1fr}.statgrid{grid-template-columns:repeat(2,1fr)}.panel{padding:16px}.starter{width:104px}.starter img{width:64px;height:64px}}.card .kind{letter-spacing:1px;font-size:11px;font-weight:700}.card.kind-spell .kind{color:var(--accent)}.card.kind-passive .kind{color:#8fd3ff}.card.kind-spell{background:linear-gradient(160deg,#ffcf5a1a,#ffffff08)}.card.kind-passive{border-style:dashed}.card.kind-passive .icon{filter:saturate(.7)}.loadout{flex-direction:column;gap:4px;margin-top:6px;display:flex}.slots{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.slots .lbl{letter-spacing:1px;color:var(--muted);width:58px;font-size:9px;font-weight:600}.sl{border:2px solid var(--tier,var(--common));background:#0000004d;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:inline-flex;position:relative}.sl.spell{border-radius:7px;box-shadow:inset 0 0 8px #ffcf5a26}.sl.passive{border-radius:50%}.sl.empty{background:0 0;border:2px dashed #ffffff26}.sl.tier-rare{--tier:var(--rare)}.sl.tier-epic{--tier:var(--epic)}.sl .pips{color:var(--accent);letter-spacing:-1px;text-shadow:0 0 2px #000;font-size:10px;font-style:normal;position:absolute;bottom:-7px}.grade{color:#1b1426;vertical-align:middle;border-radius:6px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:13px;font-weight:700;display:inline-flex}.g-S{background:linear-gradient(135deg,#ffe066,#ff9de2)}.g-A{background:#9cff8a}.g-B{background:#8fd3ff}.g-C{background:#c9bde0}.g-D{background:#8a7f99}.tcard{text-align:left;border:2px solid color-mix(in srgb, var(--c) 50%, transparent);background:#ffffff0d;border-radius:14px;flex-direction:column;gap:4px;width:100%;padding:8px 10px 10px;transition:transform .1s,background .1s;display:flex}.tcard:hover{background:#ffffff17;transform:translate(3px)}.tc-top{align-items:center;gap:10px;display:flex}.tc-top img{object-fit:contain;width:50px;height:50px}.tc-id{flex-direction:column;flex:1;display:flex}.tc-id small{color:var(--muted)}.tc-bars{align-items:center;gap:6px;margin-top:3px;display:flex}.tc-bars .lv{color:var(--accent);font-size:12px;font-weight:700}.mbar{background:#00000073;border-radius:4px;flex:1;min-width:40px;height:6px;display:inline-block;overflow:hidden}.mbar i{border-radius:4px;height:100%;display:block}.mbar.hp i{background:#7ee36a}.mbar.xp i{background:#6fc3ff}.mbar.tr i{background:#ff9f43}.mbar.gene.g-S i{background:linear-gradient(90deg,#ffe066,#ff9de2)}.mbar.gene.g-A i{background:#9cff8a}.mbar.gene.g-B i{background:#8fd3ff}.mbar.gene.g-C i{background:#c9bde0}.mbar.gene.g-D i{background:#8a7f99}.roster .hint2{color:var(--muted);text-align:center;margin:2px 0 0;font-size:12px}.btn.small{margin-right:6px;padding:4px 10px;font-size:13px}.sheet{max-height:62vh;margin-top:8px;padding-right:4px;overflow-y:auto}.sh-head{align-items:center;gap:16px;display:flex}.sh-head img{object-fit:contain;width:96px;height:96px;filter:drop-shadow(0 0 12px var(--c))}.sh-head h3{align-items:center;gap:8px;margin:0;font-size:24px;display:flex}.sh-head p{margin:2px 0}.sh-head .blurb{color:#e9e0ff;font-size:14px}.sh-stats{background:#0003;border-radius:12px;margin:12px 0;padding:10px 12px}.srow{grid-template-columns:80px 64px 1fr 1fr;align-items:center;gap:10px;padding:4px 0;display:grid}.srow.head{color:var(--muted);letter-spacing:1px;text-transform:uppercase;font-size:11px}.srow .gene,.srow .train{align-items:center;gap:6px;display:flex}.srow small{color:var(--muted);min-width:38px;font-size:11px}.small{margin:8px 0 0;font-size:12px}.sheet h4{margin:12px 0 6px}.bookgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;display:grid}.book{opacity:.62;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.book.own{opacity:1;border-color:var(--tier,var(--common));background:#ffcf5a14}.book.tier-rare{--tier:var(--rare)}.book.tier-epic{--tier:var(--epic)}.book.locked{opacity:.3}.book .bi{font-size:20px}.book small{color:var(--muted);font-size:11px;line-height:1.3;display:block}.book .rank{color:var(--accent);font-size:12px}@media (width<=640px){.srow{grid-template-columns:64px 54px 1fr}.srow .train{grid-column:1/-1}}.camp{align-items:flex-start}.camp-inner{width:min(980px,100%);margin:0 auto;padding:8px 0 24px}.camp-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.logo.small{text-align:left;font-size:clamp(30px,6vw,46px)}.purse{color:#ffd34d;background:#1e162ed9;border:2px solid #b4791f;border-radius:999px;padding:6px 16px;font-size:20px}.tabs{flex-wrap:wrap;gap:6px;margin:14px 0 10px;display:flex}.tab{border:2px solid var(--line);color:var(--muted);background:#1e162ebf;border-radius:12px 12px 4px 4px;padding:8px 14px;font-weight:600}.tab.on{color:#fff;border-color:var(--accent);background:#3c2c5ae6}.camp-body{border:2px solid var(--line);background:#1a1328eb;border-radius:4px 16px 16px;min-height:300px;padding:16px 18px}.camp-body h3{margin:14px 0 8px}.rules{color:#ddd3f0;margin:4px 0 10px;font-size:14px}.gold{color:#ffd34d}.route{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.route .arrow{color:var(--muted);align-self:center;font-size:20px}.biome{border:2px solid #ffffff1f;border-radius:14px;flex-direction:column;flex:1;gap:2px;min-width:150px;padding:10px 12px;display:flex;position:relative}.biome small{font-size:12px}.b-greenwood{background:linear-gradient(140deg,#4f8f458c,#28462866)}.b-dustland{background:linear-gradient(140deg,#c9a45c8c,#785a2866)}.b-ashen{background:linear-gradient(140deg,#783c4699,#281e2480)}.biome.cleared{border-color:#9cff8a}.biome .tick{color:#9cff8a;font-style:normal;font-weight:700;position:absolute;top:6px;right:10px}.rgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.rcard{border:2px solid color-mix(in srgb, var(--c) 40%, transparent);background:#ffffff0d;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:8px;transition:transform .1s;display:flex}.rcard:hover{transform:translateY(-2px)}.rcard.sel{border-color:var(--accent);background:#ffcf5a14;box-shadow:0 0 0 3px #ffcf5a59}.rcard img{object-fit:contain;width:64px;height:64px}.rc-id{text-align:center}.rc-id small{color:var(--muted);font-size:11px;display:block}.genes{gap:3px;width:100%;display:flex}.genes .mbar{min-width:0;height:5px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.shop{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.upg{border:2px solid var(--line);background:#ffffff0d;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.upg .ui{font-size:30px}.upg .ub{flex-direction:column;flex:1;display:flex}.upg small{color:var(--muted);font-size:12px}.upg small.next{color:#b8f5a0}.upg .pips{gap:3px;margin-top:4px;display:flex}.upg .pips i{background:#ffffff26;border-radius:3px;width:14px;height:5px}.upg .pips i.on{background:var(--accent)}.upg .maxed{color:var(--accent);font-weight:700}.upg .btn{white-space:nowrap;padding:8px 12px;font-size:14px}.stageclear{text-align:center}.stageclear h2{color:var(--accent);justify-content:center;font-size:30px}.choices{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.choice{border:2px solid var(--line);background:#ffffff0d;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:18px 14px;transition:transform .1s;display:flex}.choice:hover{transform:translateY(-3px)}.choice .ci{font-size:40px}.choice b{font-size:18px}.choice small{color:#ddd3f0}.choice.home{border-color:#9cff8a}.choice.push{border-color:#ff9a7a}.goldline{margin:8px 0;font-size:18px}.slot.locked{opacity:.4;cursor:not-allowed;border-style:dotted;font-size:20px}@media (width<=640px){.choices{grid-template-columns:1fr}.route .arrow{display:none}}.card.kind-evolution{--tier:#ffcf5a;background:linear-gradient(160deg,#ffcf5a47,#ff6ad51f);border-width:3px;animation:1.4s ease-in-out infinite evoGlow;box-shadow:0 0 24px #ffcf5a73}.card.kind-evolution .kind{color:#ffcf5a;text-shadow:0 0 8px #ffcf5acc}.card.kind-evolution .icon{font-size:44px}@keyframes evoGlow{50%{box-shadow:0 0 40px #ffcf5abf}}.card.tier-legendary{--tier:#ffcf5a}.recipe{color:#ffcf5a;font-size:11px;display:block}.lu-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:14px;display:flex}.lu-foot .current{margin-top:0}.lu-btns{gap:6px;display:flex}.sl.evo{background:#ffcf5a26;border:2px solid #ffcf5a;border-radius:7px;box-shadow:0 0 10px #ffcf5a80}.slots .lbl.evo{color:#ffcf5a}.book.tier-legendary{--tier:#ffcf5a}.tab .dot{color:#fff;background:#ff6a8a;border-radius:999px;margin-left:4px;padding:0 6px;font-size:12px;font-style:normal}.upg.bounty .ub .mbar{flex:none;width:100%;height:6px;margin-top:5px;display:block}.upg.bounty.ready{border-color:var(--accent);box-shadow:0 0 14px #ffcf5a59}.upg.bounty.done{opacity:.5}.runline{color:#ddd3f0;margin:4px 0;font-size:14px}.bounty-ready{color:var(--accent);font-weight:600}.card .scope{letter-spacing:.5px;border-radius:6px;align-self:flex-start;padding:2px 6px;font-size:10px;font-weight:700}.card .scope.sig{color:#2a1030;background:linear-gradient(90deg,#ff9de2,#ffcf5a)}.card .scope.class{color:#fff;background:#ffffff24}.card.scope-sig{background:linear-gradient(160deg,#ff9de224,#ffffff08);border-color:#ff9de2}.card .rk{color:var(--accent);font-size:14px}.card p.prev{color:var(--muted);flex:none;font-size:12px;-webkit-text-decoration:line-through #ffffff40;text-decoration:line-through #ffffff40}.card p.upg-line{color:#b8f5a0;font-weight:600}.rpips{align-items:center;gap:3px;display:inline-flex}.rpips i{background:#ffffff26;border-radius:3px;width:12px;height:5px}.rpips i.on{background:var(--accent)}.rpips i.next{background:#b8f5a0;animation:1s ease-in-out infinite glow}.sl.sig{box-shadow:0 0 0 2px #ff9de2,inset 0 0 8px #ff9de266}.trait{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 25%, transparent), #ffffff08);border:1px solid color-mix(in srgb, var(--c) 50%, transparent);border-radius:12px;align-items:center;gap:10px;margin:10px 0 0;padding:8px 12px;display:flex}.trait .ti{font-size:26px}.trait small{color:#ddd3f0;display:block}.trait-mini{color:#e9e0ff;margin-bottom:2px;font-size:12px;display:block}.clsbadge{border:1px solid var(--k);color:var(--k);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.sheet h4.sig-h{color:#ff9de2}.book .rline{color:var(--muted);font-size:11px;line-height:1.35;display:block}.book .rline i{color:#ffffff59;margin-right:4px;font-style:normal;font-weight:700}.book .rline.got{color:#b8f5a0}.book .rline.got i{color:var(--accent)}.book.passive{border-style:dashed}.rcard.shiny{background:linear-gradient(160deg,#ffe0661f,#ffffff0a);border-color:#ffe066;box-shadow:0 0 12px #ffe06673}.eggs{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.eggcard{text-align:center;border:2px solid var(--line);background:#ffffff0d;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px;display:flex}.eggcard.egg-sun{background:linear-gradient(#ffb34726,#ffffff08);border-color:#ffb347}.eggcard.egg-night{background:linear-gradient(#6f8fff2e,#ffffff08);border-color:#6f8fff}.eggcard.egg-chaos{background:linear-gradient(#ff6ad52e,#ffcf5a14);border-color:#ff6ad5;box-shadow:0 0 20px #ff6ad540}.eggimg{object-fit:contain;filter:drop-shadow(0 6px 10px #0006);width:96px;height:96px;animation:2.4s ease-in-out infinite eggIdle}@keyframes eggIdle{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(4deg)translateY(-4px)}}.eggcard small{color:#ddd3f0}.eggcard .odds{color:var(--accent);font-size:12px}.pool{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.pool img{object-fit:contain;width:28px;height:28px}.pool span{width:28px;height:28px;color:var(--muted);background:#0000004d;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.hatch{justify-content:center;align-items:center;width:min(520px,100%);min-height:420px;margin:auto;display:flex;position:relative}.egg-big{object-fit:contain;filter:drop-shadow(0 10px 20px #00000080);width:200px;height:200px}.egg-big.wobble{animation:1.5s ease-in forwards wobble}@keyframes wobble{0%{transform:rotate(0)scale(1)}15%{transform:rotate(-8deg)}30%{transform:rotate(8deg)}45%{transform:rotate(-12deg)scale(1.05)}60%{transform:rotate(14deg)scale(1.08)}75%{transform:rotate(-18deg)scale(1.12)}90%{transform:rotate(20deg)scale(1.18)}to{transform:rotate(0)scale(1.3)}}.hatch .flash{opacity:0;pointer-events:none;background:#fff;position:fixed;inset:0}.hatch .reveal{text-align:center;background:var(--panel);border:2px solid color-mix(in srgb, var(--c) 60%, transparent);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;display:none;position:absolute;inset:0}.hatch.cracked .egg-big{display:none}.hatch.cracked .flash{animation:.7s ease-out flash}@keyframes flash{0%{opacity:.95}to{opacity:0}}.hatch.cracked .reveal{animation:.35s cubic-bezier(.2,1.6,.4,1) pop;display:flex}.born{object-fit:contain;width:150px;height:150px;filter:drop-shadow(0 0 18px var(--c));animation:.9s ease-in-out infinite bounce}.born.shiny{filter:drop-shadow(0 0 22px #ffe066)drop-shadow(0 0 6px #fff)}.reveal h2{justify-content:center;margin:0}.newtag{color:#fff;background:#ff6a8a;border-radius:999px;padding:3px 10px;font-weight:700;position:absolute;top:14px;right:18px;transform:rotate(8deg)}.genes.big{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:380px;display:grid}.genes.big div{flex-direction:column;gap:3px;display:flex}.genes.big small{color:var(--muted);font-size:11px}.genes.big .mbar{flex:none;width:100%;height:8px;display:block}.tcard .live{color:#e9e0ff;background:#00000040;border-radius:8px;padding:3px 8px;font-size:11px}.score{background:#ffffff0f;border-radius:14px;flex-direction:column;align-items:center;margin:4px auto 6px;padding:6px 22px;display:inline-flex}.score small{color:var(--muted);letter-spacing:1px;font-size:11px}.score b{color:#fff;font-size:34px;line-height:1.1}.score.newbest{background:linear-gradient(135deg,#ffcf5a4d,#ff6ad540);box-shadow:0 0 24px #ffcf5a66}.score.newbest b{color:var(--accent)}.score span{color:#ff9de2;font-size:13px;font-weight:700;animation:1s ease-in-out infinite glow}.awards{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.award{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 22%, transparent), #ffffff08);border:1px solid color-mix(in srgb, var(--c) 45%, transparent);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;display:flex;position:relative}.award .aicon{font-size:18px;position:absolute;top:4px;left:8px}.award img{object-fit:contain;width:52px;height:52px}.award b{font-size:14px}.award small{color:#ddd3f0;font-size:11px}.rec-new{color:#3a2400;background:#ffcf5a;border-radius:999px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:700;position:absolute;top:-6px;right:-4px;transform:rotate(8deg)}.meter{text-align:left;flex-direction:column;gap:4px;display:flex}.mrow{grid-template-columns:30px 70px 1fr 54px 34px;align-items:center;gap:8px;display:grid}.mrow img{object-fit:contain;width:28px;height:28px}.mrow .mname{font-size:13px}.mtrack{background:#0006;border-radius:6px;height:10px;overflow:hidden}.mtrack i{background:var(--c);border-radius:6px;height:100%;display:block}.mrow small{color:var(--muted)}.records{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:14px;display:grid}.rec{border:1px solid var(--line);background:#ffffff0d;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;display:flex}.rec img{object-fit:contain;width:36px;height:36px}.rec>span{font-size:26px}.rec b{font-size:15px;display:block}.rec small{color:var(--muted);font-size:11px}.rec.best{border-color:var(--accent);background:linear-gradient(135deg,#ffcf5a33,#ffffff0a)}.lifetime{grid-template-columns:repeat(5,1fr);gap:6px;margin:8px 0;display:grid}.lifetime div{text-align:center;background:#ffffff0d;border-radius:10px;padding:6px}.lifetime b{display:block}.lifetime small{color:var(--muted);font-size:11px}@media (width<=640px){.lifetime{grid-template-columns:repeat(3,1fr)}.genes.big{grid-template-columns:repeat(2,1fr)}}.pacts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.pact{text-align:center;opacity:.75;background:#ffffff0a;border:2px dashed #ffffff26;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;transition:transform .1s;display:flex;position:relative}.pact:hover{opacity:1;transform:translateY(-2px)}.pact.on{opacity:1;background:linear-gradient(#ff5a3c38,#ffffff08);border-style:solid;border-color:#ff7a5a;box-shadow:0 0 14px #ff5a3c4d}.pact .pi{font-size:24px}.pact small{color:#ddd3f0;font-size:11px}.pact i{color:#ff9a7a;font-size:11px;font-style:normal;font-weight:700;position:absolute;top:6px;right:8px}.pactbonus{color:#ff9a7a;margin-left:6px;font-size:13px}.biome .wbest{color:#ffe066;font-weight:600}.rcard .bond{color:#ff9de2;font-size:11px;font-weight:600}.bondbox{background:#ff9de214;border:1px solid #ff9de259;border-radius:12px;flex-direction:column;gap:3px;margin:8px 0;padding:8px 12px;display:flex}.bondbox .bondbar{flex:none;width:100%;height:7px;display:block}.bondbox .bondbar i{background:linear-gradient(90deg,#ff9de2,#ffcf5a)}.bondbox small{color:#ddd3f0;font-size:12px}.bondbox small.got{color:#ff9de2}.bonds{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.bondrow{background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;min-width:96px;padding:6px 10px;display:flex}.bondrow img{object-fit:contain;width:40px;height:40px}.bondrow small{color:#ff9de2;font-size:11px}.bondrow.up{background:#ff9de22e;box-shadow:0 0 12px #ff9de266}.route{flex-wrap:wrap}.b-frostpeak{background:linear-gradient(140deg,#a8d4ef8c,#5078a066)}.b-void{background:linear-gradient(140deg,#5a3c9699,#1e143c80)}.b-reef{background:linear-gradient(140deg,#2f8fa899,#14465a80)}.b-roost{background:linear-gradient(140deg,#c0502a99,#46281e80)}.b-grid{background:linear-gradient(140deg,#3c5ac88c,#141a3399)}.b-dream{background:linear-gradient(140deg,#966edc8c,#2e25508c)}.b-rift{background:linear-gradient(140deg,#ff4dd680,#1a0f24a6)}.evolve .cards{justify-content:center}.evo-card{text-align:center;box-shadow:0 0 18px color-mix(in srgb, var(--c) 45%, transparent);align-items:center;border-color:var(--c)!important}.evo-card img{object-fit:contain;width:84px;height:84px;filter:drop-shadow(0 0 10px var(--c))}.evo-card .arch{color:var(--c)}.rcard{position:relative}.rcard.sel{outline:3px solid var(--accent);outline-offset:2px;background:#ffcf5a1f}.rcard.sel.shiny{outline:3px solid #fff;box-shadow:0 0 0 6px #ffcf5a80,0 0 16px #ffe06680}.rcard:not(.sel) .pickn{display:none}.rcard .pickn{background:var(--accent);color:#2a1d06;z-index:2;border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-8px;left:-8px;box-shadow:0 2px 6px #0006}.rcard .favmark{font-size:13px;font-style:normal;position:absolute;top:4px;right:6px}.teambar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.teambar h3{margin:0}.pickcount{background:var(--accent);color:#2a1d06;border-radius:99px;margin-left:4px;padding:1px 9px;font-size:14px;display:inline-block}.tb-btns{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tb-btns .sep{background:#ffffff26;width:1px;height:22px;margin:0 4px}.chip{color:inherit;font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff2e;border-radius:99px;padding:4px 10px;font-size:12px}.chip.on{border-color:var(--accent);background:#ffcf5a33}button.biome{font:inherit;color:inherit;text-align:left;cursor:pointer;transition:transform .12s}button.biome:hover{border-color:#fff6;transform:translateY(-2px)}.biome.locked{filter:grayscale(.7)brightness(.7)}.biome.start{border-color:var(--accent);box-shadow:0 0 0 2px #ffcf5a59}.biome .startflag{background:var(--accent);color:#2a1d06;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:800;position:absolute;top:-9px;left:10px}.biome .danger{color:#ffb3b3;letter-spacing:-1px;font-size:10px}.mstars{color:#ffe066;letter-spacing:1px}.purse{align-items:center;gap:8px;display:flex}.gear{cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;padding:2px 7px;font-size:16px}.toast{background:#ffe0661f;border:1px solid #ffe06666;border-radius:12px;margin:6px 0;padding:8px 12px}.ovl{z-index:50;background:#0a0614b8;place-items:center;padding:16px;animation:.15s ease-out ovlIn;display:grid;position:fixed;inset:0;overflow-y:auto}@keyframes ovlIn{0%{opacity:0}}.ovl-panel{text-align:left;width:min(860px,100%);max-height:calc(100vh - 32px);position:relative;overflow-y:auto}.ovl-x{color:inherit;cursor:pointer;z-index:3;background:#ffffff14;border:0;border-radius:50%;width:30px;height:30px;font-size:14px;position:absolute;top:10px;right:12px}.wsheet-head{border-radius:14px;justify-content:space-between;align-items:flex-end;margin:-4px 0 10px;padding:16px 18px;display:flex}.wsheet-head h2{margin:2px 0}.wsheet-head p{opacity:.85;margin:0}.wsh-danger{color:#ffb3b3;letter-spacing:-2px;font-size:18px}.wstats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;margin-bottom:6px;display:grid}.wstats div{background:#ffffff0d;border-radius:10px;flex-direction:column;padding:6px 8px;display:flex}.wstats b{font-size:16px}.wstats small{color:var(--muted);font-size:11px}.mastery{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px;display:grid}.mst{color:var(--muted);background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;display:flex}.mst span{font-size:18px}.mst.ok{color:#fff;background:#ffe0661f}.mst.ok span{color:#ffe066}.natives{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.native{border:2px solid color-mix(in srgb, var(--c,#888) 45%, transparent);color:inherit;font:inherit;cursor:pointer;background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px;display:flex;position:relative}.native img{object-fit:contain;width:60px;height:60px}.native small{color:var(--muted);text-align:center;font-size:11px}.native.unknown{cursor:default;border-color:#ffffff1a}.native.unknown img{filter:brightness(0)opacity(.55)}.native .own{color:#9cff8a;font-size:11px;font-style:normal;position:absolute;top:4px;right:6px}.native .own.new{color:#ffb3b3}.foes{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;display:grid}.foe{background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.foe canvas{background:radial-gradient(circle,#ffffff14,#0000 70%);border-radius:10px;flex:none}.foe p{color:#ddd3f0;margin:3px 0;font-size:12px}.foe .fstat{color:#ffb3b3;font-size:11px}.foe.boss{background:linear-gradient(120deg,#ff5a781f,#ffffff08)}.tags{flex-wrap:wrap;gap:4px;display:flex}.tags span{background:#ffffff14;border-radius:99px;padding:1px 6px;font-size:10px}.sp-head{align-items:center;gap:14px;margin-bottom:8px;display:flex}.sp-head img{object-fit:contain;width:120px;height:120px;filter:drop-shadow(0 0 12px var(--c))}.sp-head h2{margin:0}.sp-head .arch{color:var(--c)}.trait-box,.sig-box{background:#ffffff0d;border-radius:12px;margin:6px 0;padding:8px 12px}.trait-box p{margin:4px 0 0}.sig-box ol{color:#ddd3f0;margin:4px 0 0;padding-left:20px;font-size:13px}.sig-box .badge{text-transform:uppercase;font-size:10px}.evoline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.evo{cursor:pointer;background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;padding:6px;display:flex;position:relative}.evo img{object-fit:contain;width:64px;height:64px}.evo.cur{outline:2px solid var(--accent)}.evo.unknown img{filter:brightness(0)opacity(.5)}.evo i{color:var(--accent);font-size:10px;font-style:normal}.entry.clickable{cursor:pointer}.entry.clickable:hover{background:#ffffff14}.settings{flex-direction:column;gap:8px;display:flex}.setting{text-align:left;color:inherit;font:inherit;cursor:pointer;background:#ffffff0d;border:0;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.setting small{color:var(--muted);font-size:12px;display:block}.setting .sw{background:#ffffff26;border-radius:99px;flex:none;width:40px;height:22px;position:relative}.setting .sw i{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:3px;left:3px}.setting.on .sw{background:#6bd66b}.setting.on .sw i{left:21px}.mastery-gain{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.mastery-gain div{background:#ffe0661f;border-radius:12px;flex-direction:column;align-items:center;padding:6px 12px;display:flex}.goals{text-align:left;flex-direction:column;gap:5px;max-width:560px;margin:0 auto;display:flex}.goals div{background:#ffffff0d;border-radius:10px;padding:6px 12px;font-size:13px}.camp-top{flex-wrap:wrap;gap:12px}.rankbox{background:#0000004d;border-radius:14px;align-items:center;gap:8px;padding:4px 10px;display:flex}.rankbox small{letter-spacing:1px;font-size:10px;display:block}.rk-badge{color:#2a1d06;background:radial-gradient(circle at 35% 30%,#fff3a8,#ffb347 70%);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:16px;font-weight:800;display:grid;box-shadow:0 0 10px #ffb44699}.rk-badge.pop{animation:.5s ease-out rkPop}@keyframes rkPop{0%{transform:scale(1)}40%{transform:scale(1.6)rotate(-8deg)}to{transform:scale(1)}}.rk-bar{flex:none;width:140px;height:7px;display:block}.rk-bar.big{width:100%;height:12px}.rk-bar i{background:linear-gradient(90deg,#ffb347,#fff3a8)}.pulse{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #ffcf5a99}50%{transform:scale(1.06);box-shadow:0 0 0 8px #ffcf5a00}}.endrank{background:#ffb44614;border-radius:14px;align-items:center;gap:10px;max-width:520px;margin:8px auto;padding:8px 12px;display:flex}.endrank>div{text-align:left;flex:1}.endrank small{letter-spacing:1px;font-size:11px}.rk-up{color:#ffcf5a;white-space:nowrap;font-weight:800}.daily{text-align:left;background:linear-gradient(120deg,#9cff8a24,#7af0ff14);border:2px solid #9cff8a66;border-radius:14px;align-items:center;gap:12px;margin:8px 0;padding:10px 14px;display:flex}.daily.done{opacity:.6}.daily .d-ic{font-size:30px}.daily .d-body{flex-direction:column;flex:1;gap:2px;display:flex}.daily small{color:#ddd3f0;font-size:12px}.d-done{color:#9cff8a;font-weight:700}.daily-res{background:#ffffff0f;border-radius:10px;padding:6px 12px}.daily-res.won{color:#c8ffb0;background:#9cff8a2e;font-weight:700}.freeeggs{flex-wrap:wrap;gap:10px;margin-bottom:8px;display:flex}.freeegg{border:2px solid var(--accent);color:inherit;font:inherit;cursor:pointer;background:#ffcf5a1a;border-radius:14px;flex-direction:column;align-items:center;padding:8px 14px;display:flex}.freeegg img{object-fit:contain;width:54px;height:54px}.freeegg small{color:var(--accent);font-weight:700}.chest-panel{text-align:center;width:min(460px,100%)}.chestbox .chest{cursor:pointer;filter:drop-shadow(0 0 20px #ffcf5a99);font-size:90px;line-height:1.1;display:inline-block}.chest.shake{animation:.5s ease-in-out infinite chestShake}@keyframes chestShake{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)scale(1.05)}75%{transform:rotate(9deg)scale(1.05)}}.chest.burst{animation:.6s ease-out forwards chestBurst}@keyframes chestBurst{0%{transform:scale(1)}40%{filter:drop-shadow(0 0 40px #fff);transform:scale(1.5)}to{opacity:.35;transform:scale(.8)}}.chestbox .loot{flex-direction:column;gap:6px;margin:10px 0;display:flex}.lootitem{opacity:0;text-align:left;background:#ffe0661f;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex;transform:translateY(12px)scale(.9)}.lootitem span{font-size:22px}.chestbox.open .lootitem{animation:.4s ease-out forwards lootIn;animation-delay:calc(.3s + var(--d))}@keyframes lootIn{to{opacity:1;transform:none}}.chestbox .tapme{display:block}.chestbox.open .tapme{display:none}.chestbox .hidden-until{visibility:hidden}.chestbox.open .hidden-until{visibility:visible}.levelup.lucky{background-image:linear-gradient(135deg,#ffe0661f,#ff7eb61a,#7af0ff1a);border-color:#ffe066;box-shadow:0 0 0 3px #ffe06680,0 0 50px #ffe06659}.levelup.lucky h2{background:linear-gradient(90deg,#ffe066,#ff9de2,#7af0ff,#ffe066) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite shine}@keyframes shine{to{background-position:200%}}.lucky-sub{color:#ffe066;font-weight:700}@media (width>=701px){.levelup.lucky{max-width:min(1080px,96vw)}.levelup.lucky .cards{grid-template-columns:repeat(4,1fr)}}.capture{text-align:center;width:min(560px,96vw)}.cap-head{justify-content:center;gap:6px;display:flex}.rar{letter-spacing:1px;text-transform:uppercase;border:1px solid;border-radius:99px;padding:2px 10px;font-size:11px;font-weight:800}.shinytag{color:#ffe066;border-color:#ffe066}.newtag2{color:#9cff8a;border-color:#9cff8a}.cap-stage{place-items:center;height:170px;display:grid;position:relative}.cap-glow{background:radial-gradient(circle, color-mix(in srgb, var(--c) 45%, transparent), transparent 70%);border-radius:50%;width:160px;height:160px;position:absolute}.cap-sprite{object-fit:contain;width:130px;height:130px;transition:transform .3s,filter .3s;animation:1.6s ease-in-out infinite capIdle;position:relative}.cap-sprite.shiny{filter:drop-shadow(0 0 12px #ffe066)}@keyframes capIdle{50%{transform:translateY(-6px)}}.cap-stage.caught .cap-sprite{filter:brightness(1.4)drop-shadow(0 0 16px #ff9de2);animation:none;transform:scale(.45)}.cap-stage.caught:after{content:"";background:radial-gradient(circle at 35% 30%,#fff9,#ff9de240);border:4px solid #ff9de2;border-radius:50%;width:90px;height:90px;position:absolute;box-shadow:0 0 24px #ff9de299}.cap-stage.wob{animation:.5s ease-in-out capWob}@keyframes capWob{20%{transform:rotate(-16deg)}50%{transform:rotate(14deg)}80%{transform:rotate(-6deg)}}.cap-stage.broke .cap-sprite{animation:.45s ease-out capBroke}@keyframes capBroke{0%{transform:scale(.45)}60%{transform:scale(1.25)}to{transform:scale(1)}}.cap-stage.fled .cap-sprite{opacity:0;transition:transform .9s ease-in,opacity .9s;animation:none;transform:translate(260px)scale(.6)}.cap-stage.won .cap-sprite{filter:drop-shadow(0 0 20px #ff9de2);animation:.8s ease-out capWin}@keyframes capWin{0%{transform:scale(.45)}50%{transform:scale(1.35)rotate(-6deg)}to{transform:scale(1)}}.cap-treat{opacity:0;font-size:34px;position:absolute}.cap-treat.fly{animation:.45s ease-in forwards capFly}@keyframes capFly{0%{opacity:1;transform:translate(-30px,120px)scale(.7)rotate(0)}to{opacity:1;transform:translate(0)scale(1.1)rotate(540deg)}}.cap-dots{color:#ff9de2;letter-spacing:6px;font-size:26px;position:absolute;bottom:4px}.cap-msg{min-height:24px}.cap-win{color:#ff9de2;font-size:22px}.cap-close{color:#ff6b6b;font-size:18px;animation:.6s ease-in-out 2 pulse;display:inline-block}.treats{grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0;display:grid}.treats.locked{pointer-events:none;opacity:.5}.treat{color:inherit;font:inherit;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff26;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;transition:transform .1s;display:flex}.treat:hover:not(:disabled){border-color:#ff9de2;transform:translateY(-3px)}.treat .ti{font-size:28px}.treat b{font-size:12px}.treat small{color:var(--muted);font-size:11px}.treat i{color:#9cff8a;font-size:16px;font-style:normal;font-weight:800}.treat.empty{opacity:.35;cursor:default}.slot{background:#0000004d;border-radius:14px;flex-direction:column;align-items:center;margin:6px 0;padding:6px 18px;display:inline-flex}.slot small{letter-spacing:2px;color:var(--muted);font-size:10px}.slot-g{font-size:40px;font-weight:900;line-height:1}.slot-g.landed{animation:.5s ease-out rkPop}.slot-g.grade-S{color:#ff9de2;text-shadow:0 0 14px #ff9de2}.slot-g.grade-A{color:#ffcf5a}.slot-g.grade-B{color:#7ab8ff}.slot-g.grade-C{color:#9cff8a}.slot-g.grade-D{color:#c9c3d6}.cap-reveal .gene i{transition:width .8s ease-out}.treats-shop{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;margin-bottom:8px;display:grid}.treat-shop{background:#ff9de214;border:1px solid #ff9de24d;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.treat-shop .ti{font-size:28px}.treat-shop>div{flex-direction:column;flex:1;display:flex}.treat-shop small{font-size:11px}.card.scope-sig:not(.kind-evolution){animation:1.6s ease-in-out infinite sigGlow;box-shadow:0 0 0 2px #ff9de299,0 0 22px #ff9de273}@keyframes sigGlow{50%{box-shadow:0 0 0 3px #ffe066cc,0 0 34px #ff9de2b3}}.sig-banner{color:#ff9de2;letter-spacing:1px;margin-top:2px;font-size:12px;font-weight:800;display:inline-block}.capture h2{text-align:center;justify-content:center}.btn,.tab,.chip,.treat,.rcard,.biome,.native,.card{transition:transform .12s,box-shadow .15s,background .15s,border-color .15s}.btn:active:not(:disabled),.chip:active,.tab:active{transform:scale(.95)}.btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 18px #ffcf5a73}.tab:hover{color:#fff}.camp-body{animation:.25s ease-out fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}}.rcard img{transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.rcard:hover img{transform:scale(1.15)translateY(-4px)rotate(-3deg)}.rcard.shiny{overflow:hidden}.rcard.shiny:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffff59 50%,#0000 65%);animation:3.2s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-120%)}@keyframes shimmer{0%,55%{transform:translate(-120%)}85%,to{transform:translate(120%)}}.levelup .card{animation:.38s cubic-bezier(.2,1.4,.4,1) both dealIn}.levelup .card:nth-child(2){animation-delay:70ms}.levelup .card:nth-child(3){animation-delay:.14s}.levelup .card:nth-child(4){animation-delay:.21s}@keyframes dealIn{0%{opacity:0;transform:translateY(30px)rotateX(40deg)scale(.9)}}.levelup .card:hover{transform:translateY(-5px)}.panel{animation:.22s cubic-bezier(.2,1.3,.4,1) popIn}@keyframes popIn{0%{opacity:0;transform:scale(.94)}}.hero{flex-direction:column;align-items:center;gap:6px;display:flex}.hero-stage{aspect-ratio:1/.92;background:radial-gradient(ellipse at 50% 60%, color-mix(in srgb, var(--c) 38%, #1b1430) 0%, #140f22 75%);width:100%;max-width:320px;box-shadow:inset 0 0 40px #00000080, 0 0 0 2px color-mix(in srgb, var(--c) 45%, transparent);border-radius:22px;place-items:center;display:grid;position:relative;overflow:hidden}.hero-stage .rays{aspect-ratio:1;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--c) 30%, transparent) 0deg 8deg, transparent 8deg 22deg);opacity:.8;width:180%;animation:24s linear infinite spin;position:absolute;-webkit-mask:radial-gradient(circle,#000 0%,#0000 62%);mask:radial-gradient(circle,#000 0%,#0000 62%)}@keyframes spin{to{transform:rotate(360deg)}}.hero-stage .halo{aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--c) 55%, transparent), transparent 70%);border-radius:50%;width:70%;animation:3s ease-in-out infinite breatheHalo;position:absolute}@keyframes breatheHalo{50%{opacity:.75;transform:scale(1.12)}}.hero-stage .pedestal{background:radial-gradient(#0000008c,#0000 70%);border-radius:50%;width:56%;height:14%;position:absolute;bottom:12%}.hero-img{object-fit:contain;image-rendering:auto;filter:drop-shadow(0 6px 14px #00000080);transform-origin:50% 90%;width:78%;height:78%;animation:2.8s ease-in-out infinite heroBreathe;position:relative}@keyframes heroBreathe{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.02,.98)}}.hero-stage:hover .hero-img{animation:.5s ease-out heroHop}@keyframes heroHop{40%{transform:translateY(-26px)scale(.95,1.06)rotate(-4deg)}80%{transform:translateY(0)scale(1.06,.94)}}.hero.shiny .hero-img{filter:drop-shadow(0 0 16px #ffe066)drop-shadow(0 6px 14px #00000080)}.motes i{bottom:-10px;left:var(--x);background:color-mix(in srgb, var(--c) 70%, #fff);width:5px;height:5px;box-shadow:0 0 8px var(--c);opacity:0;transform:scale(var(--s));animation:4s linear infinite mote;animation-delay:var(--d);border-radius:50%;position:absolute}@keyframes mote{0%{opacity:0;transform:translateY(0) scale(var(--s))}15%{opacity:.9}to{opacity:0;transform:translateY(-300px) scale(var(--s))}}.sparkle-field{text-align:center;color:#ffe066;letter-spacing:18px;text-shadow:0 0 8px #ffe066;font-size:20px;animation:1.4s ease-in-out infinite twinkle;position:absolute;inset:8% 0 auto}@keyframes twinkle{50%{opacity:.35;transform:scale(1.1)}}.hero-name{text-align:center}.hero-name h2{letter-spacing:1px;text-shadow:0 2px 0 #0006, 0 0 18px color-mix(in srgb, var(--c) 60%, transparent);margin:2px 0 0;font-size:30px}.hero-name .arch{color:var(--c);font-weight:600}.hero-tags{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.hero-extra{flex-direction:column;align-items:center;gap:4px;margin-top:4px;display:flex}.favchip{color:#ffe066;font-size:12px}.radar{width:200px;max-width:100%;overflow:visible}.radar .ring{fill:none;stroke:#ffffff1f;stroke-width:1px}.radar .ax{stroke:#ffffff1f}.radar .fill{fill:color-mix(in srgb, var(--c) 40%, transparent);stroke:var(--c);stroke-width:2.5px;filter:drop-shadow(0 0 6px var(--c));transform-origin:80px 80px;animation:.7s cubic-bezier(.2,1.3,.4,1) radarIn}@keyframes radarIn{0%{transform:scale(0)}}.radar text{text-anchor:middle;fill:#ddd3f0;font-size:10px;font-weight:800}.radar text.g-S{fill:#ff9de2}.radar text.g-A{fill:#ffcf5a}.radar text.g-B{fill:#7ab8ff}.radar text.g-C{fill:#9cff8a}.herosheet{width:min(1020px,96vw);max-height:none}.hs-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.hs-nav{align-items:center;gap:8px;display:flex}.hs-grid{grid-template-columns:minmax(260px,340px) 1fr;align-items:start;gap:18px;display:grid}.hs-left{flex-direction:column;gap:8px;display:flex;position:sticky;top:0}.hs-right .sheet.flat{max-height:none;margin-top:0;overflow:visible}.blurb.big{color:#ddd3f0;margin:4px 0 10px;font-size:15px;font-style:italic}.bondbox .hearts{color:#ff7eb6;letter-spacing:1px;margin-left:6px}.bondbox .hearts span{color:#ffffff2e}@media (width<=760px){.hs-grid{grid-template-columns:1fr}.hs-left{position:static}}.sp-hero .hero-stage{max-width:260px}.sp-hero{margin-bottom:8px}.cine{z-index:40;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.cine-card{text-align:center;background:linear-gradient(90deg,#0000,#0a0614c7 20% 80%,#0000);padding:18px 60px;animation:.7s cubic-bezier(.2,1,.3,1) both cineIn}.cine h1{letter-spacing:6px;text-transform:uppercase;color:#fff;text-shadow:0 0 24px var(--c), 0 4px 0 #00000080;margin:0;font-size:clamp(34px,7vw,72px);animation:2.4s ease-out both cineSpread}.cine p{color:#ddd3f0;letter-spacing:2px;margin:4px 0 0;font-size:18px}.cine-pre{color:var(--c);letter-spacing:4px;filter:brightness(1.5);font-size:14px;font-weight:800;display:block}@keyframes cineIn{0%{opacity:0;transform:scaleX(.4)}}@keyframes cineSpread{0%{letter-spacing:0;opacity:0}30%{opacity:1}to{letter-spacing:8px}}.cine.out .cine-card{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(-20px)}.cine-boss .bar{background:#000;height:11vh;animation:.5s ease-out both barIn;position:absolute;left:0;right:0}.cine-boss .bar.top{top:0}.cine-boss .bar.bot{bottom:0}@keyframes barIn{0%{transform:scaleY(0)}}.cine-boss.out .bar{transition:transform .5s;transform:scaleY(0)}.cine-boss h1{color:#ffd0d8}.cine-boss .cine-pre{color:#ff5a7a;animation:.8s ease-in-out infinite pulse}.campfire{background:radial-gradient(at 50% 100%,#ff8c3c59,#1a132800 60%),linear-gradient(#140e2266,#283c2859);border-radius:16px;justify-content:center;align-items:flex-end;gap:0;height:92px;margin:10px 0 2px;display:flex;position:relative;overflow:hidden}.campfire .fire{filter:drop-shadow(0 0 12px #ff8a3d);font-size:30px;animation:.4s ease-in-out infinite alternate flicker;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}@keyframes flicker{to{filter:drop-shadow(0 0 20px #ffb347);transform:translate(-50%)scale(1.08,.94)}}.fire-mate{object-fit:contain;width:64px;height:64px;bottom:6px;left:calc(50% + var(--x) - 32px);animation:1.8s ease-in-out infinite mateBob;animation-delay:calc(var(--i) * -.4s);filter:drop-shadow(0 0 6px #ff8c3c80);position:absolute}@keyframes mateBob{50%{transform:translateY(-6px)}}.embers i{background:#ffb347;border-radius:50%;width:3px;height:3px;animation:2.2s linear infinite ember;position:absolute;bottom:20px;left:50%;box-shadow:0 0 6px #ff8a3d}.embers i:nth-child(2){margin-left:6px;animation-delay:.4s}.embers i:nth-child(3){margin-left:-8px;animation-delay:.9s}.embers i:nth-child(4){margin-left:3px;animation-delay:1.3s}.embers i:nth-child(5){margin-left:-4px;animation-delay:1.8s}@keyframes ember{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(14px,-80px)}}.fire-mate.l{scale:-1 1}.ascend{border-color:#ffe066;box-shadow:0 0 0 3px #ffe06659,0 0 60px #ff9de24d}.ascend h2{background:linear-gradient(90deg,#ffe066,#ff9de2,#7af0ff,#ffe066) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite shine}.asc-card{text-align:center;align-items:center;border-color:var(--p)!important;background:linear-gradient(170deg, color-mix(in srgb, var(--p) 22%, transparent), #ffffff08)!important}.asc-card .kind{color:var(--p)}.asc-card.apex{box-shadow:0 0 0 3px var(--p), 0 0 30px var(--p);animation:1.4s ease-in-out infinite sigGlow}.asc-portrait{place-items:center;width:90px;height:90px;margin:4px auto;display:grid;position:relative}.asc-portrait:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--p) 60%, transparent), transparent 70%);border-radius:50%;animation:2s ease-in-out infinite breatheHalo;position:absolute;inset:-6px}.asc-portrait img{object-fit:contain;width:84px;height:84px;filter:drop-shadow(0 0 10px var(--p));animation:2.4s ease-in-out infinite heroBreathe;position:relative}.asc-chips{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;display:flex}.asc-chips span{color:var(--p);border:1px solid var(--p);background:color-mix(in srgb, var(--p) 14%, transparent);border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700}.toolbar{background:#00000038;border-radius:14px;flex-direction:column;gap:6px;margin:8px 0;padding:8px 10px;display:flex}.tb-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tb-label{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-right:2px;font-size:11px}.toolbar .sep{background:#ffffff26;width:1px;height:20px;margin:0 4px}.search{min-width:160px;color:inherit;font:inherit;background:#ffffff0f;border:2px solid #ffffff1f;border-radius:10px;outline:none;flex:1;padding:6px 10px}.search:focus{border-color:var(--accent)}.seg{border:1px solid #ffffff26;border-radius:10px;display:inline-flex;overflow:hidden}.seg-b{color:inherit;font:inherit;cursor:pointer;background:#ffffff0a;border:0;padding:5px 10px;font-size:13px}.seg-b+.seg-b{border-left:1px solid #ffffff1a}.seg-b.on{color:#fff;background:#ffcf5a38}.rcard.hidden{display:none}.rcard{border-top:3px solid var(--r,transparent)}.rcard.stacked{box-shadow:4px 4px 0 -1px #ffffff14,8px 8px 0 -2px #ffffff0d}.rcard .stackn{color:#2a1d06;background:var(--accent);border-radius:99px;padding:0 6px;font-size:12px;font-style:normal;font-weight:800;position:absolute;top:4px;left:6px}.rcard.sel .stackn{display:none}.roster-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rh-stat{background:#ffffff0d;border-radius:12px;flex-direction:column;align-items:center;min-width:74px;padding:6px 14px;display:flex}.rh-stat b{font-size:20px}.rh-stat small{color:var(--muted);font-size:11px}.roster-head .btn{margin-left:auto}.dex-top{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.dex-prog{background:#ffffff0d;border-radius:12px;flex:1;grid-template-columns:auto 1fr;align-items:center;gap:0 8px;min-width:200px;padding:8px 12px;display:grid}.dex-prog b{grid-row:span 2;font-size:20px}.dex-prog small{color:var(--muted);font-size:11px}.dex-prog .mbar{height:8px;display:block}.dex-prog .mbar.gold i{background:linear-gradient(90deg,#ffb347,#ffe066)}.dex-sec{margin-top:12px}.dex-h{border-bottom:1px solid #ffffff14;align-items:baseline;gap:8px;margin-bottom:8px;padding-bottom:4px;display:flex}.dex-h small{flex:1}.dex-c{color:var(--muted);font-size:13px;font-weight:800}.dex-c.full{color:#9cff8a}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.dex-tile{border:2px solid color-mix(in srgb, var(--r) 45%, transparent);color:inherit;font:inherit;cursor:pointer;background:#ffffff0a;border-radius:14px;flex-direction:column;align-items:center;gap:1px;padding:8px 6px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.dex-tile:not(.unknown):hover{box-shadow:0 0 16px color-mix(in srgb, var(--c) 45%, transparent);transform:translateY(-3px)}.dex-tile img{object-fit:contain;width:64px;height:64px;transition:transform .2s cubic-bezier(.3,1.6,.5,1)}.dex-tile:not(.unknown):hover img{transform:scale(1.15)translateY(-3px)}.dex-tile b{font-size:13px}.dex-tile small{color:var(--muted);text-align:center;font-size:10px}.dex-tile.own{background:linear-gradient(170deg, color-mix(in srgb, var(--c) 16%, transparent), #ffffff08)}.dex-tile.unknown{cursor:default}.dex-tile.unknown img{filter:brightness(0)opacity(.45)}.dex-n{color:#9cff8a;font-size:11px;font-style:normal;font-weight:800;position:absolute;top:4px;right:6px}.dex-sh{font-size:12px;font-style:normal;position:absolute;top:3px;left:6px}