:root{--fire:#ff6a3d;--water:#3d9bff;--wind:#ffd23d;--light:#fff4c2;--dark:#a35dff;--gold:#ffcf5a;--line:#3b3360;--ink:#0b0a12;--panel:linear-gradient(170deg, #241e3d, #15112a 70%)}html{font-size:clamp(8px,min(1.5625vw,2.78vh),20px)}html,body{background:var(--ink);color:#f1ecff;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}h1,h2,p{margin:0}small{opacity:.75}.ic{vertical-align:middle;flex:none;width:1.25em;height:1.25em}.ic.su{color:var(--water)}.ic.sm{color:#b26bff}.el-fire{--c:var(--fire)}.el-water{--c:var(--water)}.el-wind{--c:var(--wind)}.el-light{--c:var(--light)}.el-dark{--c:var(--dark)}.good{color:#6ef09a}.bad{color:#ff7b7b}.hint{opacity:.75;font-size:.95rem}.empty{opacity:.6;grid-column:1/-1;padding:1rem}.row{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.col{flex-direction:column;align-items:stretch;gap:.6rem;display:flex}#root{touch-action:manipulation;background:radial-gradient(60% 50% at 75% 20%,#3b1d6b55,#0000),radial-gradient(50% 60% at 10% 90%,#0f4b6b44,#0000),linear-gradient(#17122b,#0b0a12 70%);flex-direction:column;width:100vw;height:100dvh;display:flex;position:fixed;inset:0 auto auto 0;overflow:hidden}#root:before{content:"";pointer-events:none;opacity:.35;background:radial-gradient(1px 1px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 70% 15%,#fff,#0000),radial-gradient(1.5px 1.5px at 85% 60%,#c9b6ff,#0000),radial-gradient(1px 1px at 40% 80%,#fff,#0000),radial-gradient(1.5px 1.5px at 55% 45%,#9fd8ff,#0000);animation:4s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{to{opacity:.15}}.btn{--t:#59628c;--b:#343b5c;color:#fff;letter-spacing:.02em;background:linear-gradient(var(--t), var(--b));text-shadow:0 .1rem #0008;white-space:nowrap;border:0;border-radius:.8rem;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.2rem;font-size:1.05rem;font-weight:800;transition:transform 60ms,filter .1s;display:inline-flex;box-shadow:inset 0 .12rem #fff5,inset 0 -.28rem #0005,0 .25rem .6rem #0009}.btn:active:not(:disabled){filter:brightness(1.1);transform:translateY(.18rem)scale(.98);box-shadow:inset 0 .12rem #fff4,inset 0 -.1rem #0005,0 .1rem .3rem #0009}.btn:disabled{filter:grayscale(.9)brightness(.55);cursor:default}.btn.gold{--t:#ffe08a;--b:#d9861a;color:#3b1c00;text-shadow:0 .08rem #fff8}.btn.blue{--t:#63b6ff;--b:#2456c4}.btn.purple{--t:#c78bff;--b:#6a2fc7}.btn.red{--t:#ff8070;--b:#a8231b}.btn.big{border-radius:1rem;padding:.75rem 1.8rem;font-size:1.35rem}.btn small{opacity:.8;font-size:.8em}.cost{align-items:center;gap:.15rem;font-weight:900;display:inline-flex}.stars{vertical-align:middle;gap:.05rem;display:inline-flex}.stars i{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(0 0 .1rem #000);background:linear-gradient(#fff3b0,#ffb81c);width:.85rem;height:.85rem}.elb{color:#111;background:var(--c);box-shadow:0 0 .6rem color-mix(in srgb, var(--c) 60%, transparent);vertical-align:middle;border-radius:1rem;margin-right:.2rem;padding:.1rem .55rem;font-size:.8rem;font-weight:800;display:inline-block}.role{background:#ffffff1a;border-radius:1rem;padding:.1rem .5rem;font-size:.8rem}.chip{background:#0007;border:1px solid #fff2;border-radius:1rem;align-items:center;gap:.3rem;padding:.3rem .7rem;font-weight:800;display:inline-flex}.prog{background:#0009;border-radius:.3rem;height:.45rem;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a}.prog i{background:linear-gradient(90deg,#7ef0ff,#4b8bff);height:100%;display:block}.okb{color:#fff;background:#2fbf5f;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;display:grid;position:absolute;top:.35rem;right:.35rem;box-shadow:0 0 .6rem #2fbf5f}.okb .ic{width:1rem;height:1rem}.lockb{color:#b9b2d6;background:#000a;border-radius:50%;place-items:center;width:1.8rem;height:1.8rem;display:grid;position:absolute;top:.5rem;right:.5rem}.lockb .ic{width:1.1rem;height:1.1rem}.stage:disabled,.floor:disabled{filter:saturate(.3)brightness(.6)}.pt{--s:3.6rem;width:var(--s);height:var(--s);vertical-align:middle;background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--c) 42%, #1d1735), #0d0a18 78%);box-shadow:inset 0 0 0 .12rem color-mix(in srgb, var(--c) 75%, transparent), inset 0 -.8rem 1rem -.6rem color-mix(in srgb, var(--c) 50%, transparent);border-radius:.7rem;flex:none;display:inline-block;position:relative;overflow:hidden}.pt b{font-size:calc(var(--s) * .36);color:#fff;text-shadow:0 .1rem .2rem #000;background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 40%, #fff), var(--c) 45%, color-mix(in srgb, var(--c) 50%, #000));box-shadow:0 0 .8rem var(--c);border-radius:50%;place-items:center;font-weight:900;display:grid;position:absolute;inset:18%}.pt.art i{left:var(--x);top:var(--y);width:var(--w);height:var(--h);background:var(--src) 0 0 / calc(var(--n) * 100%) 100% no-repeat;image-rendering:pixelated;filter:drop-shadow(0 .1rem .1rem #000a);position:absolute}.pt.art i.idle{animation:idle var(--dur) steps(var(--n)) infinite}@keyframes idle{to{background-position-x:var(--end)}}.pt.big{--s:11rem;border-radius:50%}.pt.huge{--s:14rem;border-radius:50%}.mcard{--r:#8d97ab;aspect-ratio:1;background:linear-gradient(160deg, color-mix(in srgb, var(--r) 70%, #fff), var(--r) 40%, color-mix(in srgb, var(--r) 40%, #000));border:0;border-radius:.8rem;place-items:center;padding:.2rem;transition:transform 80ms;display:grid;position:relative;box-shadow:0 .2rem .4rem #0008}.mcard:active{transform:scale(.94)}.mcard .pt{--s:100%;border-radius:.6rem;width:100%;height:100%}.mcard .stars{position:absolute;top:.15rem;left:50%;transform:translate(-50%)}.mcard .stars i{width:.7rem;height:.7rem}.mcard .lv{background:#000b;border-radius:.3rem;padding:0 .3rem;font-size:.8rem;font-weight:900;position:absolute;bottom:.2rem;left:.25rem}.mcard .lk{width:.9rem;height:.9rem;color:var(--gold);filter:drop-shadow(0 0 .1rem #000);position:absolute;bottom:.25rem;right:.25rem}.mcard.r3{--r:#3d9bff}.mcard.r4{--r:#b56bff}.mcard.r5{--r:#ffbf3d}.mcard.r6{--r:#ff5d5d}.mcard.sel{outline:.2rem solid #fff;box-shadow:0 0 1rem #fff8}.mcard.inteam:after{content:"TEAM";background:var(--gold);color:#3b1c00;border-radius:.25rem;padding:0 .25rem;font-size:.6rem;font-weight:900;position:absolute;top:1rem;right:.2rem}.mcard.picked{outline:.22rem solid #6ef09a}.mcard.picked:before{content:"✓";z-index:1;border-radius:inherit;color:#6ef09a;background:#0a3a1a99;place-items:center;font-size:2rem;font-weight:900;display:grid;position:absolute;inset:0}.set-energy{--set:#5ee88b}.set-guard{--set:#d9b26b}.set-blade{--set:#ff5d6c}.set-swift{--set:#5ec8ff}.set-fatal{--set:#ff8a3d}.set-rage{--set:#c45dff}.rar0{--rar:#9aa3b5}.rar1{--rar:#4ade80}.rar2{--rar:#3db8ff}.rar3{--rar:#c06bff}.rar4{--rar:#ffae3d}.rgem{clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:radial-gradient(circle at 40% 30%, color-mix(in srgb, var(--set) 50%, #fff), var(--set) 45%, color-mix(in srgb, var(--set) 40%, #000));flex:none;place-items:center;width:2.6rem;height:2.6rem;display:inline-grid;position:relative}.rgem b{color:#fff;text-shadow:0 .1rem .15rem #000;font-size:1.1rem;font-weight:900}.rgem small{opacity:1;color:#000c;font-size:.6rem;font-weight:900;position:absolute;bottom:.15rem}.rtile{border:.15rem solid var(--rar);background:linear-gradient(160deg, color-mix(in srgb, var(--rar) 25%, #1d1735), #120e22);box-shadow:inset 0 0 .8rem color-mix(in srgb, var(--rar) 35%, transparent);border-radius:.7rem;place-items:center;gap:.1rem;padding:.4rem .2rem .3rem;display:grid;position:relative}.rtile em{font-size:.8rem;font-style:normal;font-weight:900;position:absolute;top:.2rem;right:.3rem}.rtile .stars i{width:.55rem;height:.55rem}.rtile .on{background:var(--gold);width:.5rem;height:.5rem;box-shadow:0 0 .4rem var(--gold);border-radius:50%;position:absolute;top:.3rem;left:.3rem}.rtile.sel{outline:.2rem solid #fff}.rune{border:.15rem solid var(--rar);background:linear-gradient(160deg, color-mix(in srgb, var(--rar) 22%, #211b38), #120e22 70%);box-shadow:0 0 1rem color-mix(in srgb, var(--rar) 30%, transparent), 0 .3rem .6rem #0008;text-align:left;border-radius:.9rem;padding:.7rem .9rem}.rune .rhead{align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.rune .rhead>div{flex-direction:column;flex:1;gap:.1rem;display:flex}.rune .rhead em{color:var(--gold);font-size:1.3rem;font-style:normal;font-weight:900}.rune p{font-size:.95rem;line-height:1.45}.rune p.main{color:#fff;font-size:1.15rem;font-weight:900}.rune small{margin-top:.3rem;font-size:.75rem;display:block}.rune .rar{color:var(--rar);font-weight:800}.rune.big{font-size:1.1rem}.rune.flash-ok{animation:.6s okflash}.rune.flash-fail{animation:.6s failflash}@keyframes okflash{0%{transform:scale(1.04);box-shadow:0 0 3rem #6ef09a,inset 0 0 3rem #6ef09a}}@keyframes failflash{0%,40%{box-shadow:0 0 3rem #ff4d4d,inset 0 0 3rem #ff4d4d88}10%,30%{transform:translate(-.4rem)}20%{transform:translate(.4rem)}}#bar{z-index:2;height:3.6rem;padding:0 max(.8rem, env(safe-area-inset-right)) 0 max(.8rem, env(safe-area-inset-left));background:linear-gradient(#0c0a18f2,#15112add);border-bottom:1px solid #ffffff14;flex:none;align-items:center;gap:.8rem;display:flex;position:relative;box-shadow:0 .3rem 1rem #0008}.nav{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.nav h1{letter-spacing:.04em;text-shadow:0 .15rem #000;white-space:nowrap;font-size:1.5rem;font-style:italic;font-weight:900}.logo{letter-spacing:.03em;color:#cfc4ff;text-shadow:0 0 1rem #8a5dff;white-space:nowrap;font-size:1.5rem;font-style:italic;font-weight:900}.logo b{background:linear-gradient(#fff3b0,#ffb81c);color:#0000;filter:drop-shadow(0 .12rem #5a2d00);-webkit-background-clip:text;background-clip:text;margin-left:.3rem}.back,.gear{color:#e9e2ff;background:linear-gradient(#3b3463,#221c3e);border:0;border-radius:.8rem;place-items:center;width:2.6rem;height:2.6rem;padding:0;display:grid;box-shadow:inset 0 .1rem #fff3,0 .2rem .4rem #0008}.back:active,.gear:active{transform:scale(.92)}.ress{gap:.4rem;display:flex}.res{background:#00000080;border:1px solid #ffffff1f;border-radius:1.1rem;align-items:center;gap:.3rem;height:2.2rem;padding:0 .7rem 0 .35rem;display:flex;box-shadow:inset 0 .1rem .3rem #000}.res .ic{width:1.5rem;height:1.5rem}.res b{font-variant-numeric:tabular-nums;font-size:1.05rem}.res small{color:#9fe6ff;font-variant-numeric:tabular-nums;font-size:.7rem}#view{min-height:0;padding:.8rem max(1rem, env(safe-area-inset-right)) .8rem max(1rem, env(safe-area-inset-left));flex:1;position:relative}#view.enter{animation:.28s ease-out screenIn}@keyframes screenIn{0%{opacity:0;transform:translate(2rem)scale(.98)}}#view>div{height:100%}.panel,.mdetail,.rdetail,.dpanel,.rankcard,.tright,.mlist,.rlist,.tleft{background:var(--panel);border:1px solid #ffffff14;border-radius:1.1rem;box-shadow:inset 0 .1rem #ffffff12,0 .4rem 1.2rem #0009}.tabs{flex-wrap:wrap;gap:.3rem;display:flex}.tabs button{background:#0006;border:1px solid #fff2;border-radius:1rem;padding:.35rem .8rem;font-size:.85rem;font-weight:700}.tabs button.on{color:#3b1c00;background:linear-gradient(#ffe08a,#d9861a);border-color:#0000}.tabs button[class*=set-]{border-color:var(--set)}.grid{grid-template-columns:repeat(auto-fill,minmax(5.2rem,1fr));align-content:start;gap:.5rem;padding:.3rem;display:grid;overflow-y:auto}.home{grid-template-columns:34% 1fr;gap:1rem;display:grid}.hero{background:radial-gradient(ellipse at 50% 70%, color-mix(in srgb, var(--c) 35%, transparent), transparent 65%), linear-gradient(#1d1736, #0e0b1c);border:1px solid #ffffff1a;border-radius:1.4rem;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 3rem #000a}.stand{place-items:center;display:grid;position:relative}.stand:before{content:"";border:.15rem dashed color-mix(in srgb, var(--c) 70%, transparent);box-shadow:0 0 2rem color-mix(in srgb, var(--c) 40%, transparent), inset 0 0 2rem color-mix(in srgb, var(--c) 30%, transparent);border-radius:50%;animation:20s linear infinite spin;position:absolute;inset:.5rem}@keyframes spin{to{transform:rotate(1turn)}}.hero .pt.big{--s:15rem;box-shadow:none;background:0 0;animation:3s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-.5rem)}}.plate{border:1px solid color-mix(in srgb, var(--c) 50%, transparent);background:#000a;border-radius:.8rem;flex-direction:column;align-items:center;gap:.1rem;margin-top:-.6rem;padding:.4rem 1.2rem;display:flex}.plate b{font-size:1.2rem}.squad{gap:.4rem;margin-top:.6rem;display:flex}.squad .pt{--s:3.6rem}.tiles{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.tile{--g1:#b33a2a;--g2:#4a1010;text-align:left;background:radial-gradient(circle at 80% 25%, #ffffff30, transparent 40%), linear-gradient(150deg, var(--g1), var(--g2));border:0;border-radius:1.2rem;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.2rem;padding:1rem;transition:transform 80ms,filter .1s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 .15rem #fff4,inset 0 -.35rem #0006,0 .4rem 1rem #000a}.tile:active{filter:brightness(1.15);transform:translateY(.2rem)scale(.98)}.tile .tic{color:#fff;opacity:.95;filter:drop-shadow(0 0 .8rem #fff8);position:absolute;top:.6rem;right:.6rem}.tile .tic .ic{width:4.2rem;height:4.2rem}.tile b{letter-spacing:.02em;text-shadow:0 .2rem #0008;font-size:1.9rem;font-style:italic;font-weight:900}.tile small{font-size:.9rem;font-weight:600}.tile:after{content:"";background:linear-gradient(115deg,#0000 40%,#ffffff26 50%,#0000 60%) -200% 0/250% 100% no-repeat;animation:5s ease-in-out infinite shine;position:absolute;inset:0}@keyframes shine{30%,to{background-position:200% 0}}.t-scenario{--g1:#e0582a;--g2:#5a1208;box-shadow:inset 0 .15rem #fff4,inset 0 -.35rem #0006,0 0 1.4rem #ff6a3d66}.t-dungeons{--g1:#1b9a8a;--g2:#08302f}.t-arena{--g1:#d9a21c;--g2:#4a2c05}.t-summon{--g1:#8e3df0;--g2:#2a0d55}.t-monsters{--g1:#3aa64a;--g2:#0d3315}.t-runes{--g1:#2f6fe0;--g2:#0b1d4d}.maps{align-items:stretch;gap:.9rem;padding-bottom:.3rem;display:flex;overflow-x:auto}.map{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--c) 45%, transparent), transparent 60%), linear-gradient(color-mix(in srgb, var(--c) 30%, #1d1735), #0e0b1c 80%);box-shadow:inset 0 0 0 .15rem color-mix(in srgb, var(--c) 50%, transparent), 0 .4rem 1rem #000a;border:0;border-radius:1.2rem;flex-direction:column;flex:0 0 13.5rem;justify-content:flex-end;align-items:center;gap:.4rem;padding:1rem;transition:transform 80ms;display:flex;position:relative;overflow:hidden}.map:active:not(:disabled){transform:scale(.97)}.map .area{letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:800;position:absolute;top:.7rem;left:.9rem}.map .pt.boss{--s:12.5rem;box-shadow:none;background:0 0;margin-top:1rem;margin-bottom:auto}.map b{text-shadow:0 .15rem #000;font-size:1.35rem;font-style:italic;font-weight:900}.map .prog{width:100%}.lockbig{color:#8c84ad;background:#05040bc0;place-items:center;display:grid;position:absolute;inset:0}.lockbig .ic{width:3rem;height:3rem}.stages{grid-template-columns:15rem 1fr;gap:1rem;display:grid}.mhead{text-align:center;background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--c) 40%, transparent), transparent 65%), var(--panel);border:1px solid #ffffff14;border-radius:1.2rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.mhead .pt.boss{--s:13rem;box-shadow:none;background:0 0}.mhead h2{font-size:1.6rem;font-style:italic}.mhead p{opacity:.8;margin-top:.3rem;font-size:.9rem}.path{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.stage,.floor{background:linear-gradient(160deg,#2c2650,#171330);border:0;border-radius:1.1rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.6rem;transition:transform 80ms;display:flex;position:relative;box-shadow:inset 0 .12rem #ffffff26,inset 0 -.3rem #0006,0 .3rem .7rem #0009}.stage:active:not(:disabled),.floor:active:not(:disabled){transform:translateY(.15rem)scale(.97)}.stage .num{background:radial-gradient(circle at 40% 30%, color-mix(in srgb, var(--c) 50%, #fff), var(--c) 50%, color-mix(in srgb, var(--c) 40%, #000));color:#fff;text-shadow:0 .1rem .2rem #000;width:3rem;height:3rem;box-shadow:0 0 1rem color-mix(in srgb, var(--c) 60%, transparent);border-radius:50%;place-items:center;font-size:1.5rem;font-weight:900;display:grid}.stage b,.floor b{font-size:1.1rem}.stage small,.floor small{text-align:center;font-size:.8rem}.stage .cost,.floor .cost{background:#0008;border-radius:1rem;padding:.15rem .6rem;font-size:.9rem}.stage.bossst{background:linear-gradient(160deg,#5a1a1a,#1f0a0a);box-shadow:inset 0 0 0 .15rem #ff4d4d88,0 0 1.2rem #ff4d4d44}.stage.bossst .num{background:radial-gradient(circle at 40% 30%,#ff9a8a,#c0261b 60%,#4a0a05)}.stage.bossst .num .ic{width:1.8rem;height:1.8rem}.stage.next,.floor.next{box-shadow:inset 0 0 0 .18rem var(--gold), 0 0 1.2rem #ffcf5a66;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:inset 0 0 0 .18rem var(--gold), 0 0 .4rem #ffcf5a33}}.stage:disabled,.floor:disabled{cursor:default}.dung{grid-template-columns:15rem 1fr;gap:1rem;display:grid}.dtabs{flex-direction:column;gap:.8rem;display:flex}.dtab{--g1:#ff7a3d;--g2:#4a1608;text-align:left;background:linear-gradient(150deg, var(--g1), var(--g2));opacity:.6;border:0;border-radius:1.1rem;flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-start;padding:1rem;transition:opacity .15s,transform 80ms;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 .12rem #fff4,inset 0 -.3rem #0006,0 .3rem .8rem #0009}.dtab.d-xp{--g1:#3aa64a;--g2:#0d3315}.dtab.on{opacity:1;outline:.18rem solid #fff}.dtab>.ic{color:#fff;filter:drop-shadow(0 0 .6rem #fff8);width:3rem;height:3rem;position:absolute;top:.6rem;right:.6rem}.dtab b{text-shadow:0 .15rem #0008;font-size:1.4rem;font-style:italic}.dpanel{flex-direction:column;gap:.7rem;min-height:0;padding:.9rem;display:flex}.dinfo h2{font-size:1.5rem;font-style:italic}.dinfo p{opacity:.8;font-size:.95rem}.floors{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(5,1fr);gap:.6rem;min-height:0;display:grid}.floor b{color:#ffd9a8;text-shadow:0 .15rem #000;font-size:1.6rem;font-style:italic;font-weight:900}.d-xp .floor b{color:#b8f5c4}.arena{grid-template-columns:15rem 1fr;gap:1rem;display:grid}.rankcard{--rk:#a0a8bf;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1rem;display:flex}.rk-challenger{--rk:#7fd1ff}.rk-fighter{--rk:#6ef09a}.rk-conqueror{--rk:#c78bff}.rk-guardian{--rk:#ffcf5a}.rk-legend{--rk:#ff6a3d}.rbadge{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 40% 30%, #fff, var(--rk) 45%, color-mix(in srgb, var(--rk) 40%, #000));color:#1a1030;place-items:center;width:6rem;height:6rem;display:grid}.rbadge .ic{width:3rem;height:3rem}.rankcard>b{color:var(--rk);text-shadow:0 0 1rem var(--rk);font-size:1.6rem;font-style:italic}.pts{font-size:1.2rem;font-weight:900}.wingbox{background:#0008;border-radius:1rem;align-items:center;gap:.4rem;margin:.4rem 0;padding:.3rem .8rem;display:flex}.wingbox .ic{width:1.6rem;height:1.6rem}.wingbox small{color:#9fe6ff}.opps{flex-direction:column;gap:.6rem;display:flex;overflow-y:auto}.opp{background:var(--panel);border:1px solid #ffffff14;border-radius:1rem;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex;box-shadow:0 .3rem .8rem #0008}.opp.beaten{opacity:.55}.oname{flex-direction:column;width:9rem;display:flex}.oname b{font-size:1.25rem}.oteam{flex:1;gap:.4rem;display:flex}.om{position:relative}.om .pt{--s:3.6rem}.om small{opacity:1;background:#000b;border-radius:.3rem;padding:0 .25rem;font-size:.7rem;font-weight:900;position:absolute;bottom:.1rem;left:.2rem}.won{color:#6ef09a;align-items:center;gap:.3rem;font-weight:800;display:flex}.summon{justify-content:center;align-items:stretch;gap:2rem;padding:0 2rem;display:flex}.scard{--g:#8e3df0;text-align:center;background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--g) 45%, transparent), transparent 60%), var(--panel);border:1px solid color-mix(in srgb, var(--g) 50%, transparent);box-shadow:0 0 2rem color-mix(in srgb, var(--g) 25%, transparent), 0 .4rem 1rem #000a;border-radius:1.4rem;flex-direction:column;flex:0 22rem;align-items:center;gap:.4rem;padding:1rem;display:flex}.sc-unknown{--g:#2f8fe0}.sart{color:#fff;place-items:center;width:10rem;height:10rem;margin:auto 0 .3rem;display:grid;position:relative}.sart .ic{width:4rem;height:4rem;filter:drop-shadow(0 0 1rem var(--g))}.sart i{border:.2rem solid color-mix(in srgb, var(--g) 70%, #fff);box-shadow:0 0 1.5rem var(--g);border-left-color:#0000;border-right-color:#0000;border-radius:50%;animation:3s linear infinite spin;position:absolute;inset:0}.sart i+i{animation-duration:2s;animation-direction:reverse;inset:1.2rem}.scard>b{font-size:1.6rem;font-style:italic}.odds{background:#0007;border-radius:1rem;margin-bottom:auto;padding:.3rem .8rem;font-size:.85rem}.mons,.runes{grid-template-columns:minmax(0,38%) 1fr;gap:1rem;display:grid}.mlist,.rlist{flex-direction:column;gap:.5rem;min-height:0;padding:.7rem;display:flex}.mlist .grid,.rlist .grid{flex:1;min-height:0}.mdetail{grid-template-columns:17rem 1fr;gap:.8rem;min-height:0;padding:.8rem;display:grid;overflow-y:auto}.dleft{flex-direction:column;justify-content:center;align-items:center;gap:.4rem;display:flex}.ring{background:radial-gradient(circle, color-mix(in srgb, var(--c) 30%, transparent), transparent 70%);border-radius:50%;flex:none;width:16rem;height:16rem;position:relative}.ring .pt.big{--s:9rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rs{border:.15rem solid var(--rar,#fff3);background:#120e22;border-radius:50%;place-items:center;width:3.4rem;height:3.4rem;margin:-1.7rem;padding:0;display:grid;position:absolute;box-shadow:0 .2rem .5rem #000a}.rs.free{color:#fff6;border-style:dashed;font-weight:900}.rs em{background:#000c;border-radius:.3rem;padding:0 .2rem;font-size:.7rem;font-style:normal;font-weight:900;position:absolute;bottom:-.3rem;right:-.4rem}.rs .rgem{width:2.3rem;height:2.3rem}.rs1{top:9%;left:50%}.rs2{top:29%;left:85%}.rs3{top:71%;left:85%}.rs4{top:91%;left:50%}.rs5{top:71%;left:15%}.rs6{top:29%;left:15%}.dright{flex-direction:column;gap:.6rem;min-width:0;display:flex}.dname{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.dname h2{font-size:1.5rem;font-style:italic}.lockbtn{color:#fff5;background:#0007;border:1px solid #fff3;border-radius:.7rem;place-items:center;width:2.6rem;height:2.6rem;padding:0;display:grid}.lockbtn.on{color:var(--gold);border-color:var(--gold);box-shadow:0 0 .8rem #ffcf5a55}.lvl{grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;display:grid}.lvl b{font-size:1.2rem}.stats{background:#0006;border-radius:.8rem;grid-template-columns:auto 1fr auto 1fr;gap:.2rem .8rem;padding:.5rem .8rem;font-size:.95rem;display:grid}.stats span{opacity:.7}.stats b{text-align:right;font-variant-numeric:tabular-nums}.stats b i{color:#6ef09a;margin-left:.3rem;font-style:normal}.skills{flex-direction:column;gap:.4rem;display:flex}.skl{background:#0005;border-radius:.8rem;gap:.6rem;padding:.4rem .6rem;display:flex}.skn{color:#111;background:var(--c);border-radius:50%;flex:none;place-items:center;width:1.8rem;height:1.8rem;font-weight:900;display:grid}.skl b{font-size:1rem}.skl em{background:#ffffff1f;border-radius:.5rem;margin-left:.5rem;padding:0 .4rem;font-size:.75rem;font-style:normal}.skl p{opacity:.8;font-size:.85rem}.rlist .grid{grid-template-columns:repeat(auto-fill,minmax(4.4rem,1fr))}.tabs.sfilter button{padding:.25rem .6rem}.rdetail{flex-direction:column;gap:.8rem;padding:.9rem;display:flex;overflow-y:auto}.ractions{flex-direction:column;align-items:center;gap:.5rem;display:flex}.team{grid-template-columns:1fr 18rem;gap:1rem;display:grid}.tleft{flex-direction:column;gap:.6rem;min-width:0;min-height:0;padding:.8rem;display:flex}.thead{justify-content:space-between;align-items:center;gap:1rem;display:flex}.thead h2{font-size:1.4rem;font-style:italic}.pow{flex-direction:column;align-items:flex-end;display:flex}.pow b{color:var(--gold);text-shadow:0 0 .8rem #ffcf5a77;font-size:1.6rem;line-height:1}.slots{grid-template-columns:repeat(4,1fr);gap:.7rem;display:grid}.slot{text-align:center;background:#0006;border:1px solid #ffffff14;border-radius:.9rem;flex-direction:column;align-items:center;gap:.2rem;min-height:0;padding:.4rem;display:flex;position:relative}.slot .mcard{width:min(100%,6.6rem)}.slot>small{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.75rem;overflow:hidden}.slot.free{border-style:dashed;border-color:#fff3;justify-content:center}.slot.free span{opacity:.5;font-size:2.5rem;font-weight:300}.leader{z-index:1;background:var(--gold);color:#3b1c00;border-radius:.5rem;padding:0 .5rem;font-size:.65rem;font-weight:900;position:absolute;top:-.4rem;left:50%;transform:translate(-50%)}.adv{opacity:.6;font-size:.75rem;font-weight:800}.adv.good{color:#6ef09a;opacity:1}.adv.bad{color:#ff7b7b;opacity:1}.roster{background:#0005;border-radius:.8rem;flex:none;gap:.5rem;margin-top:auto;padding:.3rem;display:flex;overflow-x:auto}.roster .mcard{flex:0 0 4.8rem}.tright{flex-direction:column;gap:.5rem;padding:.8rem;display:flex}.foes{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.foe{position:relative}.foe .pt{--s:100%;aspect-ratio:1;width:100%;height:auto}.foe small{opacity:1;background:#000b;border-radius:.3rem;padding:0 .25rem;font-size:.7rem;font-weight:900;position:absolute;bottom:.15rem;left:.2rem}.foe em{color:#ff5d5d;position:absolute;top:.1rem;right:.1rem}.foe.isboss .pt{box-shadow:inset 0 0 0 .18rem #ff4d4d,0 0 .8rem #ff4d4d88}.tright .hint{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.start{margin-top:auto}#battle{z-index:10;background:#07060c;position:absolute;inset:0}#battle[hidden],#result[hidden],#tip[hidden],#modal[hidden],#fx[hidden]{display:none}#battle.enter{animation:.35s fadeIn}@keyframes fadeIn{0%{opacity:0}}#scene{position:absolute;inset:0;overflow:hidden}#hud{pointer-events:none;position:absolute;inset:0}#hud button{pointer-events:auto}#htop{top:max(.6rem, env(safe-area-inset-top));left:max(.8rem, env(safe-area-inset-left));right:max(.8rem, env(safe-area-inset-right));align-items:center;gap:.6rem;display:flex;position:absolute}.hbtn{color:#fff;background:#000a;border:1px solid #ffffff40;border-radius:.8rem;place-items:center;min-width:2.8rem;height:2.8rem;padding:0 .7rem;font-size:1rem;font-weight:900;display:grid;box-shadow:0 .2rem .4rem #0008}.hbtn:active{transform:scale(.92)}.hbtn.tog.on{color:#3b1c00;background:linear-gradient(#ffe08a,#d9861a);border-color:#0000;box-shadow:0 0 1rem #ffcf5a88}.hbtn.sp2{color:#ffd23d}.hbtn.sp3{color:#ff6a3d}.htitle{text-shadow:0 .1rem .2rem #000,0 0 .4rem #000;flex-direction:column;flex:1;align-items:flex-start;display:flex}.htitle b{font-size:1.15rem;font-style:italic}.htitle span{align-items:center;gap:.25rem;font-size:.85rem;font-weight:700;display:flex}.htitle i{background:#fff3;border:1px solid #fff8;width:.6rem;height:.6rem;transform:rotate(45deg)}.htitle i.done{background:#6ef09a}.htitle i.cur{background:var(--gold);box-shadow:0 0 .5rem var(--gold)}#turn{left:max(.8rem, env(safe-area-inset-left));bottom:max(.5rem, env(safe-area-inset-bottom));position:absolute}.who{background:linear-gradient(90deg,#000c,#0006);border:1px solid #ffffff26;border-radius:2rem;align-items:center;gap:.6rem;padding:.3rem 1rem .3rem .3rem;animation:.25s slideIn;display:flex}.who.foe{border-color:#ff4d4d88}.who .pt{--s:3rem;border-radius:50%}.who b{font-size:1rem;display:block}.who small{font-size:.8rem}.who.foe small{color:#ff9a9a;opacity:1}@keyframes slideIn{0%{opacity:0;transform:translate(-1rem)}}#skills{right:max(.8rem, env(safe-area-inset-right));bottom:max(.5rem, env(safe-area-inset-bottom));align-items:flex-end;gap:.8rem;padding-bottom:.9rem;display:flex;position:absolute}.sk{color:#fff;touch-action:none;background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--c) 55%, #2b3346), #0a0d14 72%);width:4.8rem;height:4.8rem;box-shadow:inset 0 0 0 .15rem var(--c), inset 0 0 1.2rem -.3rem var(--c), 0 .3rem .7rem #000a;border:0;border-radius:50%;place-items:center;padding:0;transition:transform 80ms;animation:.25s backwards popIn;display:grid;position:relative}.sk:nth-child(2){animation-delay:40ms}.sk:nth-child(3){animation-delay:80ms}@keyframes popIn{0%{opacity:0;transform:scale(.4)}}.sk:active{transform:scale(.9)}.sk .skic .ic{color:#fff;width:2rem;height:2rem;filter:drop-shadow(0 0 .3rem var(--c))}.sk b{white-space:nowrap;text-shadow:0 .1rem .15rem #000,0 0 .3rem #000;font-size:.8rem;font-weight:900;position:absolute;bottom:-1.2rem;left:50%;transform:translate(-50%)}.sk.sel{box-shadow:inset 0 0 0 .2rem #fff, inset 0 0 1.4rem -.2rem var(--c), 0 0 1.4rem var(--c);transform:scale(1.12)translateY(-.4rem)}.sk.sel:after{content:"";border:.15rem solid #fff;border-radius:50%;animation:.9s ease-in-out infinite alternate ready;position:absolute;inset:-.35rem}@keyframes ready{0%{opacity:.3}}.sk.cd{filter:grayscale(.8)brightness(.6)}.sk em{color:#fff;background:#000a;border-radius:50%;place-items:center;font-size:2.2rem;font-style:normal;font-weight:900;display:grid;position:absolute;inset:0}#tip{right:max(.8rem, env(safe-area-inset-right));background:#0b0918f2;border:1px solid #fff3;border-radius:.9rem;width:20rem;padding:.7rem .9rem;position:absolute;bottom:8rem;box-shadow:0 .4rem 1rem #000c}#tip b{font-size:1.1rem;display:block}#tip em{color:#9fe6ff;margin-right:.5rem;font-size:.8rem;font-style:normal}#tip em.bad{color:#ff7b7b}#tip p{margin-top:.3rem;font-size:.9rem}#banner{text-align:center;letter-spacing:.15em;color:#fff;opacity:0;text-shadow:0 0 1.5rem #8a5dff,0 .25rem #000;font-size:3.4rem;font-style:italic;font-weight:900;position:absolute;top:40%;left:0;right:0}#banner.show{animation:1.3s ease-out banner}@keyframes banner{0%{opacity:0;transform:translate(-30%)skew(-20deg)}15%{opacity:1;transform:translate(2%)skew(0)}80%{opacity:1;transform:translate(-1%)}to{opacity:0;transform:translate(30%)skew(-20deg)}}#result{z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(#000a,#000e);place-items:center;padding:1rem;display:grid;position:absolute;inset:0;overflow-y:auto}#result.enter{animation:.4s fadeIn}.rcard{text-align:center;flex-direction:column;align-items:center;gap:.7rem;max-width:46rem;display:flex}.rcard h1{letter-spacing:.1em;font-size:4rem;font-style:italic;font-weight:900;animation:.5s cubic-bezier(.2,1.6,.4,1) slam}.win h1{background:linear-gradient(#fff7c8,#ffb81c 60%,#c26a00);color:#0000;filter:drop-shadow(0 .25rem #4a2200)drop-shadow(0 0 1.5rem #ffb81c88);-webkit-background-clip:text;background-clip:text}.lose h1{color:#9aa0b5;text-shadow:0 .25rem #000}@keyframes slam{0%{opacity:0;transform:scale(2.5)}}.bigstars{gap:.6rem;margin-top:-.4rem;display:flex}.bigstars i{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#fff2;width:3.6rem;height:3.6rem}.bigstars i:nth-child(2){transform:translateY(-.8rem)scale(1.15)}.bigstars i.on{animation:starIn .45s var(--d) cubic-bezier(.2, 1.8, .4, 1) backwards;background:linear-gradient(#fff7c8,#ffb81c 60%,#d07800)}@keyframes starIn{0%{opacity:0;transform:scale(3)rotate(-40deg)}}.rewards{flex-wrap:wrap;justify-content:center;gap:.5rem;animation:.3s 1.2s backwards popIn;display:flex}.rewards .chip{font-size:1.15rem}.xps{gap:.8rem;animation:.3s 1.35s backwards popIn;display:flex}.xp{flex-direction:column;align-items:center;gap:.15rem;font-size:.85rem;display:flex;position:relative}.xp .pt{--s:3.6rem}.lvup{color:#3b1c00;background:linear-gradient(#ffe08a,#d9861a);border-radius:.4rem;padding:0 .4rem;font-size:.75rem;font-weight:900;animation:.8s ease-in-out infinite alternate bob}@keyframes bob{to{transform:translateY(-.2rem)}}.drop{flex-direction:column;align-items:center;gap:.3rem;animation:.3s 1.5s backwards popIn;display:flex}.drop .rune{min-width:18rem}.rcard .row{animation:.3s 1.6s backwards popIn}#fx{z-index:15;position:absolute;inset:0}.sfx{--pc:#b26bff;background:radial-gradient(circle,#1a0f35,#050309 75%);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.sfx.k-unknown{--pc:#3d9bff}.sfx.rare{--pc:var(--c)}.portal{width:22rem;height:22rem;animation:1.6s ease-in forwards portal;position:absolute}.portal i{border:.3rem solid var(--pc);box-shadow:0 0 2rem var(--pc), inset 0 0 2rem var(--pc);border-top-color:#0000;border-bottom-color:#fff;border-radius:50%;animation:.8s linear infinite spin;position:absolute;inset:0}.portal i:nth-child(2){animation-duration:.55s;animation-direction:reverse;inset:2.5rem}.portal i:nth-child(3){animation-duration:.4s;inset:5rem}.portal b{background:radial-gradient(circle, #fff, var(--pc) 50%, transparent 72%);border-radius:50%;animation:1.6s ease-in forwards core;position:absolute;inset:7rem}@keyframes portal{70%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.2)rotate(1turn)}}@keyframes core{80%{transform:scale(1.4)}to{opacity:0;transform:scale(6)}}.flash{opacity:0;background:#fff;animation:.6s ease-out 1.4s flash;position:absolute;inset:0}.sfx.s5 .flash,.sfx.rare .flash{background:var(--c)}@keyframes flash{10%{opacity:1}}.reveal{flex-direction:column;align-items:center;gap:.5rem;display:flex;position:relative}.reveal>b{text-shadow:0 .2rem 0 #000, 0 0 1rem var(--c);animation:popIn .35s var(--t) backwards;font-size:2.2rem;font-style:italic;font-weight:900}.reveal>div{animation:popIn .35s var(--t) backwards}.reveal .pt.huge{background:radial-gradient(circle, color-mix(in srgb, var(--c) 45%, transparent), transparent 70%);box-shadow:none;animation:monIn .6s var(--t) cubic-bezier(.2, 1.5, .4, 1) backwards}@keyframes monIn{0%{opacity:0;filter:brightness(5);transform:scale(0)rotate(-20deg)}}.rstars{gap:.4rem;display:flex}.rstars i{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:2.6rem;height:2.6rem;animation:starIn .4s var(--d) cubic-bezier(.2, 1.8, .4, 1) backwards;background:linear-gradient(#fff7c8,#ffb81c 60%,#d07800)}.newb{color:#3b1c00;background:linear-gradient(#ffe08a,#d9861a);border-radius:1rem;padding:.1rem .6rem;font-size:.85rem;font-weight:900}.reveal .row{animation:popIn .3s calc(var(--t) + .4s) backwards;margin-top:.5rem}.sfx.skip *,.sfx.skip :before{animation-duration:10ms!important;animation-delay:0s!important}.sfx.skip .portal,.sfx.skip .flash{display:none}#modal{z-index:20;background:#05040bcc;place-items:center;padding:1rem;display:grid;position:absolute;inset:0}#modal.enter .mbox{animation:.22s cubic-bezier(.2,1.4,.4,1) popIn}.mbox{background:var(--panel);text-align:center;border:1px solid #ffffff26;border-radius:1.3rem;flex-direction:column;gap:.8rem;max-width:44rem;max-height:100%;padding:1.2rem 1.4rem;display:flex;overflow-y:auto;box-shadow:0 0 3rem #000,inset 0 .1rem #ffffff1f}.mbox h2{font-size:1.6rem;font-style:italic}.mbox p{opacity:.9;font-size:1rem}.mbox.small{min-width:22rem}.mbox.wide{width:min(56rem,100%)}.mbox .grid.fod{grid-template-columns:repeat(auto-fill,minmax(4.8rem,1fr));max-height:16rem}.rpick{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.6rem;display:grid;overflow-y:auto}.rp,.cur{flex-direction:column;gap:.3rem;display:flex}.cur{align-items:center}.days{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.day{background:#0007;border:1px solid #ffffff1a;border-radius:.9rem;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem .3rem;display:flex;position:relative}.day .chip{background:0 0;border:0;flex-direction:column;padding:.3rem;font-size:.85rem}.day .chip .ic{width:2rem;height:2rem}.day.got{opacity:.55}.day.today{border-color:var(--gold);animation:1.4s ease-in-out infinite pulse;box-shadow:0 0 1.2rem #ffcf5a77,inset 0 0 1rem #ffcf5a33}#toasts{z-index:30;pointer-events:none;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:absolute;top:4.2rem;left:50%;transform:translate(-50%)}.toast{background:#15112af2;border:1px solid #fff3;border-radius:1.2rem;padding:.5rem 1.2rem;font-weight:800;animation:2.4s forwards toast;box-shadow:0 .3rem 1rem #000c}.toast.good{color:#c9ffd9;border-color:#6ef09a}.toast.bad{color:#ffd0d0;border-color:#ff6b6b}@keyframes toast{0%{opacity:0;transform:translateY(-1rem)}10%,85%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:10ms!important;animation-iteration-count:1!important}}@media (orientation:portrait){html.touch{font-size:clamp(8px,min(1.5625vh,2.78vw),20px)}.touch #root{transform-origin:0 0;width:100vh;height:100vw;transform:rotate(90deg)translateY(-100%)}}@media (aspect-ratio<=1){html:not(.touch){font-size:clamp(8px,2.2vw,16px)}html:not(.touch) #view{overflow-y:auto}html:not(.touch) :is(.home,.stages,.dung,.arena,.mons,.runes,.team){grid-template-columns:1fr;height:auto}html:not(.touch) .summon{flex-direction:column;align-items:center;height:auto}html:not(.touch) .tiles{min-height:24rem}html:not(.touch) .ress .res:nth-child(n+4){display:none}}