@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-display:block;src:url(../fonts/fredoka-latin.woff2)format("woff2");unicode-range:U+??,U+2000-206F,U+20AC,U+2122,U+2190-2199,U+2212}@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-display:block;src:url(../fonts/fredoka-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+1E00-1E9F}:root{--ink:#2a1a0e;--cream:#fff7e6;--gold:#ffd23f;--aether:#43e6ff;--prism:#ff5fd2;--green:#6fdc3c;--red:#ff4d4d;--blue:#3b8cff;--panel-a:#fff9ec;--panel-b:#f1dfbd;--shadow:0 .35rem 0 #00000047, 0 .8rem 1.6rem #00000040}html{font-size:clamp(9px,min(1.111vw,1.78vh),19px)}*{box-sizing:border-box}html,body{background:#4f86cc;height:100%;margin:0;overflow:hidden}body{color:#fff;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;font-family:Fredoka,Arial Rounded MT Bold,system-ui,sans-serif}#app{position:fixed;inset:0}#app canvas{cursor:grab;width:100%;height:100%;display:block}#app canvas:active{cursor:grabbing}#ui{pointer-events:none;position:fixed;inset:0}.layer{pointer-events:none;position:absolute;inset:0}.layer.hud,.layer.toasts{inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.layer>*{pointer-events:auto}.labels>*,.fly>*{pointer-events:none}.ic{width:100%;height:100%;display:block;overflow:visible}.ab-title,.pname,.res .val,.pill .v,.big span,.sbtn span,.promo b,.ribbon span,.btn.green,.btn.red,.btn.blue,.btn.orange,.btn.purple,.btn.gold,.card-name,.seltag,.timer span,.floater,.toast,.tab span,.lvl-badge span,.b-timer,.pct,.ename,.tname,.tcard .n,.res-banner,.res-pct,.rl b,.pack-amt b,.op-title span,.sticker,.item b,.succ-title,.oc-title,.sp-season,.sp-tier,.sp-num,.star-toast span,.mini em,.badge,.wipe-label,.logo span,.act span,.act-cost,.cost,.lb-title,.lrow span,.dmg b,.stat b,.sval,.up-time span,.lvl-from,.lvl-to,.space,.army-cap b,.mcost,.nb-cost,.next-btn span{-webkit-text-stroke:.22em var(--ink);paint-order:stroke fill;letter-spacing:.01em}.btn{font:inherit;color:#fff;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;transition:transform .12s,filter .12s;position:relative}.btn:hover{filter:brightness(1.07)}.btn:active{transform:scale(.93)}.btn:disabled{filter:grayscale(.7)brightness(.85);cursor:default}.btn.green,.btn.red,.btn.blue,.btn.orange,.btn.purple,.btn.gold{border:.18rem solid var(--ink);border-radius:.9rem;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.4rem;font-size:1.15rem;display:inline-flex;box-shadow:inset 0 -.35rem #00000038,inset 0 .25rem #ffffff73,0 .25rem #00000059}.btn.green{background:linear-gradient(#a6f06a,#4cbc2a 60%,#3a9e1f)}.btn.red{background:linear-gradient(#ff8a7a,#e8392b 60%,#c42316)}.btn.blue{background:linear-gradient(#8fd2ff,#3c8df0 60%,#2a6fd0)}.btn.orange{background:linear-gradient(#ffc36b,#ff8a1f 60%,#e8650c)}.btn.purple{background:linear-gradient(#e29bff,#a64dff 60%,#7e2be0)}.btn.gold{background:linear-gradient(#fff08a,#ffc72a 60%,#f0a015)}.btn.wide{width:100%;margin-top:.6rem}.btn .ic{flex:none;width:1.5em;height:1.5em}.btn .big-ico .ic,.btn .promo-ico .ic,.item .iic .ic,.rw-ico .ic,.big-ico .ic{width:100%;height:100%}.btn b{font-weight:700}.big-cta{padding:.85rem 2rem!important;font-size:1.4rem!important}.hud-home>div{transition:opacity .4s,transform .4s;position:absolute}.hud-home.hidden>div{opacity:0;pointer-events:none}.hud-home.hidden .tl,.hud-home.hidden .tr,.hud-home.hidden .tc{transform:translateY(-2rem)}.hud-home.hidden .bl,.hud-home.hidden .bc,.hud-home.hidden .br{transform:translateY(2rem)}.tl{flex-direction:column;gap:.55rem;display:flex;top:1rem;left:1.2rem}.player{align-items:center;gap:.5rem;display:flex}.lvl-badge{filter:drop-shadow(0 .2rem #00000059);place-items:center;width:3.6rem;height:3.6rem;display:grid;position:relative}.lvl-badge:before{content:"";clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(#7fd0ff,#2a77e0);position:absolute;inset:0}.lvl-badge:after{content:"";clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%);background:linear-gradient(#5ab8ff,#1d5fc4);position:absolute;inset:.32rem}.lvl-badge.red:before{background:linear-gradient(#ff9d8f,#c42316)}.lvl-badge.red:after{background:linear-gradient(#ff7a6a,#a81d12)}.lvl-badge span{z-index:1;font-size:1.45rem;position:relative}.pinfo{flex-direction:column;gap:.2rem;display:flex}.pname{font-size:1.25rem}.xpbar{border:.14rem solid var(--ink);background:#141828a6;border-radius:.6rem;width:10rem;height:1.15rem;position:relative;overflow:hidden}.xpfill{background:linear-gradient(#7fe8ff,#2aa4e8);border-radius:.5rem;transition:width .4s;position:absolute;inset:0 auto 0 0}.xptxt{text-shadow:0 .08rem #000;place-items:center;font-size:.75rem;font-weight:700;display:grid;position:absolute;inset:0}.pill{background:#1418289e;border:.14rem solid #00000080;border-radius:1.2rem;align-items:center;gap:.4rem;width:max-content;height:2.3rem;padding:0 .8rem 0 .35rem;font-size:1.1rem;font-weight:700;display:inline-flex;box-shadow:inset 0 .12rem #ffffff26}.pill .ic{width:1.9rem;height:1.9rem}.pill .lbl{opacity:.85;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.pill .pls{border:.12rem solid var(--ink);background:linear-gradient(#a6f06a,#3a9e1f);border-radius:.4rem;place-items:center;width:1.4rem;height:1.4rem;padding:.15rem;display:grid}.tc{gap:.6rem;display:flex;top:1rem;left:50%;transform:translate(-50%)}.tc .btn.pill{color:#fff}.tr{flex-direction:column;align-items:flex-end;gap:.6rem;display:flex;top:1rem;right:1.2rem}.res{align-items:center;display:flex;position:relative}.res .bar{border:.15rem solid var(--ink);background:#141828a8;border-right:0;border-radius:1.1rem 0 0 1.1rem;width:13rem;height:2.15rem;margin-right:-1.4rem;position:relative;overflow:hidden;box-shadow:inset 0 .12rem #ffffff1f}.res .fill{border-radius:.9rem;transition:width .3s;position:absolute;inset:.15rem auto .15rem .15rem}.res.gold .fill{background:linear-gradient(#fff08a,#ffc72a 55%,#e9940f)}.res.aether .fill{background:linear-gradient(#bff8ff,#37d4ff 55%,#1a8ee0)}.res.full .fill{animation:1.2s infinite fullpulse}@keyframes fullpulse{50%{filter:brightness(1.35)}}.res .val{font-size:1.25rem;font-weight:700;position:absolute;top:50%;right:2rem;transform:translateY(-50%)}.res .ico{z-index:2;filter:drop-shadow(0 .15rem #00000059);width:3rem;height:3rem;position:relative}.res.prisms .bar{width:9rem}.res .plusbtn{border:.14rem solid var(--ink);background:linear-gradient(#a6f06a,#3a9e1f);border-radius:.55rem;place-items:center;width:1.9rem;height:1.9rem;margin-left:.25rem;padding:.3rem;display:grid;box-shadow:inset 0 -.2rem #0003}.res .plusbtn .ic,.pill .pls .ic{width:100%;height:100%}.res .ico.pulse,.pulse{animation:.25s pulse}@keyframes pulse{40%{transform:scale(1.25)}}.side{flex-direction:column;gap:.9rem;display:flex;top:50%;transform:translateY(-50%)}.side.left{left:1.2rem}.side.right{align-items:flex-end;right:1.2rem}.sbtn{flex-direction:column;align-items:center;gap:.1rem;width:4.4rem;font-size:.85rem;display:flex}.sbtn .ic{filter:drop-shadow(0 .2rem #00000059);width:3.4rem;height:3.4rem}.promo{text-align:left;border:.16rem solid var(--ink);width:13.5rem;box-shadow:var(--shadow), inset 0 .2rem 0 #ffffff4d;border-radius:1rem;align-items:center;gap:.5rem;padding:.45rem .6rem;display:flex;overflow:hidden}.promo:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff73 50%,#0000 65%);animation:3.2s infinite shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes shine{60%,to{transform:translate(120%)}}.promo.offer{background:linear-gradient(135deg,#ff9a3c,#e8392b)}.promo.pass{background:linear-gradient(135deg,#b46cff,#5b2bd6)}.promo-ico{filter:drop-shadow(0 .15rem #0000004d);flex:none;width:3.1rem;height:3.1rem}.promo-txt{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.promo-txt b{font-size:1.05rem}.promo-txt span{opacity:.95;font-size:.78rem;font-weight:600}.pprog{background:#00000059;border-radius:.4rem;height:.65rem;display:block;overflow:hidden}.pprog i{background:linear-gradient(#fff08a,#ffb020);height:100%;display:block}.promo-tag{color:#c42316;border:.12rem solid var(--ink);background:#ffe14a;border-radius:0 0 0 .6rem;padding:.15rem .5rem;font-size:.8rem;font-weight:700;position:absolute;top:-.1rem;right:-.2rem;transform:rotate(0)}.promo.offer{animation:2.4s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-.25rem)}}.bl{bottom:1.3rem;left:1.4rem}.br{align-items:flex-end;gap:1rem;display:flex;bottom:1.3rem;right:1.4rem}.bc{bottom:1.3rem;left:50%;translate:-50%}:is(.hud:has(.actionbar.in) .bc,.hud:has(.place-hint.in) .bc){opacity:0;pointer-events:none;transform:translateY(2rem)}.big{border:.22rem solid var(--ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:7rem;height:7rem;display:flex;box-shadow:inset 0 -.55rem #00000040,inset 0 .35rem #fff6,0 .35rem #00000059,0 .8rem 1.6rem #0000004d}.big .big-ico{filter:drop-shadow(0 .18rem #00000059);width:4rem;height:4rem;margin-top:-.4rem}.big span{margin-top:-.3rem;font-size:1.2rem}.big.attack{background:radial-gradient(circle at 50% 30%,#ffb35a,#ff6a1f 55%,#d8420c);width:8.6rem;height:8.6rem}.big.attack .big-ico{width:5rem;height:5rem}.big.attack span{font-size:1.45rem}.big.shop{background:radial-gradient(circle at 50% 30%,#ffe680,#ffc22a 55%,#e99a0c)}.big.build{background:radial-gradient(circle at 50% 30%,#c4f58a,#6cc93a 55%,#3f9a22);width:7.8rem;height:7.8rem}.big.build .big-ico{width:4.5rem;height:4.5rem}.big.build span{font-size:1.35rem}.big.army{background:radial-gradient(circle at 50% 30%,#9fd8ff,#3c8df0 55%,#2a6fd0);width:5.8rem;height:5.8rem}.big.army .big-ico{width:3.3rem;height:3.3rem}.big.army span{font-size:1rem}.badge{border:.15rem solid var(--ink);background:linear-gradient(#ff8a7a,#d42a1e);border-radius:.9rem;place-items:center;min-width:1.8rem;height:1.8rem;padding:0 .4rem;font-size:.95rem;font-style:normal;display:grid;position:absolute;top:-.2rem;right:-.2rem}.actionbar{opacity:0;flex-direction:column;align-items:center;gap:.4rem;transition:transform .22s cubic-bezier(.2,1.4,.4,1),opacity .15s;display:flex;position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%,1rem)}.actionbar.in{opacity:1;transform:translate(-50%)}.ab-title{font-size:1.45rem}.ab-title span{opacity:.95;font-size:1.05rem}.ab-hint{opacity:.92;text-shadow:0 .08rem .15rem #000000bf;margin-top:-.2rem;font-size:.85rem;font-weight:600}.ab-row{gap:.75rem;display:flex}.act{border:.18rem solid var(--ink);background:linear-gradient(#fffaf0,#e8d7b4);border-radius:1.1rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;width:5.6rem;height:5.6rem;display:flex;box-shadow:inset 0 -.4rem #78501e40,0 .3rem #00000059,0 .6rem 1.2rem #00000040}.act .ic{width:2.6rem;height:2.6rem}.act span{font-size:.95rem}.act-cost{white-space:nowrap;border:.12rem solid var(--ink);background:#141828cc;border-radius:.7rem;gap:.3rem;padding:.1rem .45rem;font-size:.9rem;display:flex;position:absolute;bottom:-.9rem;left:50%;transform:translate(-50%)}.act-cost .ic{width:1.1rem;height:1.1rem}.act.up{background:linear-gradient(#e9ffd6,#b9e88f)}.act.gem{background:linear-gradient(#ffe6fb,#f0a8ea)}.cost{align-items:center;gap:.2rem;font-weight:700;display:inline-flex}.cost .ic{width:1.25em;height:1.25em}.cost.short{color:#ff6b6b}.labels>div{will-change:transform;position:absolute;top:0;left:0}.seltag{white-space:nowrap;font-size:1.15rem;animation:.25s cubic-bezier(.2,1.6,.4,1) tagin;translate:-50% -100%}@keyframes tagin{0%{opacity:0;margin-top:.6rem}}.timer{cursor:pointer;flex-direction:column;align-items:center;gap:.15rem;display:flex;translate:-50% -100%;pointer-events:auto!important}.timer .tbar{border:.13rem solid var(--ink);background:#141828bf;border-radius:.5rem;width:5.5rem;height:.85rem;overflow:hidden}.timer .tbar i{background:linear-gradient(#a6f06a,#3a9e1f);height:100%;transition:width .3s linear;display:block}.timer span{font-size:.95rem;font-weight:700}.bubble{cursor:pointer;translate:-50% -100%;pointer-events:auto!important}.bubble .bub{background:radial-gradient(circle at 35% 30%,#fffffff2,#ffffffa6 45%,#d2ebff8c);border:.15rem solid #2a1a0ea6;border-radius:50%;width:3.1rem;height:3.1rem;padding:.45rem;animation:1.6s ease-in-out infinite bub;box-shadow:0 .3rem .8rem #00000040,inset 0 -.3rem .6rem #78a0dc59}.bubble.full .bub{animation:.8s ease-in-out infinite bub;box-shadow:0 0 0 .25rem #ffdc508c,0 .3rem .8rem #00000040}@keyframes bub{50%{transform:translateY(-.4rem)scale(1.05)}}.place-ui{gap:2.6rem;display:flex;translate:-50% -100%;pointer-events:auto!important}.round{border:.18rem solid var(--ink);border-radius:50%;width:3.4rem;height:3.4rem;padding:.75rem;box-shadow:inset 0 -.3rem #00000040,0 .25rem #00000059}.round.green{background:linear-gradient(#a6f06a,#3a9e1f);padding:.75rem}.round.red{background:linear-gradient(#ff8a7a,#c42316);padding:.85rem}.place-ui.blocked .round.green{filter:grayscale()brightness(.8)}.round.small,.round.red.small{width:2.5rem;height:2.5rem;padding:.62rem}.place-hint{opacity:0;border:.15rem solid var(--ink);white-space:nowrap;background:#141828b8;border-radius:1.6rem;align-items:center;gap:1.1rem;padding:.5rem .55rem .5rem 1.2rem;transition:transform .22s cubic-bezier(.2,1.4,.4,1),opacity .15s;display:flex;position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%,1rem);box-shadow:0 .3rem #00000040}.place-hint.in{opacity:1;transform:translate(-50%)}.ph-name{align-items:center;gap:.6rem;font-size:1.15rem;display:flex}.ph-name b{-webkit-text-stroke:.22em var(--ink);paint-order:stroke fill}.ph-keys{opacity:.8;font-size:.9rem;font-weight:600}.place-hint.blocked .ph-keys{color:#ffb0a4;opacity:1}.hpbar{border:.12rem solid var(--ink);background:#141828cc;border-radius:.4rem;width:4.2rem;height:.7rem;overflow:hidden;translate:-50% -100%}.hpbar i{background:linear-gradient(#a6f06a,#3a9e1f);height:100%;transition:width .15s;display:block}.hpbar.low i{background:linear-gradient(#ffd06a,#ff7a1f)}.hpbar.small{width:2.4rem;height:.5rem}.hpbar.blue i{background:linear-gradient(#9fe0ff,#2a8ae8)}.floater{white-space:nowrap;font-size:1.6rem;font-weight:700;animation:1.2s ease-out forwards floatUp;position:absolute;transform:translate(-50%,-50%)}.floater.gold{color:#ffe066}.floater.aether{color:#8ff4ff}.floater.level{color:#b8ff7a;font-size:1.9rem}.floater.ghost:before{content:"";background:#ffffffd9;border-radius:1rem 1rem .3rem .3rem;width:1.6rem;height:1.9rem;display:block;box-shadow:inset -.3rem 0 #a0bee680}@keyframes floatUp{0%{opacity:0;margin-top:.5rem;transform:translate(-50%,-50%)scale(.6)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}30%{transform:translate(-50%,-50%)scale(1)}to{opacity:0;margin-top:-4rem}}.flyer{filter:drop-shadow(0 .15rem .2rem #00000059);width:2.4rem;height:2.4rem;position:absolute}.toasts{flex-direction:column;align-items:center;gap:.4rem;padding-top:6.5rem;display:flex}.toast{background:#1418288c;border-radius:.8rem;padding:.4rem 1.2rem;font-size:1.35rem;transition:opacity .4s,transform .4s;animation:.3s cubic-bezier(.2,1.6,.4,1) toastIn;pointer-events:none!important}.toast.bad{color:#ff9b8f}.toast.good{color:#b8ff7a}.toast.out{opacity:0;transform:translateY(-1rem)}@keyframes toastIn{0%{opacity:0;transform:scale(.7)}}.modal-back{opacity:0;pointer-events:auto;background:#0c18306b;place-items:center;transition:opacity .22s;display:grid;position:absolute;inset:0}.modal-back.dim{background:#080c1899}.modal-back.in{opacity:1}.modal-back.out{opacity:0}.modal{background:linear-gradient(var(--panel-a), var(--panel-b));border:.25rem solid var(--ink);color:#4a3220;border-radius:1.6rem;flex-direction:column;max-width:calc(100vw - 2rem);max-height:calc(100vh - 3rem);transition:transform .28s cubic-bezier(.2,1.5,.4,1);display:flex;position:relative;transform:scale(.85)translateY(1rem);box-shadow:inset 0 0 0 .25rem #fff3d6,inset 0 0 0 .45rem #d9bc8a,0 .6rem #00000040,0 1.4rem 3rem #00000059}.modal-back.in .modal{transform:none}.modal-back.out .modal{transition-duration:.18s;transform:scale(.9)}.modal.small{width:27rem}.modal.mid{width:42rem}.modal.wide{width:62rem}.modal-head{z-index:3;position:absolute;top:-1.6rem;left:50%;transform:translate(-50%)}.ribbon{border:.22rem solid var(--ink);white-space:nowrap;background:linear-gradient(#6cc4ff,#2f7fe0 60%,#2364c4);border-radius:.9rem;padding:.55rem 3rem .7rem;position:relative;box-shadow:inset 0 .25rem #fff6,inset 0 -.3rem #0003,0 .3rem #0000004d}.ribbon:before,.ribbon:after{content:"";border:.22rem solid var(--ink);z-index:-1;background:#1f58b0;width:1.6rem;height:100%;position:absolute;top:.6rem}.ribbon:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,35% 50%);left:-1.1rem}.ribbon:after{clip-path:polygon(0 0,100% 0,65% 50%,100% 100%,0 100%);right:-1.1rem}.ribbon span{color:#fff;font-size:1.7rem}.x-btn{border:.2rem solid var(--ink);z-index:4;background:linear-gradient(#ff8a7a,#c42316);border-radius:50%;width:3.1rem;height:3.1rem;padding:.7rem;position:absolute;top:-.9rem;right:-.9rem;box-shadow:inset 0 -.3rem #00000040,0 .25rem #0000004d}.modal-body{padding:2.6rem 1.6rem 1.6rem;overflow:auto}.modal-foot{justify-content:center;padding:0 1.6rem 1.6rem;display:flex}.muted{color:#8a7258}.small{font-size:.85rem}.confirm{text-align:center}.confirm p{margin:.4rem 0;font-size:1.15rem}.big-ico{width:5rem;height:5rem;margin:0 auto .4rem}.info,.upgrade{align-items:center;gap:1.4rem;display:flex}.info-art,.up-art{background:radial-gradient(circle at 50% 45%,#fff,#e9dcc0 70%);border:.18rem solid #c9a873;border-radius:1.2rem;flex:none;place-items:center;width:15rem;height:15rem;display:grid;position:relative}.info-art img,.up-art img{object-fit:contain;width:100%;height:100%}.info-side,.up-side{flex-direction:column;flex:1;gap:.55rem;display:flex}.desc{margin:0 0 .4rem;font-size:1.1rem;line-height:1.35}.stat{background:#ffffff8c;border-radius:.7rem;justify-content:space-between;padding:.4rem .8rem;font-size:1.05rem;display:flex}.stat b{color:#fff}.lvl-from,.lvl-to{color:#fff;font-size:1.1rem;position:absolute;top:.6rem}.lvl-from{opacity:.7;left:.7rem}.lvl-to{color:#b8ff7a;right:.7rem}.up-count{color:#fff;-webkit-text-stroke:.22em var(--ink);paint-order:stroke fill;font-size:1.6rem;position:absolute;bottom:.6rem;right:.8rem}.srow{grid-template-columns:9rem 1fr 7rem;align-items:center;gap:.6rem;font-size:1rem;display:grid}.sname{font-weight:600}.sbar{background:#3c281440;border:.12rem solid #6b4a2a;border-radius:.5rem;height:1rem;display:flex;overflow:hidden}.sbar i{background:linear-gradient(#7fd0ff,#2a77e0)}.sbar em{background:linear-gradient(#c9ff8a,#4cbc2a);animation:1.2s ease-in-out infinite alternate grow}@keyframes grow{0%{opacity:.5}}.sval{color:#fff;text-align:right}.sval span{color:#b8ff7a}.up-time{align-items:center;gap:.4rem;margin-top:.4rem;display:flex}.up-time .ic{width:1.8rem;height:1.8rem}.up-time span{color:#fff;font-size:1.2rem}.tabs{gap:.5rem;margin-bottom:1rem;display:flex}.tab{border:.16rem solid var(--ink);background:linear-gradient(#e9d6ad,#cfb27a);border-radius:.9rem;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-size:1.05rem;display:flex;box-shadow:inset 0 -.25rem #00000026}.tab .ic{width:1.7rem;height:1.7rem}.tab.on{background:linear-gradient(#7fd0ff,#2a77e0);transform:translateY(-.15rem)}.tab.gem{background:linear-gradient(#ff9ae6,#a64dff)}.cards{grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.9rem;display:grid}.card{border:.17rem solid var(--ink);background:linear-gradient(#fffdf6,#f3e3c2);border-radius:1.1rem;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .5rem .7rem;transition:transform .15s;display:flex;position:relative;box-shadow:inset 0 -.35rem #78501e2e,0 .25rem #0003}.card:hover{transform:translateY(-.25rem)}.card-art{aspect-ratio:1.15;background:radial-gradient(circle at 50% 55%,#e4f4ff,#b6d9f5 75%);border-radius:.8rem;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.card-art img{object-fit:contain;width:108%;height:108%}.card-name{color:#fff;text-align:center;font-size:1.12rem}.card-meta{color:#7a5a3a;align-items:center;gap:.6rem;font-size:.82rem;font-weight:600;display:flex}.card-meta .ic{vertical-align:-.15rem;width:1rem;height:1rem;display:inline-block}.card-meta span{align-items:center;gap:.15rem;display:inline-flex}.card-cost{color:#fff;gap:.4rem;font-size:1.05rem;display:flex}.card-cost .req{color:#c0392b;-webkit-text-stroke:0;font-size:.85rem}.card.locked{filter:grayscale(.8);opacity:.75}.card-hit{border-radius:1.1rem;position:absolute;inset:0}.card .space{border:.12rem solid var(--ink);color:#fff;background:linear-gradient(#7fd0ff,#2a77e0);border-radius:50%;place-items:center;width:1.7rem;height:1.7rem;font-size:.95rem;display:grid;position:absolute;top:.4rem;left:.4rem}.army-top{align-items:center;gap:1rem;margin-bottom:.8rem;display:flex}.army-cap{flex-direction:column;gap:.3rem;width:15rem;font-weight:600;display:flex}.capbar{border:.14rem solid var(--ink);background:#3c28144d;border-radius:.8rem;height:1.6rem;position:relative;overflow:hidden}.capbar i{background:linear-gradient(#7fd0ff,#2a77e0);position:absolute;inset:0 auto 0 0}.capbar b{color:#fff;place-items:center;display:grid;position:absolute;inset:0}.army-have,.army-queue,.atk-army,.res-used{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.army-queue{background:#3c28141f;border-radius:.9rem;min-height:4.6rem;margin-bottom:.9rem;padding:.5rem}.mini{border:.14rem solid var(--ink);background:radial-gradient(circle,#e4f4ff,#9cc9ef);border-radius:.8rem;width:3.8rem;height:3.8rem;position:relative;overflow:hidden}.mini img{object-fit:cover;width:100%;height:100%}.mini em{color:#fff;font-size:.95rem;font-style:normal;font-weight:700;position:absolute;bottom:0;right:.15rem}.mini.q i{background:#6fdc3c;height:.35rem;position:absolute;bottom:0;left:0}.mini.q.active{box-shadow:0 0 0 .2rem #6fdc3c}.army-foot{justify-content:center;margin-top:1rem;display:flex}.attack{text-align:center}.atk-hero{justify-content:center;margin:-.5rem 0 .4rem;display:flex}.atk-hero img{object-fit:contain;filter:drop-shadow(0 .3rem .4rem #0000004d);width:9rem;height:9rem;margin:0 -1rem}.atk-hero img:nth-child(2){z-index:1;width:11rem;height:11rem}.atk-army{justify-content:center;margin-bottom:1.2rem}.atk-row{justify-content:center;gap:1rem;display:flex}.mcost{align-items:center;gap:.2rem;margin-left:.4rem;font-size:1rem;display:flex}.mcost .ic{width:1.2rem;height:1.2rem}.settings{text-align:center;flex-direction:column;gap:.3rem;display:flex}.hud-battle>*{position:absolute}.b-tl{flex-direction:column;gap:.6rem;display:flex;top:1rem;left:1.2rem}.enemy{align-items:center;gap:.6rem;display:flex}.ename{font-size:1.4rem}.echief{text-shadow:0 .08rem #000;align-items:center;gap:.2rem;font-size:.9rem;font-weight:600;display:flex}.echief .ic{width:1.1rem;height:1.1rem;display:inline-block}.loot-box{background:#1418288c;border-radius:.9rem;flex-direction:column;gap:.2rem;padding:.5rem .9rem;display:flex}.lb-title{font-size:.9rem}.lrow{align-items:center;gap:.4rem;font-size:1.25rem;font-weight:700;display:flex}.lrow .ic{width:1.6rem;height:1.6rem}.lrow.gold span{color:#ffe066}.lrow.aether span{color:#9ff6ff}.b-tc{text-align:center;top:1rem;left:50%;transform:translate(-50%)}.b-timer-lbl{text-shadow:0 .08rem #000;font-size:.95rem;font-weight:600}.b-timer{font-size:2.4rem}.b-timer.hurry{color:#ff8a7a;animation:1s infinite pulse}.b-br{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex;bottom:9.2rem;right:1.2rem}.stars{gap:.2rem;display:flex}.stars .ic{width:2.8rem;height:2.8rem}.stars .pop{animation:.6s cubic-bezier(.2,1.8,.4,1) starpop}@keyframes starpop{0%{opacity:0;transform:scale(2.4)rotate(-40deg)}}.dmg{text-shadow:0 .08rem #000;align-items:baseline;gap:.5rem;font-weight:600;display:flex}.dmg b{font-size:2rem}.gained{background:#14182880;border-radius:.9rem;gap:1rem;padding:.3rem .8rem;display:flex}.b-hint{white-space:nowrap;background:#14182880;border-radius:.8rem;padding:.35rem 1rem;font-size:1.05rem;font-weight:600;transition:opacity .5s;top:5.4rem;left:50%;transform:translate(-50%)}.gone{opacity:0!important;pointer-events:none!important}.end-btn{bottom:1.4rem;left:1.2rem}.next-btn{border:.2rem solid var(--ink);background:linear-gradient(#ffc36b,#ff8a1f 60%,#e8650c);border-radius:1rem;flex-direction:column;align-items:center;padding:.6rem 1.6rem;display:flex;top:1rem;right:1.2rem;box-shadow:inset 0 -.35rem #00000038,0 .25rem #00000059}.next-btn span{font-size:1.5rem}.nb-cost{align-items:center;gap:.2rem;font-size:.95rem;display:flex}.nb-cost .ic{width:1.1rem;height:1.1rem}.troopbar{background:#14182873;border-radius:1.2rem;gap:.7rem;padding:.6rem;display:flex;bottom:1rem;left:50%;transform:translate(-50%)}.tcard{border:.18rem solid var(--ink);background:radial-gradient(circle at 50% 40%,#e4f4ff,#8fbde8);border-radius:1rem;width:6.2rem;height:7rem;transition:transform .15s;overflow:hidden;box-shadow:inset 0 -.35rem #0000002e,0 .25rem #0000004d}.tcard img{object-fit:cover;width:100%;height:100%}.tcard .n{font-size:1.15rem;font-style:normal;position:absolute;top:.1rem;left:.35rem}.tcard .tname{text-align:center;font-size:.85rem;position:absolute;bottom:.15rem;left:0;right:0}.tcard.sel{transform:translateY(-.6rem);box-shadow:0 0 0 .25rem #ffe14a,0 .6rem 1rem #00000059}.tcard.empty{filter:grayscale()brightness(.7)}.star-toast{pointer-events:none;flex-direction:column;align-items:center;animation:2.2s forwards startoast;display:flex;top:40%;left:50%;transform:translate(-50%,-50%)}.star-toast .ic{filter:drop-shadow(0 0 1.5rem #ffdc50e6);width:7rem;height:7rem}.star-toast span{font-size:2rem}@keyframes startoast{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-30deg)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}25%{transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-80%)scale(.9)}}.results-modal{color:#fff;background:linear-gradient(#2d3b6e,#1a2244);width:34rem;box-shadow:inset 0 0 0 .25rem #4b5d9e,0 1.4rem 3rem #00000080}.results{text-align:center;flex-direction:column;align-items:center;gap:.8rem;padding-top:0;display:flex}.res-banner{color:#ffe066;margin-top:-1rem;font-size:3.4rem}.results.lose .res-banner{color:#ff8a7a}.res-stars{gap:.4rem;margin-top:-.3rem;display:flex}.rs{width:5.4rem;height:5.4rem;position:relative}.rs:nth-child(2){width:6.4rem;height:6.4rem;margin-top:-1.2rem}.rs .ic{position:absolute;inset:0}.rs.on .ic:last-child{animation:.6s cubic-bezier(.2,1.8,.4,1) both starpop;animation-delay:var(--d);filter:drop-shadow(0 0 1rem #ffdc50cc)}.res-pct{font-size:1.5rem}.res-loot{gap:1.4rem;display:flex}.rl{align-items:center;gap:.4rem;font-size:1.5rem;display:flex}.rl .ic{width:2.2rem;height:2.2rem}.rl.neg b{color:#ff8a7a}.theme-royal{color:#fff;background:linear-gradient(#3b1f6e,#23124a 70%);box-shadow:inset 0 0 0 .25rem #6b45b8,inset 0 0 0 .45rem #f2c14e,0 .6rem #0000004d,0 1.4rem 3rem #00000073}.theme-royal .ribbon{background:linear-gradient(#ffe680,#ffb820 60%,#e99a0c)}.theme-royal .ribbon:before,.theme-royal .ribbon:after{background:#c9850a}.theme-royal .muted{color:#c9b6ee}.tabs.royal .tab{color:#fff;background:linear-gradient(#5b3a9e,#3d2276)}.tabs.royal .tab.on{background:linear-gradient(#ff9ae6,#b64dff)}.packs{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.pack{border:.18rem solid var(--ink);cursor:pointer;background:radial-gradient(circle at 50% 35%,#7a4fd0,#45247e 70%);border-radius:1.2rem;flex-direction:column;align-items:center;gap:.25rem;padding:.6rem .6rem .8rem;transition:transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 .2rem #ffffff2e,inset 0 -.35rem #00000040,0 .3rem #0000004d}.pack:hover{transform:translateY(-.3rem)scale(1.02)}.pack:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff40 50%,#0000 65%);animation:4s infinite shine;position:absolute;inset:0;transform:translate(-120%)}.pack.best{background:radial-gradient(circle at 50% 35%,#ffcf5a,#c27a12 70%)}.pack.hot{background:radial-gradient(circle at 50% 35%,#ff7fd8,#a12fb8 70%)}.pack-art{justify-content:center;align-items:center;width:100%;height:11rem;display:flex}.pack-art img{object-fit:contain;filter:drop-shadow(0 .4rem .6rem #00000059);width:auto;max-width:100%;height:100%}.pack-amt{align-items:center;gap:.35rem;font-size:1.6rem;display:flex}.pack-amt .ic{width:1.8rem;height:1.8rem}.pack-name{opacity:.9;font-size:.9rem;font-weight:600}.btn.price{min-width:8rem;margin-top:.3rem;padding:.5rem 1rem;font-size:1.25rem}.btn.price s{opacity:.85;-webkit-text-stroke:0;color:#2a5a10;margin-right:.3rem;font-size:.85rem}.ribbon-tag{text-align:center;border:.14rem solid var(--ink);z-index:2;background:linear-gradient(#ff7a6a,#d42a1e);width:9rem;padding:.15rem 0;font-size:.85rem;font-weight:700;position:absolute;top:.9rem;right:-2.4rem;transform:rotate(38deg)}.pack.best .ribbon-tag{background:linear-gradient(#a6f06a,#3a9e1f)}.res-pack.gold{background:radial-gradient(circle at 50% 38%,#d77a26,#7a3412 72%)}.res-pack.aether{background:radial-gradient(circle at 50% 38%,#3a7fe6,#172f7e 72%)}.res-pack{cursor:default}.res-pack.off .pack-art img{filter:grayscale(.7)brightness(.8)drop-shadow(0 .4rem .6rem #00000059);opacity:.7}.res-pack.off .pack-amt{opacity:.6}.offers{flex-direction:column;gap:1rem;display:flex}.offer-card{border:.18rem solid var(--ink);background:linear-gradient(110deg,#ff9a3c,#e8392b 45%,#8a2be2);border-radius:1.2rem;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 .2rem #ffffff40,0 .3rem #0000004d}.offer-card:nth-child(2){background:linear-gradient(110deg,#7ad0ff,#3c6cf0 45%,#5b2bd6)}.offer-card:nth-child(3){background:linear-gradient(110deg,#a6f06a,#2fa38a 45%,#22659c)}.oc-art{background:radial-gradient(circle,#fff9,#fff0 70%);border-radius:50%;flex:none;width:8.5rem;height:8.5rem}.oc-art img{object-fit:contain;filter:drop-shadow(0 .3rem .4rem #0006);width:100%;height:100%}.oc-main{flex-direction:column;flex:1;align-items:flex-start;gap:.4rem;display:flex}.oc-title{align-items:baseline;gap:.6rem;font-size:1.6rem;display:flex}.oc-title span{opacity:.9;-webkit-text-stroke:0;font-size:.9rem}.oc-time{align-items:center;gap:.3rem;font-weight:600;display:flex}.oc-time .ic{width:1.2rem;height:1.2rem}.co-items{flex-wrap:wrap;gap:.5rem;display:flex}.item{background:#ffffff2e;border:.14rem solid #2a1a0eb3;border-radius:.9rem;flex-direction:column;align-items:center;gap:.05rem;width:5.6rem;padding:.35rem .2rem;display:flex;box-shadow:inset 0 .15rem #ffffff40}.item .iic{width:2.4rem;height:2.4rem}.item img{object-fit:contain;width:3.6rem;height:3.6rem;margin:-.6rem 0 -.4rem}.item b{font-size:1.15rem}.item span{opacity:.9;font-size:.72rem;font-weight:600}.sticker{border:.2rem solid var(--ink);color:#e8392b;background:radial-gradient(circle at 40% 35%,#fff36a,#ffc21a);border-radius:50%;place-items:center;width:4.8rem;height:4.8rem;font-size:1.5rem;animation:2.6s ease-in-out infinite wiggle;display:grid;position:absolute;top:.8rem;right:1rem;transform:rotate(12deg);box-shadow:0 .25rem #0000004d}.sticker small{margin-top:-.6rem;font-size:.7rem;display:block}@keyframes wiggle{0%,80%,to{transform:rotate(12deg)}85%{transform:rotate(-4deg)scale(1.08)}92%{transform:rotate(18deg)}}.offer-modal{width:46rem}.offer-modal .modal-body{flex-direction:column;align-items:center;padding:1.4rem 1.6rem 1.6rem;display:flex;position:relative;overflow:hidden}.offer-pop{display:contents}.rays{pointer-events:none;background:repeating-conic-gradient(#ffdc7829 0deg 10deg,#ffdc7800 10deg 20deg);width:70rem;height:70rem;margin:-35rem 0 0 -35rem;animation:30s linear infinite spin;position:absolute;top:45%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 15%,#0000 55%);mask-image:radial-gradient(circle,#000 15%,#0000 55%)}@keyframes spin{to{transform:rotate(360deg)}}.op-title{flex-direction:column;align-items:center;display:flex;position:relative}.op-title span{color:#ffe066;font-size:2.8rem}.op-title em{opacity:.9;margin-top:-.3rem;font-style:normal;font-weight:600}.op-main{align-items:center;gap:1rem;margin:.4rem 0 .8rem;display:flex;position:relative}.op-hero{width:16rem;height:16rem;position:relative}.op-hero img{object-fit:contain;filter:drop-shadow(0 .6rem .8rem #00000073);width:100%;height:100%}.op-hero .op-pile{width:9rem;height:9rem;position:absolute;bottom:-1rem;right:-2.4rem}.op-items{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.op-items .item{width:7.2rem;padding:.6rem .3rem}.op-items .item .iic{width:3rem;height:3rem}.sticker.big{width:6.4rem;height:6.4rem;font-size:2rem;top:1.4rem;right:1.6rem}.op-time{align-items:center;gap:.35rem;margin-bottom:.6rem;font-weight:600;display:flex;position:relative}.op-time .ic{width:1.3rem;height:1.3rem}.checkout{flex-direction:column;gap:.9rem;display:flex}.checkout .big-cta{align-self:stretch}.co-head{align-items:center;gap:.8rem;display:flex}.co-ico{width:3.2rem;height:3.2rem}.co-head b{font-size:1.25rem;display:block}.co-head span{opacity:.8;font-size:.85rem}.co-price{margin-left:auto;font-size:1.6rem;font-weight:700}.co-note{background:#ffffff1a;border-radius:.8rem;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.85rem;display:flex}.co-note .ic{flex:none;width:1.4rem;height:1.4rem}.btn.busy{pointer-events:none}.spin{border:.22rem solid #fff6;border-top-color:#fff;border-radius:50%;width:1.2rem;height:1.2rem;animation:.7s linear infinite spin}.success-modal .modal-body{padding-top:2rem;position:relative;overflow:hidden}.success{flex-direction:column;align-items:center;gap:1rem;display:flex}.succ-title{color:#ffe066;font-size:2.2rem;position:relative}.burst{background:repeating-conic-gradient(#ffe6782e 0 9deg, transparent 9deg 18deg);width:40rem;height:40rem;margin:-20rem;animation:20s linear infinite spin;position:absolute;top:40%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 55%);mask-image:radial-gradient(circle,#000 10%,#0000 55%)}.success .co-items{justify-content:center;position:relative}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{border-radius:.15rem;width:.55rem;height:.9rem;animation:2s linear forwards confetti;position:absolute;top:-1rem}@keyframes confetti{to{transform:translateY(38rem)rotate(720deg)}}.pass-modal{width:66rem}.sp-head{align-items:center;gap:1.4rem;margin-bottom:1rem;display:flex}.sp-season{color:#ffe066;font-size:1.5rem}.sp-prog{flex:1;align-items:center;gap:.6rem;display:flex}.sp-tier{border:.18rem solid var(--ink);background:radial-gradient(circle at 40% 35%,#fff36a,#f0a015);border-radius:50%;place-items:center;width:3rem;height:3rem;font-size:1.4rem;display:grid}.sp-bar{border:.14rem solid var(--ink);background:#00000059;border-radius:.8rem;flex:1;height:1.4rem;position:relative;overflow:hidden}.sp-bar i{background:linear-gradient(#ff9ae6,#b64dff);position:absolute;inset:0 auto 0 0}.sp-bar span{place-items:center;font-size:.85rem;font-weight:700;display:grid;position:absolute;inset:0}.sp-ends{align-items:center;gap:.3rem;font-weight:600;display:flex}.sp-ends .ic{width:1.3rem;height:1.3rem}.sp-track{gap:.6rem;display:flex}.sp-labels{flex-direction:column;flex:none;gap:2.7rem;width:6rem;padding-top:.75rem;display:flex}.sp-lab{border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;height:7.2rem;font-size:1.05rem;font-weight:700;display:flex}.sp-lab.free{background:#ffffff1a}.sp-lab.gold{color:#5a3210;background:linear-gradient(#ffe680,#e99a0c)}.sp-lab .ic{width:2rem;height:2rem}.sp-scroll{scrollbar-width:thin;scrollbar-color:#f2c14e #0000004d;flex:1;padding:.75rem .75rem .8rem;position:relative;overflow:auto hidden}.sp-cols{gap:.5rem;width:max-content;display:flex}.sp-col{flex-direction:column;align-items:center;gap:.35rem;width:7rem;display:flex}.sp-cell{border:.16rem solid var(--ink);border-radius:1rem;place-items:center;width:100%;height:7.2rem;display:grid;position:relative}.sp-cell.free{background:linear-gradient(#5b3a9e,#3d2276)}.sp-cell.gold{background:linear-gradient(#ffd96a,#c27a12)}.sp-cell.locked .rw{opacity:.55}.sp-col.done .sp-cell.free{background:linear-gradient(#4a6a3a,#2f4a22)}.sp-col.cur .sp-cell{box-shadow:0 0 0 .25rem #fff,0 0 .7rem #ffffff8c}.sp-col.cur .sp-num{color:#3a2410;background:linear-gradient(#fff36a,#f0a015);border-color:#fff}.sp-num{background:#2a1a4e;border:.14rem solid #6b45b8;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.95rem;display:grid}.rw{flex-direction:column;align-items:center;gap:.1rem;display:flex}.rw img{object-fit:contain;width:4.2rem;height:4.2rem}.rw-ico{width:3rem;height:3rem}.rw b{-webkit-text-stroke:.2em var(--ink);paint-order:stroke fill;text-transform:capitalize;font-size:.95rem}.claimed{background:#00000059;border-radius:.85rem;place-items:center;padding:2rem;display:grid;position:absolute;inset:0}.lk{width:1.6rem;height:1.6rem;position:absolute;top:.3rem;right:.3rem}.sp-foot{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.sp-perks{flex-wrap:wrap;gap:1rem;display:flex}.sp-perks span{align-items:center;gap:.3rem;font-weight:600;display:flex}.sp-perks .ic{width:1.4rem;height:1.4rem}.sp-owned{color:#b8ff7a;align-items:center;gap:.4rem;font-size:1.3rem;font-weight:700;display:flex}.sp-owned .ic{width:2rem;height:2rem}.veil{z-index:50;background:radial-gradient(at 50% 40%,#8fd0ff,#3f7fd6 60%,#23479e);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:opacity 1s .2s;display:flex;position:fixed;inset:0}.veil.out{opacity:0;pointer-events:none}.logo{flex-direction:column;align-items:center;line-height:.9;animation:.8s cubic-bezier(.2,1.5,.4,1) logoIn;display:flex}.logo span{letter-spacing:.04em;font-size:6.5rem;font-weight:700}.logo .sky{color:#fff}.logo .borne{color:#ffd23f;margin-top:-.5rem}.logo em{letter-spacing:.25em;text-transform:uppercase;opacity:.9;margin-top:.8rem;font-size:1.3rem;font-style:normal;font-weight:600}@keyframes logoIn{0%{opacity:0;transform:scale(.6)}}.load{background:#0000004d;border:.14rem solid #2a1a0ecc;border-radius:.6rem;width:18rem;height:1rem;overflow:hidden}.load i{background:linear-gradient(#fff08a,#ffb020);border-radius:.5rem;width:30%;height:100%;animation:1.4s ease-in-out infinite loadbar;display:block}@keyframes loadbar{0%{transform:translate(-100%)}to{transform:translate(340%)}}.wipe{z-index:40;pointer-events:auto;position:fixed;inset:0}.wipe-clouds i{width:60vmax;height:60vmax;left:calc(-30vmax + (var(--i) * 9%));top:calc(-30vmax + (var(--i) * 37 % 100) * 1%);transition:transform .8s cubic-bezier(.3,.7,.3,1);transition-delay:calc(var(--i) * 25ms);background:radial-gradient(circle at 40% 35%,#fff,#eef6ff 55%,#d5e6fb);border-radius:50%;position:absolute;transform:scale(0);box-shadow:inset -2vmax -3vmax 4vmax #8caadc59}.wipe.in .wipe-clouds i{transform:scale(1)}.wipe.out .wipe-clouds i{transition-duration:.9s;transform:scale(0)translateY(-20vmax)}.wipe-label{opacity:0;white-space:nowrap;font-size:2.2rem;transition:opacity .3s .45s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wipe.in .wipe-label{opacity:1}.wipe.out .wipe-label{opacity:0;transition-delay:0s}@media (max-width:760px){.side.left .sbtn span{display:none}.promo{width:3.9rem;padding:.35rem}.promo-txt,.promo-tag{display:none}.res .bar{width:9rem}.tc{top:auto;bottom:10.5rem}.packs{grid-template-columns:repeat(2,1fr)}.info,.upgrade,.op-main{flex-direction:column}}.land-tag{cursor:pointer;flex-direction:column;align-items:center;animation:.3s cubic-bezier(.2,1.6,.4,1) tagin;display:flex;translate:-50% -100%;pointer-events:auto!important}.land-tag .lt-board{white-space:nowrap;border:.16rem solid var(--ink);background:linear-gradient(#d39556,#a8673a 60%,#8c5229);border-radius:.85rem;align-items:center;gap:.35rem;padding:.28rem .75rem .32rem .4rem;font-size:1.1rem;transition:transform .15s cubic-bezier(.2,1.6,.4,1);display:flex;box-shadow:inset 0 .2rem #ffffff4d,inset 0 -.25rem #00000038,0 .28rem #0000004d}.land-tag:hover .lt-board{transform:scale(1.08)}.land-tag:after{content:"";border:.5rem solid #0000;border-top-color:var(--ink);margin-top:-.02rem}.land-tag .lt-ico{filter:drop-shadow(0 .1rem #0000004d);flex:none;width:1.9rem;height:1.9rem}.land-tag .cost .ic{width:1.4em;height:1.4em}.land-tag.locked .lt-board{background:linear-gradient(#b9b4c2,#8a8596 60%,#6f6a7c)}.land-tag .lt-req{align-items:center;gap:.25rem;display:inline-flex}.land-tag .lt-req .ic{width:1.3em;height:1.3em}.land-tag .lt-req b{-webkit-text-stroke:.22em var(--ink);paint-order:stroke fill}.land-svg{filter:drop-shadow(0 .3rem #3c281440);width:100%;max-width:21rem;margin:-.6rem auto .2rem;display:block}.land-dash{animation:.9s linear infinite landDash}@keyframes landDash{to{stroke-dashoffset:-12px}}.land-confirm .land-size{justify-content:center;align-items:center;gap:.6rem;margin:.2rem 0 .3rem;font-size:1.7rem;display:flex}.land-confirm .land-size b{color:#fff;-webkit-text-stroke:.22em var(--ink);paint-order:stroke fill}.land-confirm .land-size b.to{color:#b8ff7a}.land-confirm .land-size span{color:#8a7258;font-weight:700}.land-confirm .land-req{color:#d42a1e;justify-content:center;align-items:center;gap:.35rem;font-weight:700;display:flex}.land-confirm .land-req .ic{width:1.5rem;height:1.5rem}.land-modal .big-cta{gap:.8rem}.demo{flex-direction:column;gap:.75rem;display:flex}.demo-h{opacity:.7;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;font-size:.85rem;font-weight:700}.demo-row{grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:.5rem;display:grid}.demo-row .btn{padding:.6rem .8rem;font-size:1rem}.demo-foot{text-align:center;margin-top:.2rem;font-size:.85rem}.demo>.btn.red{align-self:center;padding:.55rem 1.6rem}.modal-back:has(.demo-modal){z-index:40}.res.candy .bar{width:9rem}.res.candy .fill{background:linear-gradient(#ffd99a,#ff8a1f 55%,#c84fd6)}.res.candy{cursor:pointer}.hm-promo{background:linear-gradient(135deg,#ffad4a 0%,#ea5d2a 42%,#6a2fb8 100%)}.hm-promo .promo-ico{width:3.3rem;height:3.3rem}.hm-live{letter-spacing:.1em;background:#180a2c99;border-radius:.5rem;align-items:center;gap:.22rem;padding:.06rem .38rem;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:.35rem;right:.4rem}.hm-live i{background:#ff5050;border-radius:50%;width:.42rem;height:.42rem;animation:1.2s infinite hmBlink;box-shadow:0 0 .35rem #ff5050}@keyframes hmBlink{50%{opacity:.25}}.hm-dot{border:.13rem solid var(--ink);-webkit-text-stroke:.2em var(--ink);paint-order:stroke fill;z-index:2;background:linear-gradient(#ff8a7a,#d42a1e);border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;font-size:.85rem;font-style:normal;display:none;position:absolute;top:.2rem;left:.25rem}.hm-promo.ready .hm-dot{animation:1s infinite pulse;display:grid}.hm-mini{display:none}.hm-pk{cursor:pointer;justify-content:center;width:4.4rem;height:6.4rem;display:flex;translate:-50% -74%;pointer-events:auto!important}.hm-pk-bub{background:radial-gradient(circle at 35% 30%,#fff6e6f7,#ffd2a0c7 45%,#c478ff99);border:.15rem solid #2a1a0eb3;border-radius:50%;width:2.9rem;height:2.9rem;padding:.38rem;animation:1.4s ease-in-out infinite bub;box-shadow:0 0 .9rem #ffa03ca6,0 .3rem .6rem #0000004d}.hm-pk:hover .hm-pk-bub{transform:scale(1.12)}.floater.hm-candy{color:#ffb3e6;align-items:center;gap:.15rem;display:flex}.floater.hm-candy .ic{width:1.7rem;height:1.7rem}.hm-modal.theme-royal{background:linear-gradient(#3b1d5e,#1d1038 72%);box-shadow:inset 0 0 0 .25rem #6b3fb0,inset 0 0 0 .45rem #ff9a3c,0 .6rem #0000004d,0 1.4rem 3rem #00000073}.hm-modal .ribbon{background:linear-gradient(#ffc36b,#ff8a1f 60%,#e0600c)}.hm-modal .ribbon:before,.hm-modal .ribbon:after{background:#a8480c}.hm-modal.wide{width:66rem}.hm-head{align-items:center;gap:1.2rem;margin-bottom:.6rem;display:flex}.hm-art{flex:none;width:11.5rem;height:9.5rem;position:relative}.hm-moon{background:radial-gradient(circle at 38% 34%,#fffdf2,#ffefc4 55%,#e4c98a 100%);border-radius:50%;width:8rem;height:8rem;position:absolute;top:0;left:2.2rem;box-shadow:0 0 2.2rem .6rem #ffdc9673,inset -.6rem -.6rem 1.2rem #b4965a59}.hm-moon:before,.hm-moon:after{content:"";background:#d6c49699;border-radius:50%;position:absolute}.hm-moon:before{width:1.5rem;height:1.5rem;top:1.8rem;left:1.6rem}.hm-moon:after{width:2.1rem;height:2.1rem;top:3.8rem;right:1.5rem}.hm-art img{object-fit:contain;filter:drop-shadow(0 .4rem .5rem #00000073);width:8.6rem;height:8.6rem;position:absolute;bottom:-.6rem;left:0}.hm-bat{width:2.4rem;height:2.4rem;animation:.5s ease-in-out infinite alternate hmFlap,5s ease-in-out infinite hmDrift;position:absolute}.hm-bat.a{top:.6rem;right:.2rem}.hm-bat.b{width:1.7rem;height:1.7rem;animation-delay:.2s,1.3s;top:-.4rem;right:3.2rem}@keyframes hmFlap{to{transform:scaleY(.72)translateY(.15rem)}}@keyframes hmDrift{50%{translate:-.6rem .4rem}}.hm-intro{flex:1;min-width:0}.hm-title{color:#ffcf7a;-webkit-text-stroke:.22em var(--ink);paint-order:stroke fill;font-size:1.65rem}.hm-intro p{color:#e9dcff;margin:.25rem 0 .6rem;font-size:.98rem;font-weight:600;line-height:1.32}.hm-prog{align-items:center;gap:.6rem;display:flex}.hm-cnt{align-items:center;gap:.25rem;font-size:1.55rem;display:flex}.hm-cnt .ic{width:2.3rem;height:2.3rem}.hm-cnt b,.hm-need b,.hm-rw b,.hm-rn,.hm-gp,.hm-lock span,.hm-how b,.hm-bar span,.hm-ends span,.hm-off,.hm-bchip b,.hm-mini{-webkit-text-stroke:.2em var(--ink);paint-order:stroke fill}.hm-bar{border:.14rem solid var(--ink);background:#0000006b;border-radius:.8rem;flex:1;height:1.35rem;position:relative;overflow:hidden}.hm-bar i{background:linear-gradient(#ffd99a,#ff8a1f 60%,#c84fd6);transition:width .3s;position:absolute;inset:0 auto 0 0}.hm-bar span{place-items:center;font-size:.8rem;font-weight:700;display:grid;position:absolute;inset:0}.hm-ends{white-space:nowrap;background:#00000052;border-radius:.9rem;align-self:flex-start;align-items:center;gap:.3rem;padding:.3rem .75rem .3rem .4rem;font-weight:700;display:flex}.hm-ends .ic{width:1.4rem;height:1.4rem}.hm-track{scrollbar-width:thin;scrollbar-color:#ff9a3c #0000004d;padding:1.1rem .5rem .8rem;overflow:auto hidden}.hm-cols{align-items:stretch;gap:.5rem;width:max-content;display:flex}.hm-step{border:.16rem solid var(--ink);background:linear-gradient(#5b3a92,#3a2066);border-radius:1.1rem;flex-direction:column;align-items:center;gap:.25rem;width:6.75rem;padding:.5rem .4rem .6rem;display:flex;position:relative;box-shadow:inset 0 .2rem #ffffff24,0 .25rem #0000004d}.hm-step.ready{background:linear-gradient(#ffb85a,#e8592a);animation:1.4s ease-in-out infinite hmGlow}@keyframes hmGlow{50%{box-shadow:inset 0 .2rem #ffffff40,0 0 1.2rem .2rem #ffaa46bf}}.hm-step.got{background:linear-gradient(#3f5c3b,#263a21)}.hm-step.got .hm-rw{opacity:.6}.hm-step.hm-deco:not(.got){background:linear-gradient(#7d4fc4,#4a2386)}.hm-step.hm-deco.ready{background:linear-gradient(#ffb85a,#e8592a)}.hm-step.hm-grand{background:linear-gradient(#ffd96a,#cf7d12);width:11rem;box-shadow:inset 0 .2rem #fff6,0 0 1.2rem #ffc85073,0 .25rem #0000004d}.hm-step.hm-grand.got{background:linear-gradient(#3f5c3b,#263a21)}.hm-gp{white-space:nowrap;border:.14rem solid var(--ink);text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(#ff8a7a,#d42a1e);border-radius:.7rem;padding:.12rem .8rem;font-size:.85rem;position:absolute;top:-.95rem;left:50%;translate:-50%}.hm-need{background:#00000059;border-radius:.7rem;align-items:center;gap:.15rem;padding:.05rem .55rem .05rem .2rem;font-size:1rem;display:flex}.hm-need .ic{width:1.3rem;height:1.3rem}.hm-rw{flex-direction:column;justify-content:center;align-items:center;gap:.1rem;height:5.3rem;display:flex}.hm-rw img{object-fit:contain;filter:drop-shadow(0 .25rem .3rem #0006);width:auto;max-width:100%;height:4.4rem}.hm-rw .hm-ic{width:3.1rem;height:3.1rem}.hm-rw b{font-size:1.1rem}.hm-step.hm-deco .hm-rw img{height:5.2rem}.hm-step.hm-grand .hm-rw{height:7.6rem}.hm-step.hm-grand .hm-rw img{height:7.4rem}.hm-rn{text-align:center;place-items:center;min-height:1.8em;font-size:.8rem;font-weight:700;line-height:1.1;display:grid}.hm-st{justify-content:center;align-items:center;width:100%;min-height:2.3rem;display:flex}.btn.hm-claim{border-radius:.75rem;padding:.32rem 1rem;font-size:1rem}.hm-done{width:2rem;height:2rem}.hm-lock{border:.12rem solid var(--ink);background:#0000006b;border-radius:.6rem;width:100%;height:1.15rem;position:relative;overflow:hidden}.hm-lock i{background:linear-gradient(#ffd99a,#ff8a1f);position:absolute;inset:0 auto 0 0}.hm-lock span{place-items:center;font-size:.72rem;font-weight:700;display:grid;position:absolute;inset:0}.hm-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-top:.3rem;display:flex}.hm-how{flex-wrap:wrap;gap:.6rem;display:flex}.hm-how span{background:#ffffff17;border-radius:.9rem;align-items:center;gap:.3rem;padding:.3rem .75rem .3rem .35rem;font-weight:600;display:flex}.hm-how .ic{width:1.6rem;height:1.6rem}.hm-how b{color:#ffcf7a}.btn.hm-cta{gap:.5rem;padding:.6rem 1.2rem .6rem .8rem}.btn.hm-cta .ic{width:1.9em;height:1.9em}.hm-off{color:#c42316;border:.12rem solid var(--ink);-webkit-text-stroke:0;background:#ffe14a;border-radius:.6rem;padding:.05rem .45rem;font-size:.9rem;font-style:normal}.hm-offer .op-title span{color:#ffb35a}.hm-offer .rays{background:repeating-conic-gradient(#ff963c33 0deg 10deg,#ff963c00 10deg 20deg)}.hm-offer .op-hero img{width:108%;height:108%;margin:-4% 0 0 -4%}.hm-pile{align-items:flex-end;display:flex;position:absolute;bottom:-.6rem;left:-.6rem}.hm-pile .ic{filter:drop-shadow(0 .2rem .2rem #0006);width:3.4rem;height:3.4rem;margin-right:-1rem}.hm-pile .ic:nth-child(2){width:2.8rem;height:2.8rem;transform:rotate(-20deg)}.hm-pile .ic:last-child{width:4.2rem;height:4.2rem;margin-left:.4rem}.hm-item.art img{width:3.8rem;height:3.8rem}.offer-card.hm-card{background:linear-gradient(110deg,#ff9a3c,#c03a1f 40%,#4a1f8a);margin-bottom:1rem}.offer-card.hm-card .oc-art img{transform:scale(1.12)}.hm-banner{cursor:pointer;border:.2rem solid var(--ink);background:linear-gradient(100deg,#401e66f2,#1e103af2);border-radius:1.5rem;align-items:center;gap:.9rem;margin-top:.6rem;padding:.55rem 1.7rem .55rem .7rem;transition:opacity .5s,transform .5s;animation:.75s cubic-bezier(.2,1.5,.4,1) hmBanner;display:flex;box-shadow:inset 0 0 0 .18rem #ff9a3c,0 .4rem #0000004d,0 0 2.4rem #ff963c80}.hm-banner.out{opacity:0;transform:translateY(-1.5rem)scale(.95)}.hm-b-art{flex:none;width:4.8rem;height:4.8rem;animation:2.4s ease-in-out infinite hmSwing}.hm-b-txt{flex-direction:column;display:flex}.hm-b-txt b{color:#ffcf7a;-webkit-text-stroke:.22em var(--ink);paint-order:stroke fill;font-size:1.95rem}.hm-b-txt span{color:#e9dcff;font-size:1rem;font-weight:600}@keyframes hmBanner{0%{opacity:0;transform:translateY(-2rem)scale(.7)}}@keyframes hmSwing{50%{transform:rotate(-6deg)scale(1.05)}}.rl.hm-rl b{color:#ffb3e6}.hm-bchip{white-space:nowrap;border:.14rem solid var(--ink);background:linear-gradient(100deg,#ea5d2ae0,#6a2fb8e0);border-radius:.9rem;align-items:center;gap:.35rem;padding:.22rem .75rem .22rem .25rem;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 .2rem #00000040}.hm-bchip>.ic{width:1.8rem;height:1.8rem}.hm-bchip span{align-items:center;gap:.2rem;display:flex}.hm-bchip span .ic{width:1.2rem;height:1.2rem}@media (max-width:760px){.hm-live{display:none}.hm-promo .promo-ico{width:3.1rem;height:3.1rem}.hm-mini{white-space:nowrap;font-size:.72rem;font-weight:700;display:block;position:absolute;bottom:.1rem;left:50%;translate:-50%}.hm-dot{top:.1rem;left:auto;right:.1rem}.hm-head{text-align:center;flex-wrap:wrap;justify-content:center}.hm-art{width:9rem;height:7.5rem}.hm-moon{width:6.4rem;height:6.4rem;left:2rem}.hm-art img{width:7rem;height:7rem}.hm-intro{flex-basis:100%}.hm-ends{align-self:center}.hm-banner{margin-top:12rem}.hm-b-txt b{font-size:1.6rem}}.tcard .ab b,.power-toast span,.hpbar.hero b,.hero-rest span,.hero-rest .hr-z,.aph-name,.aph-state,.aph-stats,.ap-title b,.ap-lv,.card.spell .have,.ap-cap b,.mini.hero em,.mini.spell em{-webkit-text-stroke:.22em var(--ink);paint-order:stroke fill;letter-spacing:.01em}.troopbar .tsep{background:#ffffff47;border-radius:.1rem;align-self:stretch;width:.2rem;margin:.4rem .05rem}.tcard.hero{background:radial-gradient(circle at 50% 38%,#fff3c4,#f0b43c 72%);border-color:#4a2a08;box-shadow:inset 0 -.35rem #0000002e,0 0 0 .16rem #ffd96a,0 .25rem #0000004d}.tcard.hero .n{color:#fff3b0;font-size:.95rem}.tcard .ab{flex-direction:column;align-items:center;gap:0;display:none;position:absolute;bottom:.15rem;left:0;right:0}.tcard .ab .ic{filter:drop-shadow(0 .15rem #00000059);width:2.3rem;height:2.3rem}.tcard .ab b{font-size:.82rem}.tcard .hb{border:.1rem solid var(--ink);background:#141828bf;border-radius:.3rem;height:.45rem;display:none;position:absolute;top:1.55rem;left:.4rem;right:.4rem;overflow:hidden}.tcard .hb i{background:linear-gradient(#ffe680,#f0a015);width:100%;height:100%;transition:width .15s;display:block}.tcard .ko{filter:drop-shadow(0 .15rem #0006);width:3rem;height:3rem;display:none;position:absolute;top:45%;left:50%;translate:-50% -50%}.tcard.hero.out .tname{display:none}.tcard.hero.out .ab,.tcard.hero.out .hb{display:flex}.tcard.hero.out .hb{display:block}.tcard.hero.out img{opacity:.55;transform:translateY(-.6rem)scale(.9)}.tcard.hero.ready{animation:.9s ease-in-out infinite heroReady}@keyframes heroReady{50%{transform:translateY(-.25rem);box-shadow:inset 0 -.35rem #0000002e,0 0 0 .3rem #fff3a3,0 0 1.4rem .4rem #ffd250d9}}.tcard.hero.spent .ab{opacity:.45;filter:grayscale(.8)}.tcard.hero.dead{filter:grayscale()brightness(.7)}.tcard.hero.dead .ab,.tcard.hero.dead .hb{display:none}.tcard.hero.dead .ko{display:block}.tcard.spell{background:radial-gradient(circle at 50% 40%,#f3e6ff,#a98be8 75%)}.tcard.spell.heal{background:radial-gradient(circle at 50% 40%,#eaffe6,#8fd67f 75%)}.tcard.spell.lightning{background:radial-gradient(circle at 50% 40%,#eaf6ff,#86b9ea 75%)}.tcard.spell img{object-fit:contain;padding:.35rem .2rem 1rem}.hpbar.hero{border:.14rem solid #4a2a08;border-radius:.5rem;width:5.4rem;height:.85rem;overflow:visible;box-shadow:0 0 0 .1rem #ffd96a}.hpbar.hero i{background:linear-gradient(#ffe680,#f0a015);border-radius:.35rem}.hpbar.hero.low i{background:linear-gradient(#ffb36b,#e8392b)}.hpbar.hero b{border:.13rem solid var(--ink);background:radial-gradient(circle at 40% 35%,#fff36a,#f0a015);border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;font-size:.85rem;display:grid;position:absolute;top:50%;left:-1.25rem;translate:0 -50%}.power-toast{pointer-events:none;white-space:nowrap;animation:1.7s forwards powerToast;top:30%;left:50%;translate:-50% -50%}.power-toast span{color:#ffe066;font-size:2.6rem}.power-toast.broadside span{color:#ffb36b}.power-toast.lightning span{color:#cfe8ff}.power-toast.heal span{color:#b8ff7a}.power-toast.rage span{color:#e2a6ff}.power-toast.fell span{color:#ff9b8f;font-size:2rem}@keyframes powerToast{0%{opacity:0;transform:scale(.4)}14%{opacity:1;transform:scale(1.15)}24%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-2rem)}}.b-hint.pw-hint{color:#ffe9a8}.hero-rest{cursor:pointer;flex-direction:column;align-items:center;gap:.12rem;display:flex;translate:-50% -100%;pointer-events:auto!important}.hero-rest .hr-z{color:#cfe8ff;align-items:flex-end;gap:.05rem;font-size:1rem;font-weight:700;display:flex}.hero-rest .hr-z i{font-style:normal;animation:1.8s ease-in-out infinite zfloat}.hero-rest .hr-z i:nth-child(2){font-size:1.25rem;animation-delay:.3s}.hero-rest .hr-z i:nth-child(3){font-size:1.55rem;animation-delay:.6s}@keyframes zfloat{50%{opacity:.7;transform:translateY(-.35rem)}}.hero-rest .tbar{border:.13rem solid var(--ink);background:#141828bf;border-radius:.45rem;width:5rem;height:.75rem;overflow:hidden}.hero-rest .tbar i{background:linear-gradient(#bfe0ff,#5a8ff0);height:100%;transition:width .3s linear;display:block}.hero-rest span{font-size:.95rem;font-weight:700}.army-powers{border-top:.14rem dashed #6a4a2a59;grid-template-columns:14.5rem 1fr;align-items:start;gap:1rem;margin-top:1rem;padding-top:.9rem;display:grid}.ap-hero{border:.17rem solid var(--ink);background:linear-gradient(#fff6d6,#f3d9a0);border-radius:1.1rem;flex-direction:column;align-items:center;gap:.35rem;padding:.6rem;display:flex;position:relative;box-shadow:inset 0 -.35rem #78501e2e,0 .25rem #0003}.ap-hero.locked{filter:grayscale(.8);opacity:.8}.aph-art{aspect-ratio:1.3;background:radial-gradient(circle at 50% 45%,#fff6d0,#f0b43c 80%);border-radius:.8rem;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.aph-art img{object-fit:contain;width:100%;height:100%}.aph-art em{color:#fff3b0;-webkit-text-stroke:.22em var(--ink);paint-order:stroke fill;font-size:1.05rem;font-style:normal;font-weight:700;position:absolute;top:.3rem;left:.4rem}.aph-info{text-align:center;flex-direction:column;align-items:center;gap:.2rem;display:flex}.aph-name{color:#fff;font-size:1.2rem}.aph-state{color:#fff;align-items:center;gap:.25rem;font-size:.9rem;display:flex}.aph-state .ic{width:1.3rem;height:1.3rem}.aph-state.ready{color:#b8ff7a}.aph-state.rest{color:#cfe8ff}.aph-stats{color:#fff;align-items:center;gap:.5rem;font-size:.8rem;display:flex}.aph-stats span{align-items:center;gap:.15rem;display:inline-flex}.aph-stats .ic{width:1.2rem;height:1.2rem}.aph-wake{padding:.4rem .9rem!important;font-size:.95rem!important}.ap-spells{flex-direction:column;gap:.6rem;display:flex}.ap-head{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.ap-title{align-items:center;gap:.35rem;display:flex}.ap-title .ic{width:2rem;height:2rem}.ap-title b{color:#fff;font-size:1.25rem}.ap-lv{color:#fff;border:.12rem solid var(--ink);background:linear-gradient(#c9a6ff,#7e2be0);border-radius:.6rem;padding:.05rem .45rem;font-size:.85rem;font-weight:700}.ap-cap{width:7rem;height:1.35rem}.ap-queue{flex:1;align-items:center;gap:.35rem;min-height:2.9rem;display:flex}.ap-queue .mini{width:2.9rem;height:2.9rem}.ap-finish{padding:.4rem .9rem!important;font-size:.95rem!important}.cards.spells{grid-template-columns:repeat(3,1fr)}.card.spell .card-art{aspect-ratio:1.45;background:radial-gradient(circle,#f5ecff,#c9b2f0 78%)}.card.spell .card-art img{width:92%;height:92%}.card.spell .have{color:#fff;font-size:1.05rem;font-weight:700;position:absolute;top:.25rem;right:.4rem}.mini.hero{background:radial-gradient(circle at 50% 45%,#fff6d0,#f0b43c 80%);box-shadow:0 0 0 .12rem #ffd96a}.mini.spell{background:radial-gradient(circle at 50% 45%,#f5ecff,#b9a0ec 80%)}.mini.spell img{object-fit:contain;padding:.15rem}.mini.hero.fell img,.mini.hero.resting img{filter:grayscale(.85)brightness(.8)}.mini .ko,.mini .zz{width:1.9rem;height:1.9rem;position:absolute;top:42%;left:50%;translate:-50% -50%}.mini.hero.resting em{font-size:.7rem}@media (max-width:760px){.troopbar{gap:.35rem;max-width:calc(100vw - .8rem);padding:.45rem;bottom:.6rem}.tcard{width:4.7rem;height:5.6rem}.tcard .n{font-size:1rem}.tcard .tname{font-size:.78rem}.tcard .ab .ic{width:1.9rem;height:1.9rem}.tcard .ab b{font-size:.72rem}.tcard .hb{top:1.35rem}.troopbar .tsep{margin:.3rem 0}.end-btn{bottom:8.4rem}.army-powers{grid-template-columns:1fr}.ap-hero{flex-direction:row;align-items:center}.aph-art{flex:none;width:8rem}.aph-info{flex:1}.cards.spells{grid-template-columns:repeat(3,1fr)}}.layer.tut{z-index:30}.layer.toasts{z-index:31}.layer.tut>*{pointer-events:none}.layer.tut>.tut-block{pointer-events:auto}.tut-edge,.tut-ring,.tut-block,.tut-hand{width:0;height:0;position:absolute;top:0;left:0}.tut-dim{opacity:0;transition:opacity .35s;position:absolute;inset:0}.tut-dim svg{display:block}.tut-dim path{fill:#080e20}.tut-dim.on{opacity:1}.tut-edge{--dim:.55;opacity:0;box-shadow:inset 0 0 1.2rem .45rem rgba(8, 14, 32, calc(var(--dim) * .8));transition:opacity .35s}.tut-edge.on{opacity:1}.tut-ring{opacity:0;border:.22rem solid #ffe066;transition:opacity .3s;box-shadow:0 0 1.1rem .15rem #ffd65ab3,inset 0 0 .9rem #ffe07880}.tut-ring.on{opacity:1;animation:1.2s ease-in-out infinite tutRing}@keyframes tutRing{50%{border-color:#fff6c4;box-shadow:0 0 1.9rem .45rem #ffd65ad9,inset 0 0 1.2rem #ffe078b3}}.tut.nudge .tut-ring.on{animation:.45s tutNudge}@keyframes tutNudge{35%{border-color:#fff;box-shadow:0 0 2.6rem .9rem #fff0a0f2,inset 0 0 1.4rem #fff0a0cc}}.tut-hand{opacity:0;transform-origin:0 0;transition:opacity .25s}.tut-hand.on{opacity:1}.tut-hand .th{transform-origin:1.68rem .21rem;filter:drop-shadow(0 .35rem .25rem #00000059);width:4.2rem;height:5.32rem;animation:1s cubic-bezier(.45,0,.55,1) infinite tutTap;position:absolute;top:-.21rem;left:-1.68rem}@keyframes tutTap{0%,to{transform:translateY(1.1rem)}45%{transform:translateY(0)}55%{transform:translateY(.05rem)scale(.92)}}.tut.nudge .tut-hand .th{animation:.4s cubic-bezier(.45,0,.55,1) 2 tutTap}.layer.tut>.tut-guide{opacity:0;align-items:center;width:28.6rem;transition:opacity .25s,top .35s cubic-bezier(.3,1.25,.5,1);display:flex;position:absolute;top:70vh;left:11.4rem}.layer.tut>.tut-guide.in{opacity:1;pointer-events:auto}.layer.tut.off>.tut-guide{opacity:0;pointer-events:none}.tg-face{z-index:1;border:.22rem solid var(--ink);background:radial-gradient(circle at 50% 38%,#fff3d6,#f2c46a 60%,#d9902c);border-radius:50%;flex:none;width:6.8rem;height:6.8rem;margin-right:-1.6rem;position:relative;overflow:hidden;box-shadow:inset 0 -.35rem #0000002e,0 .3rem #0000004d,0 .7rem 1.2rem #00000040}.tg-face img{object-fit:contain;width:150%;height:150%;position:absolute;top:-6%;left:-25%}.tut-guide.in .tg-face{animation:.45s cubic-bezier(.2,1.6,.4,1) tgPop}@keyframes tgPop{0%{transform:scale(.4)}}.tg-bubble{color:#4a3220;background:linear-gradient(var(--panel-a), var(--panel-b));border:.22rem solid var(--ink);border-radius:1.3rem;flex:1;min-width:0;padding:1rem 1.2rem .55rem 2.3rem;position:relative;box-shadow:inset 0 0 0 .2rem #fff3d6,0 .35rem #00000040,0 .9rem 1.8rem #0000004d}.tg-name{color:#fff;border:.18rem solid var(--ink);-webkit-text-stroke:.2em var(--ink);paint-order:stroke fill;background:linear-gradient(#6cc4ff,#2f7fe0 60%,#2364c4);border-radius:.7rem;padding:.08rem .85rem .18rem;font-size:1.05rem;font-weight:700;position:absolute;top:-1.05rem;left:2rem;box-shadow:inset 0 .18rem #fff6,0 .2rem #0000004d}.tg-text{min-height:2.64em;font-size:1.22rem;font-weight:600;line-height:1.32}.tg-text b{color:#d4650f;font-weight:700}.tg-text .rest,.tg-text .rest b{color:#0000}.tg-foot{justify-content:flex-end;align-items:center;gap:.6rem;min-height:1.3rem;margin-top:.1rem;display:flex}.tg-next{color:#a0805c;letter-spacing:.05em;text-transform:uppercase;opacity:0;font-size:.82rem;font-weight:700;transition:opacity .2s}.tut-guide.talk.typed .tg-next{opacity:1;animation:1.1s ease-in-out infinite tgBlink}@keyframes tgBlink{50%{opacity:.45}}.tut-guide.has-act .tg-next{display:none}.tg-skip{color:#fff;border:.14rem solid var(--ink);background:#141828cc;border-radius:.8rem;padding:.15rem .75rem .22rem;font-size:.8rem;font-weight:700;position:absolute;top:-1rem;right:.9rem}.tg-skip.armed{background:linear-gradient(#ff8a7a,#c42316)}.btn.tg-act{margin:.2rem 0 .15rem;padding:.45rem 1rem;font-size:1.05rem;animation:1.1s ease-in-out infinite tgAct}@keyframes tgAct{50%{filter:brightness(1.12);transform:scale(1.07)}}.tg-act .free{color:#8a2be2;-webkit-text-stroke:0;background:#fff36a;border-radius:.4rem;padding:.05rem .4rem;font-size:.78rem}.tut-plus{color:#b8ff7a;-webkit-text-stroke:.22em var(--ink);paint-order:stroke fill;font-size:2rem;font-weight:700;animation:.9s ease-out forwards floatUp;position:absolute;transform:translate(-50%,-50%)}.hud-battle.tut-raid .b-tc,.hud-battle.tut-raid .next-btn,.hud-battle.tut-raid .end-btn,.hud-battle.tut-raid .b-hint,.hud-battle.tut-raid .tcard.empty{display:none}.hud-battle.tut-raid .troopbar:not(:has(.tcard:not(.empty))){display:none}@media (max-width:760px){.layer.tut>.tut-guide{width:auto;left:.8rem;right:.8rem}.tg-face{width:8.4rem;height:8.4rem;margin-right:-1.8rem}.tg-text{font-size:1.5rem}.tg-name,.tg-skip{font-size:1.2rem}.tg-next{font-size:1.05rem}}