.backdrop{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle 748.8px at 50% 50%,#7066b7,#6257a8 52%,#504592)}.backdrop__drift{width:calc(100% + 288px);height:calc(100% + 312px);animation:backdrop-drift-x var(--backdrop-drift-x) linear infinite}.backdrop__stars{width:100%;height:100%;background-size:288px 312px;animation:backdrop-drift-y var(--backdrop-drift-y) linear infinite}.backdrop.is-covered{content-visibility:hidden}@supports not (content-visibility: hidden){.backdrop.is-covered *{animation-play-state:paused}}@keyframes backdrop-drift-x{to{translate:-288px 0}}@keyframes backdrop-drift-y{0%{translate:0 -312px}to{translate:0 0}}@media(prefers-reduced-motion:reduce){.backdrop__drift,.backdrop__stars{animation:none}}.page{grid-area:1 / 1;min-height:0}.page.is-hidden{z-index:-1;content-visibility:hidden}@supports not (content-visibility: hidden){.page.is-hidden{display:none}}.page--enter-forward{animation:page-enter-forward .36s var(--ease-cubic-out)}.page--enter-back{animation:page-enter-back .36s var(--ease-cubic-out)}@keyframes page-enter-forward{0%{translate:72px 0}}@keyframes page-enter-back{0%{translate:-72px 0}}.stage{width:min(100vw,540px);height:100%;display:flex;align-items:flex-end;justify-content:center}.stage__frame{direction:ltr;overflow:clip;border-radius:10px 10px 0 0;box-shadow:0 0 28px #08051d;background:#20154c}.stage__screen{position:relative;width:540px;overflow:hidden;transform-origin:0 0;direction:ltr;line-height:1.2;paint-order:stroke fill}.drop-layer{position:absolute;inset:0;pointer-events:none}.drop-layer__drop{position:absolute;width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);animation:drop-layer-fly var(--flight) linear var(--delay) both}@keyframes drop-layer-fly{0%{translate:0 0;scale:.35;animation-timing-function:cubic-bezier(.12,.62,.3,1)}48%{translate:var(--bx) var(--by);scale:1;animation-timing-function:cubic-bezier(.55,0,.82,.32)}to{translate:var(--tx) var(--ty);scale:.7}}.drop-layer__icon{position:absolute;inset:0;width:100%;height:100%}.drop-layer__shine{position:absolute;left:calc(var(--size) * -.15625);top:calc(var(--size) * -.15625);width:calc(var(--size) * 1.3125);height:calc(var(--size) * 1.3125);animation:drop-layer-shine var(--flight) linear var(--delay) both}.drop-layer__shine--coin{background:radial-gradient(50% 50% at 50% 50.1%,#fff 49%,rgb(255 255 255 / .99) 52%,rgb(255 255 255 / .97) 55%,rgb(255 255 255 / .92) 58%,rgb(255 255 255 / .81) 61%,rgb(255 255 255 / .66) 64%,rgb(255 255 255 / .48) 67%,rgb(255 255 255 / .31) 70%,rgb(255 255 255 / .17) 73%,rgb(255 255 255 / .087) 76%,rgb(255 255 255 / .041) 79%,rgb(255 255 255 / .018) 82%,rgb(255 255 255 / .009) 85%,transparent 88%)}.drop-layer__shine--chip{--rim: 243 248 254;background:radial-gradient(50% 50% at 50.6% 50.6%,#fff 49%,rgb(250 253 255) 52%,rgb(247 251 255 / .98) 55%,rgb(var(--rim) / .94) 58%,rgb(var(--rim) / .85) 61%,rgb(var(--rim) / .71) 64%,rgb(var(--rim) / .53) 67%,rgb(var(--rim) / .34) 70%,rgb(var(--rim) / .19) 73%,rgb(var(--rim) / .096) 76%,rgb(var(--rim) / .047) 79%,rgb(var(--rim) / .021) 82%,rgb(var(--rim) / .01) 85%,transparent 88%)}@keyframes drop-layer-shine{0%,42%{scale:0}84%,to{scale:1}}@media(prefers-reduced-motion:reduce){.drop-layer__drop{animation-duration:1ms}}.currency-pill{position:relative;height:29px;box-sizing:border-box;display:flex;align-items:center;border:1.5px solid rgba(111,98,160,.8);border-radius:15px;background:#4b4279eb}.currency-pill--icon-end{flex-direction:row-reverse}.currency-pill__icon{width:36px;height:36px;flex-shrink:0}.currency-pill--icon-start .currency-pill__icon{margin:0 -12px 0 -24px}.currency-pill--icon-end .currency-pill__icon{margin:0 -20px 0 -16px}.currency-pill__value{flex:1;text-align:center;font:bold 16px/1.2 var(--font-digits);color:#fff8ff;-webkit-text-stroke:2px #302353}.currency-pill__value.is-words{font-family:var(--font-ui)}.currency-pill__fill{position:absolute;inset:2px auto 2px 2px;width:calc((100% - 4px) * var(--progress, 0));border-radius:12px;background:linear-gradient(#f6a6e2,#d061bd);transition:width .6s var(--ease-cubic-out)}.currency-pill__icon,.currency-pill__value{position:relative}.currency-pill.is-claim{border-color:#2f8a1c;background:linear-gradient(#a6f25e,#5cc832 55%,#3ea722);box-shadow:inset 0 1px #ffffff80;animation:currency-pill-glow 1.2s var(--ease-sine-in-out) infinite alternate}.currency-pill.is-claim .currency-pill__value{-webkit-text-stroke-color:#22661a}@keyframes currency-pill-glow{0%{box-shadow:inset 0 1px #ffffff80,0 0 #8cf05a00}to{box-shadow:inset 0 1px #ffffff80,0 0 10px 2px #8cf05ad9}}.commander-flight{position:absolute;inset:0;z-index:4;pointer-events:none}.currency-bar{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,88px);justify-content:center;column-gap:40px;padding:16px 0 3px 16px}.dialog{position:absolute;inset:0;z-index:50;display:grid;place-items:center;padding-bottom:var(--keyboard-inset, 0px);transition:padding-bottom .2s var(--ease-cubic-out)}.dialog:before{content:"";position:absolute;inset:0;z-index:-1;background:#0e0a26b8;animation:dialog-fade .18s ease-out both}.dialog__panel{position:relative;width:460px;max-height:860px;box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:22px 26px 26px;border:3px solid #8075b2;border-radius:28px;background:linear-gradient(#5b4f8a,#3f3768 70%);box-shadow:0 6px #241d45,0 14px 40px #08051d99;color:#fff8ff;font:bold 17px/1.4 var(--font-ui);animation:enter-pop .6s linear both}.dialog__title{text-align:center;font:900 32px/1.2 var(--font-display);color:#fffdf5;-webkit-text-stroke:6px #4b2362}.dialog__close{position:absolute;top:14px;left:14px;width:40px;height:40px;border:2px solid #8075b2;border-radius:50%;background:#34304e;font:bold 20px/1 var(--font-ui);color:#d9d2ff}.dialog-note{text-align:center;color:#d9d2ff;font-size:15px}.dialog-error{padding:8px 12px;border-radius:12px;background:#d9443a40;text-align:center;color:#ffd0cb;font-size:15px}.dialog-field{display:flex;flex-direction:column;gap:6px}.dialog-field__label{font-size:15px;color:#d9d2ff}.dialog-input{height:50px;box-sizing:border-box;padding:0 14px;border:2px solid #2b2450;border-radius:14px;background:#2a2547;box-shadow:inset 0 3px #00000040;color:#fff;font:bold 18px var(--font-ui);-webkit-user-select:text;user-select:text}.dialog-input:focus{outline:none;border-color:#ffd25a}.dialog-input[dir=ltr]{text-align:left}.dialog-button{--button-top: #ffd25a;--button-bottom: #f6a623;--button-edge: #7a3d12;height:56px;padding:0 20px;border:3px solid var(--button-edge);border-radius:18px;background:linear-gradient(var(--button-top),var(--button-bottom));box-shadow:0 5px 0 var(--button-edge);font:900 24px/1 var(--font-display);color:#fff;-webkit-text-stroke:5px var(--button-edge);transition:translate 80ms,box-shadow 80ms}.dialog-button--secondary{--button-top: #8fd3ff;--button-bottom: #3d84e0;--button-edge: #1f3f7a}.dialog-button--danger{--button-top: #ff8a7a;--button-bottom: #d9443a;--button-edge: #6d1d1d}.dialog-button:active:not(:disabled){translate:0 3px;box-shadow:0 2px 0 var(--button-edge)}.dialog-button:disabled{cursor:default;filter:grayscale(.6);opacity:.6}.dialog-button.is-busy{cursor:progress}@keyframes dialog-fade{0%{opacity:0}}.nav-tab{--card-scale: .90726;--icon-lift: 0px;justify-self:center;width:94px;height:158.5px;display:grid;align-items:end;justify-items:center}.nav-tab>*{grid-area:1 / 1}.nav-tab.is-active{--card-scale: 1;--icon-lift: 9.8px;position:relative;z-index:1}.nav-tab:focus-visible{outline:none}.nav-tab:focus-visible .nav-tab__card{filter:drop-shadow(0 0 3px #fff)}.nav-tab__card{width:100px;height:158.5px;display:grid;rotate:var(--tab-tilt);scale:1 var(--card-scale);transform-origin:50% 100%;background:url(/assets/nav-panels.webp) 0% 100% / 318.01% 200% no-repeat;transition:scale .3s var(--ease-cubic-out)}.nav-tab.is-active .nav-tab__card{background-position:94.02% 100%;transition:scale .42s var(--ease-spring)}.nav-tab--league:not(.is-active) .nav-tab__card{opacity:.55}.nav-tab__flash{background:inherit;mix-blend-mode:plus-lighter;opacity:0;animation:nav-tab-flash .14s var(--ease-quad-out)}@keyframes nav-tab-flash{0%{opacity:.8}}.nav-tab__icon{width:92px;height:92px;margin-bottom:60px;display:grid;rotate:var(--tab-tilt);translate:0 calc(-1 * var(--icon-lift));transform-origin:50% 100%;background:url(/assets/nav-icons.webp) no-repeat;background-size:207.29% 207.29%;transition:translate .3s var(--ease-cubic-out),scale .14s var(--ease-quad-out)}.nav-tab--shop .nav-tab__icon{background-position:94.72% 94.72%}.nav-tab--cards .nav-tab__icon{background-position:0% 94.72%}.nav-tab--battle .nav-tab__icon{background-image:url(/assets/nav-battle.webp);background-position:0% 94.72%;clip-path:inset(6.48% 0 0 0)}.nav-tab--league .nav-tab__icon{width:70px;height:70px;margin-bottom:58.3px;background-image:url(/assets/nav-panels.webp);background-size:400% 400%;background-position:0% 33.33%}.nav-tab--ranked .nav-tab__icon{background-position:0% 0%}.nav-tab--league:not(.is-active) .nav-tab__icon{opacity:.65}.nav-tab.is-active .nav-tab__icon{transition:translate .42s var(--ease-spring);animation:nav-tab-icon-pop .52s both}.nav-tab:not(.is-active):active .nav-tab__icon{scale:.9}@keyframes nav-tab-icon-pop{0%{scale:1;animation-timing-function:var(--ease-quad-out)}30%{scale:1.16 1.22;animation-timing-function:var(--ease-sine-in-out)}58%{scale:1.04 .95;animation-timing-function:var(--ease-sine-in-out)}to{scale:1}}.nav-tab__badge{justify-self:start;align-self:start;background:center / contain no-repeat}.nav-tab__badge--alert{width:24px;height:24px;margin:22px 0 0 59px;background-image:url(/assets/nav/badge-alert.svg)}.nav-tab__badge--upgrade{width:30px;height:32px;margin:15px 0 0 56px;background-image:url(/assets/nav/badge-upgrade.svg)}.nav-tab__label{margin-bottom:50px;font:900 20px/1.2 var(--font-display);color:#fff;-webkit-text-stroke:2.5px #34283b;text-shadow:0 1.5px 0 #211b28;white-space:nowrap;animation:nav-tab-label-pop .36s var(--ease-back-out) 60ms both}@keyframes nav-tab-label-pop{0%{scale:0}}.navbar{position:relative;z-index:2;display:grid;grid-template-columns:repeat(7,94px);justify-content:center;align-items:end;margin-bottom:-28px;background:linear-gradient(to top,transparent 28px,rgba(31,21,75,.48) 28px 104px,transparent 104px)}.navbar__edge-card{justify-self:center;width:100px;height:120.6px;opacity:.85;transform-origin:50% 100%;background:url(/assets/nav-panels.webp) 0% 100% / 318.01% 200% no-repeat}.navbar__edge-card--left{rotate:-6.5deg}.navbar__edge-card--right{rotate:6.5deg}.game-button{--button-height: 54px;--button-ink: #22601a;height:var(--button-height);display:grid}.game-button--yellow{--button-ink: #8a4a10}.game-button--red{--button-ink: #8c1f22}.game-button--blue{--button-ink: #2b2f8a}.game-button--pill.game-button--blue{--button-ink: #1d4a86}.game-button:focus-visible{outline:none}.game-button:focus-visible .game-button__face{filter:drop-shadow(0 0 3px #fff)}.game-button__face{display:grid;border-style:solid;border-width:0;border-image:url(/assets/buttons/green.webp) 0 100 fill / 0 calc(var(--button-height) * .39);transition:scale .26s var(--ease-back-out)}.game-button--yellow .game-button__face{border-image:url(/assets/buttons/yellow.webp) 0 126 fill / 0 calc(var(--button-height) * .56)}.game-button--red .game-button__face{border-image:url(/assets/buttons/red.webp) 0 126 fill / 0 calc(var(--button-height) * .56)}.game-button--blue .game-button__face{border-image:url(/assets/unit-info/bitpack-shortcut.webp) 0 126 fill / 0 calc(var(--button-height) * .57)}.game-button--pill .game-button__face{border-image:url(/assets/shop/buttons/medium-green.webp) 0 135 fill / 0 calc(var(--button-height) * .53)}.game-button--pill.game-button--blue .game-button__face{--pill-u: calc(var(--button-height) / 256);--pill-split: calc(var(--button-height) / 2);--pill-cap: calc(var(--pill-u) * 125.62);--pill-mid: calc(var(--pill-u) * 122.8);--pill-shadow: rgba(0, 0, 0, .247) calc(var(--pill-u) * 98.03), rgba(0, 0, 0, .221) calc(var(--pill-u) * 101.03), rgba(0, 0, 0, .188) calc(var(--pill-u) * 108.03), rgba(0, 0, 0, .155) calc(var(--pill-u) * 109.03), rgba(0, 0, 0, .151) calc(var(--pill-u) * 110.03), rgba(0, 0, 0, .041) calc(var(--pill-u) * 113.03), rgba(0, 0, 0, .038) calc(var(--pill-u) * 114.03), transparent calc(var(--pill-u) * 116.03);isolation:isolate;border-image:none;background:radial-gradient(circle at var(--pill-cap) calc(var(--pill-u) * 138.23),var(--pill-shadow)) left / var(--pill-split) 100% no-repeat,radial-gradient(circle at calc(100% - var(--pill-cap)) calc(var(--pill-u) * 138.23),var(--pill-shadow)) right / var(--pill-split) 100% no-repeat,linear-gradient(transparent 50%,rgba(0,0,0,.247) 0 calc(var(--pill-u) * 236.26),rgba(0,0,0,.221) calc(var(--pill-u) * 239.26),rgba(0,0,0,.188) calc(var(--pill-u) * 246.26),rgba(0,0,0,.155) calc(var(--pill-u) * 247.26),rgba(0,0,0,.151) calc(var(--pill-u) * 248.26),rgba(0,0,0,.041) calc(var(--pill-u) * 251.26),rgba(0,0,0,.038) calc(var(--pill-u) * 252.26),transparent calc(var(--pill-u) * 254.26)) center / calc(100% - var(--pill-split) * 2) 100% no-repeat}.game-button--pill.game-button--blue .game-button__face:before{--pill-rings: transparent calc(var(--pill-u) * 94.91 - .36px), #519ade calc(var(--pill-u) * 94.91 + .36px) calc(var(--pill-u) * 101.96 - .36px), #224f81 calc(var(--pill-u) * 101.96 + .36px) calc(var(--pill-u) * 110.03 + .36px), #000 0;--pill-edge: #000 calc(var(--pill-u) * 110.03 - .36px), rgba(0, 0, 0, .08) calc(var(--pill-u) * 110.03 + .36px), rgba(0, 0, 0, .04) calc(var(--pill-u) * 113.57), rgba(0, 0, 0, .012) calc(var(--pill-u) * 118), transparent calc(var(--pill-u) * 121.21);--pill-mask: radial-gradient(circle at var(--pill-cap) var(--pill-mid), var(--pill-edge)) left / var(--pill-split) 100% no-repeat, radial-gradient(circle at calc(100% - var(--pill-cap)) var(--pill-mid), var(--pill-edge)) right / var(--pill-split) 100% no-repeat, linear-gradient(transparent calc(var(--pill-u) * 1.59), rgba(0, 0, 0, .012) calc(var(--pill-u) * 4.8), rgba(0, 0, 0, .04) calc(var(--pill-u) * 9.23), rgba(0, 0, 0, .08) calc(var(--pill-u) * 12.77 - .2px), #000 calc(var(--pill-u) * 12.77 + .2px) calc(var(--pill-u) * 232.83 - .2px), rgba(0, 0, 0, .08) calc(var(--pill-u) * 232.83 + .2px), rgba(0, 0, 0, .04) calc(var(--pill-u) * 236.37), rgba(0, 0, 0, .012) calc(var(--pill-u) * 240.8), transparent calc(var(--pill-u) * 244.01)) center / calc(100% - var(--pill-split) * 2) 100% no-repeat;content:"";grid-area:1 / 1;z-index:-1;background:radial-gradient(circle at var(--pill-cap) var(--pill-mid),var(--pill-rings)) left / var(--pill-split) 100% no-repeat,radial-gradient(circle at calc(100% - var(--pill-cap)) var(--pill-mid),var(--pill-rings)) right / var(--pill-split) 100% no-repeat,linear-gradient(#000 calc(var(--pill-u) * 12.77 - .2px),#224f81 0 calc(var(--pill-u) * 20.84 - .2px),#519ade calc(var(--pill-u) * 20.84 + .2px) calc(var(--pill-u) * 27.89 - .2px),#85ccfd calc(var(--pill-u) * 29.03),#2976ce calc(var(--pill-u) * 212.25),#3a8fd6 calc(var(--pill-u) * 217.54),#519ade calc(var(--pill-u) * 217.71 + .2px) calc(var(--pill-u) * 224.76 - .2px),#224f81 calc(var(--pill-u) * 224.76 + .2px) calc(var(--pill-u) * 232.83 + .2px),#000 0);-webkit-mask:var(--pill-mask);mask:var(--pill-mask)}.game-button:active .game-button__face{scale:.93;transition-duration:70ms;transition-timing-function:var(--ease-quad-out)}.game-button__face>*{grid-area:1 / 1}.game-button__content{place-self:center;display:flex;flex-direction:column;align-items:center;margin-bottom:calc(var(--button-height) * .07);font:900 var(--button-font, calc(var(--button-height) * .39)) / 1.15 var(--font-display);color:#fff;-webkit-text-stroke:var(--button-stroke, calc(var(--button-height) * .075)) var(--button-ink);text-shadow:0 1.5px 0 var(--button-ink)}.game-button__flash{--flash-cap: round(down, var(--button-height) * .39, 1px);--flash-cap-edge: #000 calc(100% - .3px) , transparent calc(100% + .3px) ;--flash-fill: linear-gradient(#fff calc(99.8% - .3px) , rgba(255, 255, 255, 0) calc(99.8% + .3px) );display:grid;grid-template-columns:var(--flash-cap) 1fr var(--flash-cap);direction:ltr;background:var(--flash-fill) center / calc(100% - 2 * (var(--flash-cap) - 1px)) 100% no-repeat;opacity:0}.game-button__flash:before,.game-button__flash:after{--flash-cap-inset: 0%;--flash-cap-shape: radial-gradient(33.3% 12.9% at calc(33.2% + var(--flash-cap-inset)) 50%, var(--flash-cap-edge)), radial-gradient(34.8% 13.4% at calc(94.6% + var(--flash-cap-inset)) 86.6%, var(--flash-cap-edge)), radial-gradient(33.9% 13.1% at calc(93.9% + var(--flash-cap-inset)) 13.1%, var(--flash-cap-edge)), radial-gradient(520.3% 201.2% at calc(472.2% + var(--flash-cap-inset)) -31.7%, var(--flash-cap-edge)), radial-gradient(550.7% 213% at calc(499.2% + var(--flash-cap-inset)) 137.2%, var(--flash-cap-edge)), linear-gradient(90deg, transparent calc(3.2% + var(--flash-cap-inset)), #000 0), linear-gradient(90deg, transparent calc(93.9% + var(--flash-cap-inset)), #000 0), linear-gradient(transparent 5%, #000 0 95.1%, transparent 0);content:"";background:var(--flash-fill);-webkit-mask:var(--flash-cap-shape);-webkit-mask-composite:source-over,source-over,source-over,source-in,source-in,source-in,source-over,source-over;mask:var(--flash-cap-shape);mask-composite:add,add,add,intersect,intersect,intersect,add,add}.game-button__flash:after{--flash-cap-inset: .7%;grid-column:3;scale:-1 1}.game-button--pill .game-button__flash{margin:calc(var(--button-height) * .06) calc(var(--button-height) * .08) calc(var(--button-height) * .14);border-radius:calc(var(--button-height) / 2);background:#ffffffd9}.game-button--pill .game-button__flash:before,.game-button--pill .game-button__flash:after{content:none}.game-button.is-busy{cursor:progress}.game-button.is-busy .game-button__face{filter:saturate(.55) brightness(.92);scale:.95}.game-button.is-busy .game-button__content{animation:game-button-busy .9s var(--ease-sine-in-out) infinite alternate}@keyframes game-button-busy{to{opacity:.45}}.game-button:disabled{cursor:default}.game-button:disabled .game-button__face{filter:grayscale(1) brightness(.92);scale:1}.arena-capsule{--arena-capsule-x: calc(var(--arena-capsule-cap) * .8623);--arena-capsule-ring: transparent calc(76.4% - .39px) , rgb(173 150 118) calc(76.4% + .39px) calc(87.81% - .4px) , rgb(83 38 26) calc(87.81% + .4px) calc(100% - .33px) , rgb(0 0 0 / .28) calc(100% + .33px) 100.54%, rgb(0 0 0 / .11) 102.19%, transparent 103.12%;--arena-capsule-shade: rgb(0 0 0 / .134) 100%, rgb(0 0 0 / .101) 105.61%, rgb(0 0 0 / .044) 109.75%, rgb(0 0 0 / .024) 115.67%, rgb(0 0 0 / .007) 121.95%, transparent 130.48%;position:relative;isolation:isolate}.arena-capsule:before,.arena-capsule:after{content:"";position:absolute;inset:0;z-index:-1}.arena-capsule:before{background:linear-gradient(transparent 7.73%,rgb(0 0 0 / .099) 8.1%,rgb(0 0 0 / .255) 8.75%,rgb(0 0 0 / .25) calc(8.97% - .09px),rgb(83 38 26) calc(8.97% + .09px) calc(13.76% - .41px),rgb(173 150 118) calc(13.76% + .41px) calc(18.34% - .25px),rgb(163 122 84) calc(18.34% + .25px),rgb(177 148 110) calc(79.04% - .44px),rgb(173 150 118) calc(79.04% + .44px) calc(83.27% - .34px),rgb(83 38 26) calc(83.27% + .34px) calc(88.31% - .14px),rgb(0 0 0 / .25) calc(88.31% + .14px),rgb(0 0 0 / .255) 88.52%,rgb(0 0 0 / .099) 89.18%,transparent 89.55%),linear-gradient(transparent -.79%,rgb(0 0 0 / .007) 2.55%,rgb(0 0 0 / .024) 5%,rgb(0 0 0 / .044) 7.31%,rgb(0 0 0 / .101) 8.93%,rgb(0 0 0 / .134) 11.12% 89.23%,rgb(0 0 0 / .101) 91.42%,rgb(0 0 0 / .044) 93.04%,rgb(0 0 0 / .024) 95.35%,rgb(0 0 0 / .007) 97.8%,transparent 101.13%);-webkit-mask:linear-gradient(90deg,transparent var(--arena-capsule-x),#000 0 calc(100% - var(--arena-capsule-x)),transparent 0);mask:linear-gradient(90deg,transparent var(--arena-capsule-x),#000 0 calc(100% - var(--arena-capsule-x)),transparent 0)}.arena-capsule:after{background:radial-gradient(calc(var(--arena-capsule-cap) * .6827) 39.66% at var(--arena-capsule-x) 48.64%,var(--arena-capsule-ring)),radial-gradient(calc(var(--arena-capsule-cap) * .6827) 39.66% at calc(100% - var(--arena-capsule-x)) 48.64%,var(--arena-capsule-ring)),linear-gradient(transparent 28.07%,rgb(165 126 88) 28.07%,rgb(175 144 106) 69.21%,transparent 69.21%) calc(var(--arena-capsule-cap) * .3115) 0 / calc(100% - var(--arena-capsule-cap) * .623) 100% no-repeat,linear-gradient(transparent 18.93%,rgb(163 122 85) 18.93%,rgb(177 148 110) 78.36%,transparent 78.36%) calc(var(--arena-capsule-cap) * .4475) 0 / calc(100% - var(--arena-capsule-cap) * .895) 100% no-repeat,linear-gradient(transparent 17.79%,rgb(163 122 84) 17.79%,rgb(177 148 110) 79.5%,transparent 79.5%) calc(var(--arena-capsule-cap) * .6) 0 / calc(100% - var(--arena-capsule-cap) * 1.2) 100% no-repeat,radial-gradient(calc(var(--arena-capsule-cap) * .6727) 39.06% at var(--arena-capsule-x) 50.17%,var(--arena-capsule-shade)),radial-gradient(calc(var(--arena-capsule-cap) * .6727) 39.06% at calc(100% - var(--arena-capsule-x)) 50.17%,var(--arena-capsule-shade));-webkit-mask:linear-gradient(90deg,#000 var(--arena-capsule-x),transparent 0 calc(100% - var(--arena-capsule-x)),#000 0);mask:linear-gradient(90deg,#000 var(--arena-capsule-x),transparent 0 calc(100% - var(--arena-capsule-x)),#000 0)}@property --level-progress{syntax: "<number>"; inherits: true; initial-value: 0;}@property --level-gain{syntax: "<number>"; inherits: true; initial-value: 0;}.level-progress-bar{--bar-height: var(--level-bar-height, 40px);--badge-size: var(--level-badge-size, calc(var(--bar-height) * 1.4));--half: calc(var(--badge-size) / 2);--visible: calc(100% - var(--badge-size));--base: calc(var(--level-progress) - var(--level-gain));--track-side: calc(var(--bar-height) * .526);--track-body: 57, 65, 98;--track-ring: 39, 48, 82;width:100%;height:var(--badge-size);display:grid;align-items:center}.level-progress-bar>*{grid-area:1 / 1;justify-self:start}.level-progress-bar:before,.level-progress-bar:after{content:"";grid-area:1 / 1;order:-1;height:var(--bar-height);border:0 solid transparent;background:var(--track-end-edge),radial-gradient(23.33% 2.46% at var(--track-end-x) 0,rgb(var(--track-ring)) 30%,transparent),radial-gradient(23.33% 2.46% at var(--track-end-x) 100%,rgb(var(--track-ring)) 30%,transparent),radial-gradient(95% 50% at var(--track-end-x) 50%,rgb(var(--track-body)) 80.7%,#374062 84.91%,rgb(var(--track-ring)) 91.58% 95.79%,rgba(var(--track-ring),.82) 98.25%,rgba(var(--track-ring),.54) 100%,rgba(var(--track-ring),.19) 101.75%,transparent 103.86%);background-origin:border-box}.level-progress-bar:before{--track-end-x: 95%;--track-end-edge: radial-gradient(4.67% 7.89% at 0 50%, rgb(var(--track-ring)) 30%, transparent);justify-self:start;margin-left:var(--half);border-left-width:var(--track-side)}.level-progress-bar:after{--track-end-x: 3%;--track-end-edge: none;justify-self:end;border-right-width:var(--track-side)}.level-progress-bar__track,.level-progress-bar__gain,.level-progress-bar__fill{height:var(--bar-height);margin-left:var(--half);border-style:solid;border-width:0}.level-progress-bar__track{width:calc(100% - var(--half));box-sizing:border-box;border-width:0 var(--track-side);border-color:transparent;background:linear-gradient(90deg,transparent 14.29%,rgb(var(--track-ring)) 14.55% 15.02%,transparent 15.29% 32.39%,rgb(var(--track-ring)) 32.65% 33.12%,transparent 33.39% 50.59%,rgb(var(--track-ring)) 50.85% 51.32%,transparent 51.59% 68.83%,rgb(var(--track-ring)) 69.09% 69.56%,transparent 69.83% 87.12%,rgb(var(--track-ring)) 87.38% 87.85%,transparent 88.12%) padding-box,linear-gradient(rgb(var(--track-ring)) 4.39%,#374062 6.14% 7.89%,rgb(var(--track-body)) 9.65% 88.6%,#384060 90.35% 92.11%,#343a68 93.86%,#292d52 95.61%) padding-box}.level-progress-bar__gain{--gain-orange: #da6200;--gain-yellow: rgb(253.5 224 113);--gain-stripe: rgb(254.6 238.4 185.5);width:calc(min(1,var(--level-progress) * 1000) * var(--half) + var(--level-progress) * var(--visible));display:flex;border-image:linear-gradient(90deg,var(--gain-orange) 35.71%,rgb(223.5 119.1 27.8) 50%,rgb(247.3 210.3 148.4) 64.29%,var(--gain-stripe) 78.57%) 0 0 0 100% / 0 0 0 calc(var(--bar-height) * .1)}.level-progress-bar__gain:before,.level-progress-bar__gain:after{content:"";border:0 solid transparent}.level-progress-bar__gain:before{flex:1;border-left-width:calc(var(--bar-height) * .1);background:linear-gradient(var(--gain-orange) 9.7%,rgb(218 98 0 / .43) 11.19%,transparent 12.69% 87.31%,rgb(218 98 0 / .45) 88.81%,var(--gain-orange) 90.3%) border-box,linear-gradient(90deg,rgb(254.6 238.4 185.5 / .31) .23%,transparent .69%) padding-box,linear-gradient(90deg,rgb(253.5 224 113 / .9) .23%,rgb(253.5 224 113 / .87) .69%,rgb(253.5 224 113 / .53) 2.55%,rgb(253.5 224 113 / .18) 4.4%,rgb(253.5 224 113 / .06) 5.32%,transparent 6.71%) padding-box,linear-gradient(transparent 16.42%,rgb(255 255 255 / .14) 20.9%,rgb(255 255 255 / .5) 27.01%,rgb(255 255 255 / .89) 33.58%,#fff 39.55% 60.45%,rgb(255 255 255 / .89) 66.42%,rgb(255 255 255 / .5) 72.99%,rgb(255 255 255 / .14) 79.1%,transparent 83.58%) padding-box,linear-gradient(90deg,transparent 17.36%,var(--gain-stripe) 17.89% 18.99%,transparent 19.67% 36.34%,var(--gain-stripe) 37.19% 38.13%,transparent 38.66% 55.4%,var(--gain-stripe) 56.29% 57.15%,transparent 58.05% 74.53%,rgb(254.6 238.4 185.5 / .91) 75.38% 76.14%,transparent 77.07% 93.75%,var(--gain-stripe) 94.46% 95.45%,transparent 96.06%) padding-box,linear-gradient(var(--gain-yellow) 0 0) padding-box;background-repeat:no-repeat}.level-progress-bar__gain:after{border-right-width:calc(var(--bar-height) * .49);background:radial-gradient(98.48% 50% at -1.52% 50%,#fff 20.9%,rgb(255 255 255 / .89) 32.84%,rgb(255 255 255 / .5) 45.97%,rgb(255 255 255 / .14) 58.21%,transparent 67.16%) border-box,radial-gradient(101.52% 50% at -1.52% 50%,var(--gain-yellow) 73.88%,rgb(247.1 201.3 92.7) 76.12%,rgb(228 133.7 32) 79.1%,rgb(220.9 108.5 9.4) 80.6%,var(--gain-orange) 82.09% 96.27%,rgb(218 98 0 / .81) 98.51%,rgb(218 98 0 / .24) 101.49%,rgb(218 98 0 / .05) 102.99%,transparent 104.48%) border-box;background-repeat:no-repeat}.level-progress-bar__fill{width:calc(min(1,var(--base) * 1000) * var(--half) + var(--base) * var(--visible));border-image:url(/assets/level-bar/fill.webp) 4 32 fill / calc(var(--bar-height) * .077) calc(var(--bar-height) * .6)}.level-progress-bar.is-ready .level-progress-bar__fill{--fill-band: calc(var(--bar-height) * .077);--fill-cap: calc(var(--bar-height) * .6);display:grid;border-image:linear-gradient(#16580b 2.63%,#31731c,#a0e263 6.14%,#a9f266 8.16%,#a6ee63 16.49%,#95e559 20.35%,#45c126 28.77%,#2bb601 36.67%,#77da00 61.32%,#90e229 68.86%,#a9ee65 80.18%,#a7ee65 92.11%,#92cd58,#261,#155911,#215511dd 99.12%) 7.02% 0 fill / var(--fill-band) var(--fill-cap)}.level-progress-bar.is-ready .level-progress-bar__fill:before,.level-progress-bar.is-ready .level-progress-bar__fill:after{content:"";grid-area:1 / 1}.level-progress-bar.is-ready .level-progress-bar__fill:before{background:linear-gradient(#10a400 16.67%,#04a700 21.93%,#00a100,#11ab00,#1fb200,#27b504,#3b0 39.47%,#42c202,#53cb00,#63d201,#73d900,#7bdb0c,#86de11 71.05%,#93e02c 78.07%);-webkit-mask:linear-gradient(transparent 41%,rgb(0 0 0 / .9) 48%,rgb(0 0 0 / .6) 50.5%,rgb(0 0 0 / .6) 56.5%,transparent 58.5%) 0 0 / .5px 100% no-repeat;mask:linear-gradient(transparent 41%,rgb(0 0 0 / .9) 48%,rgb(0 0 0 / .6) 50.5%,rgb(0 0 0 / .6) 56.5%,transparent 58.5%) 0 0 / .5px 100% no-repeat;border-image:radial-gradient(49.12% 49.46% at 49.34% 49.82%,transparent 20%,rgb(168 239 101 / .023) 26%,rgb(173 239 89 / .123) 32%,rgb(172 240 102 / .259) 38%,rgb(169 238 100 / .456) 44%,rgb(168 238 100 / .656) 50%,rgb(168 238 101 / .816) 56%,rgb(168 238 102 / .927) 62%,rgb(169 238 102 / .984) 68%,#a9ef66 74%,#a9ef65 86%,rgb(154 220 94 / .95) 88%,rgb(95 157 62 / .9) 90%,rgb(37 104 26 / .975) 92%,rgb(23 82 15 / .98) 94%) 7.35% 55.79% 7.27% 55.09% / var(--fill-band) var(--fill-cap);-webkit-mask-box-image:radial-gradient(49.19% 50.37% at 49.36% 49.79%,#000 94%,rgb(0 0 0 / .98) 96%,rgb(0 0 0 / .956) 97%,rgb(0 0 0 / .852) 98%,rgb(0 0 0 / .755) 99%,rgb(0 0 0 / .56) 100%,rgb(0 0 0 / .372) 101%,rgb(0 0 0 / .202) 102%,rgb(0 0 0 / .088) 103%,rgb(0 0 0 / .028) 104%,transparent 106%) 7.27% 53.73% 7.4% 53.13% / var(--fill-band) var(--fill-cap)}.level-progress-bar.is-ready .level-progress-bar__fill:after{border-image:repeating-linear-gradient(90deg,transparent 13.92%,rgb(29 162 33 / .48) 14.36%,rgb(29 162 33 / .48) 14.56%,transparent 15%,transparent 32.3%) 0 fill / 0 var(--fill-cap);-webkit-mask-box-image:linear-gradient(transparent 4.39%,#000 6.14%,#000 92.11%,rgb(0 0 0 / .8) 93.86%,transparent 95.61%) 7.02% 0 fill / var(--fill-band) 0}.level-progress-bar__label,.level-progress-bar__badge{position:relative}.level-progress-bar__label{justify-self:center;margin-left:var(--half);font:900 calc(var(--bar-height) * .43) / 1 var(--font-digits);color:#fff;-webkit-text-stroke:calc(var(--bar-height) * .0875) #1f2a4a;direction:rtl;white-space:nowrap}.level-progress-bar__label.is-words{font-family:var(--font-display)}.level-progress-bar__badge{width:var(--badge-size);height:var(--badge-size);display:grid;place-items:center;background:var(--level-badge) center / contain no-repeat;font:900 calc(var(--badge-size) * .5) / 1 var(--font-digits);color:#fff;-webkit-text-stroke:calc(var(--badge-size) * .075) #6b2a10}.level-progress-bar.is-ready .level-progress-bar__badge{-webkit-text-stroke-color:#1d4f10}.level-progress-bar__badge.is-level-up{animation:level-progress-bar-pop .45s var(--ease-smoothstep) both}@keyframes level-progress-bar-pop{0%{scale:1}30%{scale:1.45}60%{scale:.9}80%{scale:1.05}to{scale:1}}.level-progress{display:grid}.level-progress>*{grid-area:1 / 1;justify-self:start;align-self:start}.level-progress__bar{--level-bar-height: 26.5px;--level-badge-size: 50px;width:132px;margin:138px 0 0 -9px}.level-progress__arrow{width:42px;height:43px;margin:143px 0 0 23.7px;background:url(/assets/collection/upgrade-arrow.webp) center / contain no-repeat;animation:upgrade-arrow-float 1s var(--ease-smoothstep) infinite}.unit-card{width:125px;height:189px;display:grid;grid-template:100% / 100%}.unit-card>*,.unit-card__visual>*{position:relative;grid-area:1 / 1}.unit-card:focus-visible{outline:none}.unit-card:focus-visible .unit-card__visual{filter:drop-shadow(0 0 4px #fff)}.unit-card__visual{display:grid;grid-template:100% / 100%}.unit-card__panel{background:url(/assets/collection/card-common.webp) center / 100% 100% no-repeat}.unit-card--rare .unit-card__panel{background-image:url(/assets/collection/card-rare.webp)}.unit-card--epic .unit-card__panel{background-image:url(/assets/collection/card-epic.webp)}.unit-card--legendary .unit-card__panel{background-image:url(/assets/collection/card-legendary.webp)}.unit-card.is-locked .unit-card__panel{filter:brightness(.5)}.unit-card__thumb{display:grid;transform-origin:64px 143.6px;animation:unit-card-bob 1.833s var(--ease-smoothstep) infinite}.unit-card__unit{justify-self:start;align-self:start;width:var(--thumb-width);height:var(--thumb-height);margin-top:calc(67px - var(--thumb-pivot-y) * var(--thumb-height));margin-left:calc(64px - var(--thumb-pivot-x) * var(--thumb-width))}@keyframes unit-card-bob{0%,to{rotate:-3deg;scale:1.03 .97}24.5%{scale:.97 1.03}50%{rotate:3deg;scale:1.03 .97}74.5%{scale:.97 1.03}}.unit-card__name{align-self:start;justify-self:center;margin-top:120px;font:900 18px/24px var(--font-display);color:#fff;-webkit-text-stroke:3.5px #3d2b3c;text-shadow:0 1.5px 0 #3d2b3c;white-space:nowrap}.unit-card__equipped{justify-self:start;align-self:start;width:30px;height:30px;margin:9px 0 0 9px;background:url(/assets/collection/equipped-tick.webp) center / contain no-repeat}.unit-card__mastery{justify-self:start;align-self:start;width:40px;height:40px;margin:-11px 0 0 95px;display:grid;place-items:center;padding-top:2px;box-sizing:border-box;background:url(/assets/collection/mastery-star.webp) center / contain no-repeat;font:900 18px/1 var(--font-digits);color:#fff;-webkit-text-stroke:3.5px #22307a}.unit-card__chains{align-self:center;justify-self:center;width:140px;height:196px;translate:0 -7px;background:url(/assets/collection/card-chains.webp) center / 100% 100% no-repeat}.unit-card__arena{--arena-capsule-cap: 27px;align-self:start;justify-self:center;width:110px;height:47px;margin-top:143px;box-sizing:border-box;display:grid;place-items:center;padding-bottom:3px;font:900 17px/1 var(--font-display);color:#fbe7a1;-webkit-text-stroke:3.5px #5a3a1d;white-space:nowrap}.unit-card--appear .unit-card__visual{animation:unit-card-appear 167ms var(--ease-smoothstep) both}@keyframes unit-card-appear{0%{scale:1.05}50%{scale:.98}to{scale:1}}.unit-card.is-ready-to-change .unit-card__visual{animation:unit-card-rock 1s var(--ease-smoothstep) -.25s infinite}@keyframes unit-card-rock{0%,to{rotate:3deg}50%{rotate:-3deg}}.unit-card__change-arrow{align-self:end;justify-self:center;width:64px;height:65px;margin-bottom:-34px;background:url(/assets/collection/change-arrow.webp) center / contain no-repeat;animation:unit-card-arrow-in .1s linear both}@keyframes unit-card-arrow-in{0%{opacity:0}}.unit-dropdown{position:absolute;top:-15px;left:-15px;z-index:2;width:125px;display:flex;flex-direction:column;align-items:center;padding:15px 15px 19px}.unit-dropdown:before{content:"";position:absolute;inset:2px 2px 4px;z-index:-1;translate:0 -.17px;border:1px solid transparent;border-radius:13px 13px 14.75px 14.75px/12.5px 12.5px 15.5px 15.5px;background:linear-gradient(#a66f6e 2.2px,#a87371 12.2px,#b9968d calc(100% - 16.8px),#bc9d92 calc(100% - 1.3px)) padding-box,linear-gradient(transparent calc(100% - 13.3px),#433a3a calc(100% - 7.8px)) border-box #675656;box-shadow:inset .125px 0 #5c4b4b,inset -.125px 0 #5c4b4b,inset 0 -.25px 0 1.25px #bea29c,0 4px 0 -1px #00000054}.unit-dropdown__actions{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:-6.2px;animation:unit-dropdown-drop 167ms both}.unit-dropdown__button{--button-height: 54px;width:131px}@keyframes unit-dropdown-drop{0%{margin-top:-15px;animation-timing-function:cubic-bezier(.33,.33,.67,1)}40%{margin-top:-3.8px;animation-timing-function:var(--ease-smoothstep)}to{margin-top:-6.2px}}.card-slot{position:relative}.card-slot.is-raised{z-index:4}.collection-tabs{position:relative;z-index:1;display:flex;justify-content:center;gap:10px}.collection-tab{width:238px;height:52px;display:grid;isolation:isolate}.collection-tab:before{--tab-shape: radial-gradient(21.3px 20.95px at 21.3px 21px, #000 calc(100% - .35px) , transparent calc(100% + .35px) ) 0 0 / 22px 22px no-repeat, radial-gradient(21.25px 20.95px at right 21.15px top 21px, #000 calc(100% - .35px) , transparent calc(100% + .35px) ) 100% 0 / 22px 22px no-repeat, linear-gradient(rgb(0 0 0 / .88) .25px, #000 .75px) top / calc(100% - 42px) 100% no-repeat, linear-gradient(#000 0 0) bottom / 100% calc(100% - 21px) no-repeat;content:"";grid-area:1 / 1;z-index:-1;background:radial-gradient(circle 19.22px at 21.3px 21.36px,transparent 18.8px,var(--tab-edge) 19.64px) 0 0 / 22px 22px no-repeat,radial-gradient(19.31px 19.02px at right 21.3px top 21.16px,transparent calc(100% - .42px),var(--tab-edge) calc(100% + .42px)) 100% 0 / 22px 22px no-repeat,linear-gradient(var(--tab-edge) 1.72px,transparent 2.57px) top / calc(100% - 44px) 100% no-repeat,linear-gradient(to right,var(--tab-edge) 1.69px,transparent 2.47px calc(100% - 2.38px),var(--tab-edge) calc(100% - 1.6px)) bottom / 100% calc(100% - 22px) no-repeat,var(--tab-fill);-webkit-mask:var(--tab-shape);mask:var(--tab-shape)}.collection-tab--units{--tab-edge: #754848;--tab-fill: linear-gradient(to top, #5a5e7b 1.5px, #a89c7e 2.25px)}.collection-tab--units.is-active{--tab-fill: linear-gradient(#fee595 3.25px, #feda8e 6.25px, #fed38b 8.25px, #ffcd85 10.75px, #ffc27f 13.25px, #ffbc78 15.75px, #ff9d65 25.25px, #ffaf71 100%)}.collection-tab--spells{--tab-edge: #485a74;--tab-fill: linear-gradient(to top, #754847 1.5px, #6f9eba 2.25px)}.collection-tab--spells.is-active{--tab-fill: linear-gradient(#a6e5f7 2.75px, #99e0fb 5.38px, #86d6fc 8.75px, #7bd0fb 10.75px, #57c0fc 17.63px, #4fbafc 19.5px, #50bcfc 22.25px, #73c5f6 51.75px)}.collection-tab[aria-disabled]{cursor:default}.collection-tab:focus-visible{outline:none;filter:drop-shadow(0 0 3px #fff)}.collection-tab>*{grid-area:1 / 1}.collection-tab__content{place-self:center;display:flex;align-items:center;gap:6px;margin-top:2px}.collection-tab__lock{width:34px;height:32px;background:url(/assets/collection/tab-lock.webp) center / contain no-repeat}.collection-tab__label{font:900 25px/1 var(--font-display);color:#fff;-webkit-text-stroke:4.5px #6b3a1e;text-shadow:0 1.5px 0 #6b3a1e}.collection-tab--spells .collection-tab__label{-webkit-text-stroke-color:#2e4258;text-shadow:0 1.5px 0 #2e4258}.collection-tab__badge{justify-self:end;align-self:center;width:42px;height:43px;margin-right:2px;background:url(/assets/collection/upgrade-arrow.webp) center / contain no-repeat;animation:upgrade-arrow-float 1s var(--ease-smoothstep) infinite}.collection-title{width:361px;height:54px;display:grid;grid-template-columns:1fr 94px;align-items:center;justify-items:center;border-style:solid;border-width:0;border-image:url(/assets/collection/title-ribbon.webp) 0 406 0 78 fill / 0 94px 0 18px;font:900 23px/1 var(--font-display);color:#fff;-webkit-text-stroke:4px #6b3410;text-shadow:0 1.5px 0 #6b3410}.collection-title__label{padding-left:28px;margin-bottom:3px}.collection-title__count{margin:0 6px 3px 0;font-size:21px;font-family:var(--font-digits)}.deck-panel{position:relative;isolation:isolate;margin:-11px -60px 0}.deck-panel:before{content:"";position:absolute;inset:11px 14px 17px;z-index:-1;border-radius:15.5px;background:linear-gradient(#feaf70 17px,#fee092 calc(32.95% + 6.13px),#feef9c calc(56.27% - 1.57px),#fecc7b calc(83.97% - 10.71px),#fec065 calc(100% - 16px),#ffbc5e calc(100% - 9.9px),#fed782 calc(100% - 2.73px),#ffdf8d calc(100% - 1.29px));box-shadow:inset 0 -.22px 0 .58px #754848,0 -.22px 0 1.05px #754848,0 -.27px 0 1.2px #0000006b,0 1.8px 8.9px -1.75px #000000a1}.deck-panel__cards{display:grid;grid-template-columns:repeat(4,125px);justify-content:center;column-gap:5px;padding:36px 0 50px}.cards-screen{height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding-top:18px}.cards-screen__header{position:relative;z-index:2;display:flex;flex-direction:column}.cards-screen__browser{flex:1;min-height:0;overflow:hidden auto;overscroll-behavior:contain;scrollbar-width:none}.cards-screen__browser::-webkit-scrollbar{display:none}.cards-screen__collection{position:relative;min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:14px 0 36px}.cards-screen__grid{display:grid;grid-template-columns:repeat(4,125px);column-gap:5px;row-gap:23px;margin-top:26px}.cards-screen__overlay{position:absolute;inset:0;z-index:3;background:#160d3299;animation:cards-screen-overlay-in 167ms var(--ease-smoothstep) both}@keyframes cards-screen-overlay-in{0%{opacity:0}}.cards-screen__status{display:flex;flex-direction:column;align-items:center;gap:18px;padding-top:80px;font:900 20px/1 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #3b2a6e;direction:rtl}.cards-screen__retry{--button-height: 64px;--button-font: 21px;width:170px}.close-button{position:relative;isolation:isolate;width:150px;height:75px;padding-bottom:8px;font:900 26px/1 var(--font-display);color:#fff;-webkit-text-stroke:5px #8b1d22;transition:scale 80ms}.close-button:before,.close-button:after{content:"";position:absolute;z-index:-1}.close-button:before{inset:7px 8px 10px;border-radius:28.8px/29.3px;scale:1 .991;box-shadow:0 0 .5px 3.41px #732525,0 .45px 2.85px 3.93px #0003,0 4.56px 1.55px 3.9px #0003}.close-button:after{inset:6px 7px 9px;padding:1px;border-radius:29.4px/29.6px;scale:1 .9925;background:linear-gradient(#ffc1c1 1.5px,#ff6e6e 28.7px,#f04140 56.1px,#fd6b6b 57.9px) padding-box content-box;box-shadow:inset 0 .06px .35px 2.1px #fd6b6b}.close-button:active{scale:.94}.close-button:focus-visible{outline:2px solid #fff;outline-offset:-8px;border-radius:24px}.shine-glow{--shine-color: 255 255 255;position:absolute;left:50%;top:50%;width:180px;height:180px;margin:-90px 0 0 -90px;pointer-events:none}.shine-glow:before,.shine-glow--double:after{content:"";position:absolute;inset:0;background:radial-gradient(closest-side,rgb(var(--shine-color) / .95),rgb(var(--shine-color) / .4) 45%,transparent);-webkit-mask:url(/assets/effects/glow-rays.webp) center / contain no-repeat;mask:url(/assets/effects/glow-rays.webp) center / contain no-repeat;animation:shine-glow-front 19.017s linear infinite}.shine-glow--double:after{z-index:-1;opacity:.8;animation-name:shine-glow-back}.green-pill{--green-pill-cap: 23.4375%;--green-pill-x: calc(var(--green-pill-cap) * .8765);--green-pill-size: calc(var(--green-pill-cap) * .7) 40%;--green-pill-profile: linear-gradient( transparent 0%, rgb(0 0 0 / .034) 6.19%, rgb(23 54 25 / .582) 7.21%, #286533 8.12%, #296832 10.9%, #9ee95f 12.29%, #a5ed5f 14.8%, #dbfaa7 16.42%, #8de35c 51.19%, #30b636 80.53%, #98e461 81.88%, #aef55b 84.29%, #286433 86.29%, #286733 89.07%, rgb(11 25 12 / .397) 90.01%, rgb(0 0 0 / .131) 90.92%, rgb(0 0 0 / .068) 93.18%, transparent 97.14% );--green-pill-ring: transparent 79.77%, #a3ee60 84.57%, #a2ec5f 89.94%, #296834 94.41%, #296535 100.88%, #001700 106.06%, #000 128.57%, transparent 0;--green-pill-rim: #000 100.92%, transparent 105.57%;--green-pill-shadow: rgb(0 0 0 / .133) 102.91%, rgb(0 0 0 / .108) 104.62%, rgb(0 0 0 / .052) 109.88%, rgb(0 0 0 / .026) 114.23%, rgb(0 0 0 / .005) 119.06%, transparent 122.49%;isolation:isolate}.green-pill:before,.green-pill:after{content:"";position:absolute;inset:0;z-index:-1;background:var(--green-pill-profile)}.green-pill:before{background:radial-gradient(var(--green-pill-size) at var(--green-pill-x) 48.5%,var(--green-pill-ring)),radial-gradient(var(--green-pill-size) at calc(100% - var(--green-pill-x)) 48.5%,var(--green-pill-ring)),var(--green-pill-profile);-webkit-mask:linear-gradient(90deg,#000 var(--green-pill-x),transparent 0 calc(100% - var(--green-pill-x)),#000 0),radial-gradient(var(--green-pill-size) at var(--green-pill-x) 48.5%,var(--green-pill-rim)),radial-gradient(var(--green-pill-size) at var(--green-pill-x) 49.86%,var(--green-pill-shadow)),radial-gradient(var(--green-pill-size) at calc(100% - var(--green-pill-x)) 48.5%,var(--green-pill-rim)),radial-gradient(var(--green-pill-size) at calc(100% - var(--green-pill-x)) 49.86%,var(--green-pill-shadow));-webkit-mask-composite:source-in,source-over,source-over,source-over,source-over;mask:linear-gradient(90deg,#000 var(--green-pill-x),transparent 0 calc(100% - var(--green-pill-x)),#000 0),radial-gradient(var(--green-pill-size) at var(--green-pill-x) 48.5%,var(--green-pill-rim)),radial-gradient(var(--green-pill-size) at var(--green-pill-x) 49.86%,var(--green-pill-shadow)),radial-gradient(var(--green-pill-size) at calc(100% - var(--green-pill-x)) 48.5%,var(--green-pill-rim)),radial-gradient(var(--green-pill-size) at calc(100% - var(--green-pill-x)) 49.86%,var(--green-pill-shadow));mask-composite:intersect,add,add,add,add}.green-pill:after{-webkit-mask:linear-gradient(90deg,transparent var(--green-pill-x),#000 0 calc(100% - var(--green-pill-x)),transparent 0);mask:linear-gradient(90deg,transparent var(--green-pill-x),#000 0 calc(100% - var(--green-pill-x)),transparent 0)}.green-pill--sliced:after{background:var(--green-pill-profile) 0 0 / var(--green-pill-cap) 100% no-repeat,var(--green-pill-profile) 50% 0 / calc(100% - 2 * var(--green-pill-cap)) 100% no-repeat,var(--green-pill-profile) 100% 0 / var(--green-pill-cap) 100% no-repeat}.close-icon-button{width:46px;height:46px;display:grid;background:url(/assets/popups/close.webp) center / contain no-repeat;transition:scale .26s var(--ease-back-out)}.close-icon-button:active{scale:.9;transition-duration:70ms;transition-timing-function:var(--ease-quad-out)}.close-icon-button:focus-visible{outline:none;filter:drop-shadow(0 0 3px #fff)}.close-icon-button__flash{--flash-edge: #fff 95.8%, #fff0 104.2%;margin:5px 5px 7px;background:radial-gradient(28.8% 28.8% at 28.3% 28.3%,var(--flash-edge)),radial-gradient(28.8% 28.8% at 71.7% 28.3%,var(--flash-edge)),radial-gradient(28.8% 28.8% at 28.3% 71.7%,var(--flash-edge)),radial-gradient(28.8% 28.8% at 71.7% 71.7%,var(--flash-edge)),linear-gradient(#fff 0 0) center / 100% 43.4% no-repeat,linear-gradient(#fff 0 0) center / 43.4% 100% no-repeat;opacity:0}.bobber{display:block;transform-origin:var(--bobber-origin, 50% 100%);animation:bobber 2s var(--ease-sine-in-out) infinite}@keyframes bobber{0%,to{rotate:3.5deg;scale:1.02 .98}25%,75%{scale:.98 1.02}50%{rotate:-3.5deg;scale:1.02 .98}}.floater{display:block;animation:floater 9.167s var(--ease-sine-in-out) infinite}@keyframes floater{0%{translate:0 4.5px}23.27%{translate:0 -2.7px}42%{translate:0 4.45px}73.82%{translate:0 -4px}to{translate:0 4.5px}}.modal{position:absolute;inset:0;box-sizing:border-box;display:grid;place-items:center;padding:66px 0 6px;pointer-events:auto}.modal.is-covered{content-visibility:hidden}.modal__backdrop{position:absolute;inset:0;background:#100a26b8;animation:modal-backdrop-in 167ms var(--ease-smoothstep) both}.modal.is-closing .modal__backdrop{animation:modal-backdrop-out 167ms var(--ease-smoothstep) both}.modal__window{position:relative;animation:modal-window-in 167ms both}.modal.is-closing .modal__window{pointer-events:none;animation:modal-window-out 167ms both}@keyframes modal-backdrop-in{0%{opacity:0}}@keyframes modal-backdrop-out{to{opacity:0}}@keyframes modal-window-in{0%{scale:0;animation-timing-function:cubic-bezier(.33,.33,.67,1)}50%{scale:1.02;animation-timing-function:var(--ease-smoothstep)}to{scale:1}}@keyframes modal-window-out{0%{scale:1;animation-timing-function:cubic-bezier(.33,0,.67,.67)}20%{scale:.95;animation-timing-function:var(--ease-smoothstep)}60%,to{scale:0}}.commander-help-layer{position:absolute;inset:0;z-index:10}.commander-help{width:500px;height:924px;margin-top:-60px;box-sizing:border-box;border-style:solid;border-width:0;border-image:url(/assets/commander/help/panel-yellow.webp) 87 105 127 105 fill / 52px 62px 75px;color:#fff}.commander-help--common{border-image-source:url(/assets/commander/help/panel-common.webp)}.commander-help--rare{border-image-source:url(/assets/commander/help/panel-rare.webp)}.commander-help--epic{border-image-source:url(/assets/commander/help/panel-epic.webp)}.commander-help__body{position:absolute;inset:0;touch-action:none}.commander-help__page{position:absolute;inset:0}.commander-help__header{position:absolute;top:24.6px;left:34.9px;right:34.9px;height:64.25px;display:grid;place-items:center}.commander-help__title{width:287px;height:41.5px;margin-bottom:4px;display:grid;place-items:center;font:900 27px/1 var(--font-display);color:#fff;-webkit-text-stroke:5px #3b2a2c;paint-order:stroke fill;text-shadow:0 2px 0 rgb(0 0 0 / .3);white-space:nowrap}.commander-help__close{position:absolute;top:9.1px;right:8px}.commander-help__bubble{position:absolute;width:356.5px;height:140.75px;box-sizing:border-box;display:grid;place-items:center;padding:0 25px 4px;border-style:solid;border-width:0;border-image:url(/assets/commander/help/bubble.webp) 95 104 107 104 fill / 40.75px 44.75px 46px;text-align:center;text-wrap:balance;font:900 17px/1.5 var(--font-display);color:#fff;-webkit-text-stroke:4px #3a2a3c;paint-order:stroke fill}.commander-help__bubble strong{font-weight:inherit;color:#ffe15a;white-space:nowrap}.commander-help__bubble--intro{left:71.75px;top:151.6px}.commander-help__bubble--first{left:-6.25px;top:122.4px}.commander-help__bubble--second{left:144.75px;top:268.9px}.commander-help__bubble--third{left:-6.25px;top:410.6px}.commander-help__shine{left:246.25px;top:429.25px;width:560px;height:560px;margin:-280px 0 0 -280px;opacity:.6}.commander-help__coin{position:absolute;left:138.75px;top:333px;width:222px;height:222px}.commander-help__coin img{width:100%;height:100%}.commander-help__commander{position:absolute;left:151.75px;top:591.75px;--bobber-origin: 86.5px 218px;width:214px;height:205px}.commander-help__commander img{width:100%;height:100%;scale:-1 1}.commander-help__stats{position:absolute;left:56px;top:88.75px;width:388px;display:flex;flex-direction:column}.commander-help__description{height:126px;text-align:center;text-wrap:balance;font:800 18px/1.4 var(--font-ui);color:#4a3a3b}.commander-help__table,.commander-help__table thead,.commander-help__table tbody{display:block}.commander-help__table tr{height:31.75px;display:grid;grid-template-columns:repeat(3,1fr)}.commander-help__caption,.commander-help__cell{--cell-edge: #7f5d3d;--cell-top: #f1e3d3;--cell-middle: #f8ead8;--cell-bottom: #ebd2b7;box-sizing:border-box;display:grid;place-items:center;border:2px solid var(--cell-edge);border-radius:4px;background:linear-gradient(var(--cell-top),var(--cell-middle) 50%,var(--cell-bottom))}.commander-help__caption{--cell-edge: #91551e;--cell-top: #fedcb5;--cell-middle: #ffe4b8;--cell-bottom: #fec999;height:42.5px;margin:0 -1px -1px;border-radius:5px;font:900 20px/1 var(--font-display);color:#3d2a21}.commander-help__table--rare .commander-help__caption{--cell-edge: #1c6c9a;--cell-top: #c2e7fe;--cell-middle: #ceeaff;--cell-bottom: #9fddff}.commander-help__table--epic .commander-help__caption{--cell-edge: #884d7e;--cell-top: #ffc2fb;--cell-middle: #ffc6f3;--cell-bottom: #ffb0fa}.commander-help__table--legendary .commander-help__caption{--cell-edge: #865c09;--cell-top: #fef2b1;--cell-middle: #fff6ad;--cell-bottom: #fee8a8}.commander-help__cell{margin:-1px;font:bold 16px/1 var(--font-digits);color:#4b3a30}th.commander-help__cell{font:900 17px/1 var(--font-display);color:#46301f}.commander-help__cell--upgrade{--cell-edge: #5e6c41;--cell-top: #e0ebd8;--cell-middle: #e6f1dd;--cell-bottom: #d0ddbd}.commander-help__cell--mastery{--cell-edge: #416a85;--cell-top: #d7eaf9;--cell-middle: #ddefff;--cell-bottom: #bdddf3}th.commander-help__cell--level{--cell-edge: #835d15;--cell-top: #fde185;--cell-middle: #ffe98a;--cell-bottom: #fece69}th.commander-help__cell--upgrade{--cell-edge: #2d7a00;--cell-top: #a6e881;--cell-middle: #befea1;--cell-bottom: #8dd161}th.commander-help__cell--mastery{--cell-edge: #216b94;--cell-top: #97e2ff;--cell-middle: #a1e7fe;--cell-bottom: #77d5fe}.commander-help__nav{position:absolute;left:44.75px;top:792.25px;width:411px;height:58.5px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;border-style:solid;border-width:0;border-image:url(/assets/commander/help/nav-bar.webp) 0 127 fill / 0 31.75px}.commander-help__dots{display:flex;gap:8.5px}.commander-help__dot{width:32.5px;height:32.5px;display:grid;place-items:center}.commander-help__dot:before{content:"";width:24px;height:24px;border-radius:50%;background:radial-gradient(circle closest-side,#a894f0 58%,#775cb8 61%);box-shadow:0 1.75px 1.5px #00000080}.commander-help__dot.is-active{scale:1.1}.commander-help__dot.is-active:before{background-image:radial-gradient(circle closest-side,#fff 58%,#775cb8 61%)}.commander-help__nav.is-turned .commander-help__dot{animation:commander-help-dot-off 167ms linear both}.commander-help__nav.is-turned .commander-help__dot.is-active{animation:commander-help-dot-on .2s linear both}.commander-help__arrow{--arrow-flip: 1;position:absolute;top:-16px;width:99.75px;height:90.5px;background:url(/assets/commander/help/next.webp) center / 100% 100% no-repeat;scale:var(--arrow-flip) 1;transition:scale .26s var(--ease-back-out)}.commander-help__arrow--next{right:-49.9px}.commander-help__arrow--prev{--arrow-flip: -1;left:-49.9px}.commander-help__arrow:active{scale:calc(var(--arrow-flip) * .9) .9;transition-duration:70ms;transition-timing-function:var(--ease-quad-out)}@keyframes commander-help-dot-on{0%{scale:1}50%{scale:1.17}to{scale:1.1}}@keyframes commander-help-dot-off{0%{scale:1.1}50%{scale:.97}to{scale:1}}.mastery-panel{--mastery-panel-stops: #91e7ff 24.05%, rgb(98.83 121.95 255) 180%;position:absolute;inset:0;z-index:-1;pointer-events:none}.mastery-panel:before,.mastery-panel:after,.mastery-panel__frame:after{content:"";position:absolute}.mastery-panel:before{inset:7px 10px 15px 11px;border-radius:9.485px 9.387px 9.387px 9.485px/9.332px 9.332px 9.276px 9.276px;box-shadow:-.511px 1.255px .288px .574px #00000029,-.315px -.345px 3.768px 2.249px #00000014}.mastery-panel:after{z-index:-1;inset:7px 10px 15px 11px;border-radius:9.555px 9.455px 9.455px 9.555px/9.398px 9.398px 9.34px 9.34px;box-shadow:-.368px 4.494px 9.026px .74px #0000006c}.mastery-panel__frame{position:absolute;inset:0;background:radial-gradient(9.007px 8.871px at 19.913px 16.246px,#91e7ff 97.224%,transparent 102.776%) left 0 top 0 / 19px 16px,radial-gradient(9.375px 9.233px at 19.283px 15.56px,#462c2c 97.333%,transparent 102.667%) left 0 top 0 / 19px 16px,radial-gradient(8.92px 8.871px at -.847px 16.246px,#91e7ff 97.197%,transparent 102.803%) right 0 top 0 / 19px 16px,radial-gradient(9.284px 9.233px at -.319px 15.56px,#462c2c 97.307%,transparent 102.693%) right 0 top 0 / 19px 16px,radial-gradient(8.386px 7.995px at .587px -.87px,#91e7ff 97.019%,transparent 102.981%) right 0 bottom 0 / 20px 24px,radial-gradient(8.213px 8.12px at .661px .248px,rgb(92 112 186) 83.648%,rgb(100.1 121 201.5) 96.956%,transparent 103.044%) right 0 bottom 0 / 20px 24px,radial-gradient(9.754px 9.545px at .211px -.145px,#462c2c 97.437%,transparent 102.563%) right 0 bottom 0 / 20px 24px,radial-gradient(8.165px 7.995px at 19.071px -.87px,#91e7ff 96.938%,transparent 103.062%) left 0 bottom 0 / 20px 24px,radial-gradient(8.395px 8.22px at 19.303px .248px,rgb(92 112 186) 84.002%,rgb(100.1 121 201.5) 97.022%,transparent 102.978%) left 0 bottom 0 / 20px 24px,radial-gradient(9.85px 9.645px at 19.758px -.145px,#462c2c 97.462%,transparent 102.538%) left 0 bottom 0 / 20px 24px,linear-gradient(transparent 6.077px,#462c2c 6.577px 7.125px,#91e7ff 7.625px) left 19px top 0 / calc(100% - 38px) 16px,linear-gradient(to top,transparent 14.25px,#462c2c 14.75px 15.282px,rgb(100.1 121 201.5) 15.782px,rgb(93.9 114 189.5) 16.625px,#91e7ff 17.125px) left 20px bottom 0 / calc(100% - 40px) 24px,linear-gradient(to right,transparent 9.658px,#462c2c 10.158px 10.656px,#91e7ff 11.156px) left 0 top 16px / 20px calc(100% - 44px),linear-gradient(to right,transparent 10.656px,#91e7ff 11.156px) left 0 bottom 24px / 20px 4px,linear-gradient(to right,transparent 9.658px,#462c2c 10.158px 10.658px,rgb(92 112 186) 11.158px) left 0 bottom 24px / 20px 4px,linear-gradient(to left,transparent 9.785px,#462c2c 10.285px 10.677px,#91e7ff 11.177px) right 0 top 16px / 20px calc(100% - 44px),linear-gradient(to left,transparent 10.677px,#91e7ff 11.177px) right 0 bottom 24px / 20px 4px,linear-gradient(to left,transparent 9.785px,#462c2c 10.285px 10.676px,rgb(92 112 186) 11.176px) right 0 bottom 24px / 20px 4px;background-repeat:no-repeat}.mastery-panel__frame:after{inset:8px 12px 18px;border-radius:7.752px 7.733px 7.332px 7.346px/8.114px 8.114px 7.359px 7.359px;background:radial-gradient(6.71px 6.608px at 7.59px 7.983px,transparent 96.274%,#91e7ff 103.726%) left 0 top 0 / 8px 8px,radial-gradient(6.644px 6.608px at .38px 7.983px,transparent 96.237%,#91e7ff 103.763%) right 0 top 0 / 8px 8px,radial-gradient(6.675px 6.6px at .349px .151px,transparent 96.255%,#91e7ff 103.745%) right 0 bottom 0 / 8px 8px,radial-gradient(6.74px 6.6px at 7.62px .151px,transparent 96.291%,#91e7ff 103.709%) left 0 bottom 0 / 8px 8px,linear-gradient(#91e7ff 1.125px,transparent 1.625px) left 8px top 0 / calc(100% - 16px) 3px,linear-gradient(to top,#91e7ff .999px,transparent 1.499px) left 8px bottom 0 / calc(100% - 16px) 3px,linear-gradient(to right,#91e7ff .63px,transparent 1.13px) left 0 top 8px / 2px calc(100% - 16px),linear-gradient(to left,#91e7ff .726px,transparent 1.226px) right 0 top 8px / 2px calc(100% - 16px),radial-gradient(48.848px 31.862px at 62.01px 50.871px,var(--mastery-panel-stops)) left -12px top -8px / 25px 21px,radial-gradient(48.374px 31.862px at -36.651px 50.871px,var(--mastery-panel-stops)) right -12px top -8px / 25px 21px,radial-gradient(48.848px 31.68px at 62.01px -38.94px,var(--mastery-panel-stops)) left -12px bottom -18px / 25px 30px,radial-gradient(48.374px 31.68px at -36.651px -38.94px,var(--mastery-panel-stops)) right -12px bottom -18px / 25px 30px,radial-gradient(63.4552% 31.862px at 50% 50.871px,var(--mastery-panel-stops)) left 50% top -8px / calc(104% - 27.04px) 21px,radial-gradient(63.4552% 31.68px at 50% -38.94px,var(--mastery-panel-stops)) left 50% bottom -18px / calc(104% - 27.04px) 30px,radial-gradient(48.848px 44.3787% at 62.01px 43.5281%,var(--mastery-panel-stops)) left -12px top calc(50% + .5px) / 25px calc(104% - 26px),radial-gradient(48.374px 44.3787% at -36.651px 43.5281%,var(--mastery-panel-stops)) right -12px top calc(50% + .5px) / 25px calc(104% - 26px),radial-gradient(63.4552% 44.3787% at 50% 43.5281%,var(--mastery-panel-stops)) left 50% top calc(50% + .5px) / calc(104% - 27.04px) calc(104% - 26px);background-repeat:no-repeat}.mastery-panel--screen:before{inset:14px 21px 31px;border-radius:20.013px/20.053px 20.053px 19.979px 19.979px;box-shadow:-.907px 2.642px .601px .702px #00000029,-.484px -.669px 7.85px 4.171px #00000014}.mastery-panel--screen:after{inset:15px 21px 31px;border-radius:20.153px/20.195px 20.195px 20.118px 20.118px;box-shadow:-.611px 9.945px 18.804px 1.047px #0000006c}.mastery-panel--screen .mastery-panel__frame{background:radial-gradient(18.55px 18.586px at 41.013px 33.961px,#91e7ff 98.652%,transparent 101.348%) left 0 top 0 / 40px 33px,radial-gradient(19.307px 19.345px at 39.797px 32.72px,#462c2c 98.705%,transparent 101.295%) left 0 top 0 / 40px 33px,radial-gradient(18.55px 18.586px at -1.274px 33.961px,#91e7ff 98.652%,transparent 101.348%) right 0 top 0 / 40px 33px,radial-gradient(19.307px 19.345px at -.317px 32.72px,#462c2c 98.705%,transparent 101.295%) right 0 top 0 / 40px 33px,radial-gradient(16.815px 16.787px at 1.461px -1.287px,#91e7ff 98.513%,transparent 101.487%) right 0 bottom 0 / 41px 51px,radial-gradient(17.288px 17.26px at .99px 1.128px,rgb(92 112 186) 83.295%,rgb(101.1 122 203.4) 98.554%,transparent 101.446%) right 0 bottom 0 / 41px 51px,radial-gradient(20.285px 20.252px at -.295px .468px,#462c2c 98.768%,transparent 101.232%) right 0 bottom 0 / 41px 51px,radial-gradient(16.815px 16.787px at 39.278px -1.287px,#91e7ff 98.513%,transparent 101.487%) left 0 bottom 0 / 41px 51px,radial-gradient(17.288px 17.26px at 39.752px 1.128px,rgb(92 112 186) 83.295%,rgb(101.1 122 203.4) 98.554%,transparent 101.446%) left 0 bottom 0 / 41px 51px,radial-gradient(20.285px 20.252px at 40.775px .468px,#462c2c 98.768%,transparent 101.232%) left 0 bottom 0 / 41px 51px,linear-gradient(transparent 13.125px,#462c2c 13.625px 15.125px,#91e7ff 15.625px) left 40px top 0 / calc(100% - 80px) 33px,linear-gradient(to top,transparent 30.03px,#462c2c 30.53px 32.362px,rgb(101.1 122 203.4) 32.862px,rgb(92.9 113 187.6) 35.25px,#91e7ff 35.75px) left 41px bottom 0 / calc(100% - 82px) 51px,linear-gradient(to right,transparent 20.24px,#462c2c 20.74px 22.213px,#91e7ff 22.713px) left 0 top 33px / 41px calc(100% - 93px),linear-gradient(to right,transparent 22.213px,#91e7ff 22.713px) left 0 bottom 51px / 41px 9px,linear-gradient(to right,transparent 20.24px,#462c2c 20.74px 22.214px,rgb(92 112 186) 22.714px) left 0 bottom 51px / 41px 9px,linear-gradient(to left,transparent 20.76px,#462c2c 21.26px 22.474px,#91e7ff 22.974px) right 0 top 33px / 41px calc(100% - 93px),linear-gradient(to left,transparent 22.474px,#91e7ff 22.974px) right 0 bottom 51px / 41px 9px,linear-gradient(to left,transparent 20.76px,#462c2c 21.26px 22.472px,rgb(92 112 186) 22.972px) right 0 bottom 51px / 41px 9px;background-repeat:no-repeat}.mastery-panel--screen .mastery-panel__frame:after{inset:17px 25px 38px;border-radius:15.68px 16.039px 15.203px 14.844px/16.778px 16.778px 15.323px 15.323px;background:radial-gradient(13.818px 13.845px at 15.347px 16.594px,transparent 98.191%,#91e7ff 101.809%) left 0 top 0 / 15px 17px,radial-gradient(13.818px 13.845px at .196px 16.594px,transparent 98.191%,#91e7ff 101.809%) right 0 top 0 / 16px 17px,radial-gradient(13.881px 13.858px at .133px -.358px,transparent 98.199%,#91e7ff 101.801%) right 0 bottom 0 / 16px 16px,radial-gradient(13.881px 13.858px at 15.41px -.358px,transparent 98.199%,#91e7ff 101.801%) left 0 bottom 0 / 15px 16px,linear-gradient(#91e7ff 2.499px,transparent 2.999px) left 15px top 0 / calc(100% - 31px) 4px,linear-gradient(to top,#91e7ff 2.25px,transparent 2.75px) left 15px bottom 0 / calc(100% - 31px) 4px,linear-gradient(to right,#91e7ff 1.279px,transparent 1.779px) left 0 top 17px / 3px calc(100% - 33px),linear-gradient(to left,#91e7ff 1.736px,transparent 2.236px) right 0 top 17px / 3px calc(100% - 33px),radial-gradient(100.599px 66.759px at 127.705px 106.586px,var(--mastery-panel-stops)) left -25px top -17px / 53px 44px,radial-gradient(100.599px 66.759px at -75.21px 106.586px,var(--mastery-panel-stops)) right -25px top -17px / 53px 44px,radial-gradient(100.599px 66.52px at 127.705px -80.756px,var(--mastery-panel-stops)) left -25px bottom -38px / 53px 64px,radial-gradient(100.599px 66.52px at -75.21px -80.756px,var(--mastery-panel-stops)) right -25px bottom -38px / 53px 64px,radial-gradient(64.5234% 66.759px at 49.8381% 106.586px,var(--mastery-panel-stops)) left 50% top -17px / calc(104% - 58.24px) 44px,radial-gradient(64.5234% 66.52px at 49.8381% -80.756px,var(--mastery-panel-stops)) left 50% bottom -38px / calc(104% - 58.24px) 64px,radial-gradient(100.599px 44.6912% at 127.705px 43.8211%,var(--mastery-panel-stops)) left -25px top calc(50% + .5px) / 53px calc(104% - 55.12px),radial-gradient(100.599px 44.6912% at -75.21px 43.8211%,var(--mastery-panel-stops)) right -25px top calc(50% + .5px) / 53px calc(104% - 55.12px),radial-gradient(64.5234% 44.6912% at 49.8381% 43.8211%,var(--mastery-panel-stops)) left 50% top calc(50% + .5px) / calc(104% - 58.24px) calc(104% - 55.12px);background-repeat:no-repeat}.particle-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.commander-reward-layer{position:absolute;inset:0;z-index:10}.commander-reward{isolation:isolate;width:500px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;direction:rtl;color:#fff}.commander-reward--bonus{height:691px;margin-top:-86.6px}.commander-reward--spell-slot,.commander-reward--ranked{height:879px;margin-top:-60px}.commander-reward__ribbon{width:345px;height:69px;margin-top:4.7px;box-sizing:border-box;display:grid;place-items:center;padding-bottom:14.8px;border-style:solid;border-width:0;border-image:url(/assets/popups/title-yellow.webp) 0 85 fill / 0 21.25px;font:900 25px/1 var(--font-display);color:#fff;-webkit-text-stroke:4px #7a4a10;paint-order:stroke fill;white-space:nowrap}.commander-reward--bonus .commander-reward__ribbon{width:359px;margin-top:-12.8px}.commander-reward__header{height:64px;margin-top:24.7px;display:flex;align-items:center;gap:6px}.commander-reward__unlocked{width:78px;height:90px}.commander-reward__unlocked-title{font:900 30px/1 var(--font-display);-webkit-text-stroke:5px #2a3a66;paint-order:stroke fill;white-space:nowrap}.commander-reward__icon{position:relative;width:157.5px;height:158.5px;margin-top:3.45px;translate:-2.25px 0}.commander-reward__icon img{width:100%;height:100%}.commander-reward__level{position:absolute;left:58.75px;top:100.25px;width:107px;height:26px;display:grid;place-items:center;direction:ltr;white-space:nowrap;font:bold 32px/1 var(--font-digits);color:#ffe14f;-webkit-text-stroke:5px #3b2457;paint-order:stroke fill}.commander-reward__name{height:26px;margin-top:-15.5px;display:grid;place-items:center;font:900 26px/1 var(--font-display);color:#ffd84a;-webkit-text-stroke:4px #5a3a12;paint-order:stroke fill;white-space:nowrap}.commander-reward__description{width:400px;height:80px;margin-top:35px;display:grid;place-items:center;text-align:center;text-wrap:balance;font:900 18px/1.6 var(--font-display);-webkit-text-stroke:3.5px #2a3a66;paint-order:stroke fill}.commander-reward__description--slot{width:388px;height:54px;margin-top:104.8px}.commander-reward__description--ranked{width:388px;height:145px;margin-top:94.4px}.commander-reward__highlight{font-weight:inherit;color:#ffe064;unicode-bidi:isolate}.commander-reward__commander{--bobber-origin: 50% 285.75px;width:250.5px;height:300px;margin-top:7px;translate:3px 0}.commander-reward__commander img{width:100%;height:100%}.commander-reward__continue{--button-height: 82px;--button-font: 30px;--button-stroke: 6px;position:relative;width:228px;margin:auto 0 2px}.commander-reward--bonus .commander-reward__continue{margin-top:-43.4px}.commander-reward__slot{position:relative;width:214px;height:324px;margin-top:81.8px}.commander-reward__slot-visual{position:absolute;inset:0;transform-origin:50% calc(50% + 5.5px);animation:commander-reward-slot-shake 4.3s cubic-bezier(.33,0,.67,1) both}.commander-reward__slot-shine{top:calc(50% + 5.5px);width:727px;height:727px;margin:-363.5px 0 0 -363.5px;scale:0;animation:commander-reward-slot-shine 1.567s cubic-bezier(.33,0,.67,1) 1.367s forwards}.commander-reward__slot-card{position:absolute;inset:0;width:100%;height:100%}.commander-reward__slot-flash{position:absolute;left:50%;top:50%;width:243px;height:344px;margin:-180.75px 0 0 -121.5px;opacity:0;animation:commander-reward-slot-flash 4.517s cubic-bezier(.33,0,.67,1) both}.commander-reward__slot-lock{position:absolute;left:50%;top:50%;width:270px;height:376px;margin:-188px 0 0 -135px;animation:commander-reward-hide 0s 4.183s forwards}.commander-reward__arena{position:relative;width:329px;height:293px;margin-top:58.7px}.commander-reward__arena-shine{top:calc(50% - 13.6px);width:640px;height:640px;margin:-320px 0 0 -320px}.commander-reward__stadium{position:relative;width:100%;height:100%}.commander-reward__emblem-shine{z-index:0;top:calc(50% + 134.9px);width:384px;height:384px;margin:-192px 0 0 -192px}.commander-reward__emblem{position:absolute;left:50%;top:calc(50% + 144.4px);width:150px;height:150px;margin:-75px 0 0 -75px}.commander-reward__emblem img{width:100%;height:100%}@keyframes commander-reward-slot-shake{0%,23.256%{translate:0 0}42.628%{translate:0 -6.5px}48.837%{translate:0 16px}55.419%{translate:0 -2.5px}62.023%{translate:0 12px}66.279%{translate:0 -1.25px}69%{translate:0 8px}71.698%{translate:0 -2.5px}74.023%{translate:0 8px}76.744%{translate:0 -2.5px}79.465%{translate:0 8px}81.791%{translate:0 -2.5px}84.488%{translate:0 8px}86.814%,to{translate:0 -2.5px}0%,88.767%{scale:1}94.581%{scale:.825 1.1}97.279%{scale:1.2 .74}to{scale:1}}@keyframes commander-reward-slot-shine{0%{scale:.035}to{scale:1}}@keyframes commander-reward-slot-flash{0%,22.14%{opacity:0}40.58%,92.61%{opacity:1}to{opacity:0}}@keyframes commander-reward-hide{to{visibility:hidden}}.commander-path-guard{position:absolute;inset:0}.commander-path{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;overflow:hidden;color:#fff;animation:commander-path-in .36s linear both}.commander-path.is-closing{pointer-events:none;animation:commander-path-out 167ms linear both}.dialog:has(>.commander-path.is-closing):before{animation:commander-path-scrim-out 167ms var(--ease-smoothstep) both}.commander-path:before{content:"";position:absolute;z-index:-1;top:-4px;left:50%;height:100%;aspect-ratio:1;border-top:4px solid #3a093a;padding-bottom:4px;translate:-50%;filter:blur(.5px);background:linear-gradient(#3a093a,rgba(66,13,51,.8) 12.4%,rgba(74,18,43,.59) 24.8%,rgba(82,23,34,.38) 37.2%,rgba(90,27,26,.18) 49.6%,rgba(88,24,25,.09) 74.8%,transparent) content-box,linear-gradient(to right,#40246c,#804fac)}.commander-path__top{position:relative;z-index:2;flex-shrink:0;height:214px}.commander-path__top:before,.commander-path__top:after{content:"";position:absolute;inset:-22px -32px -36px;pointer-events:none}.commander-path__top:before{--panel-rim: rgb(0 0 0 / .63) 31px, transparent 32.5px;--panel-side: transparent 30.5px, rgb(0 0 0 / .4) 31.5px, #000 32.5px;--panel-sides: linear-gradient(to right, var(--panel-side)) left / 50% 100% no-repeat, linear-gradient(to left, var(--panel-side)) right / 50% 100% no-repeat;background:linear-gradient(to right,var(--panel-rim)) left top 23px / 50% 209px no-repeat,linear-gradient(to left,var(--panel-rim)) right top 23px / 50% 209px no-repeat,linear-gradient(transparent 22.5px,rgb(101 154 175 / .85) 23.5px,#74b2ca 24.5px,#70aec7 42px,#416da9 143px,#3862a3 180.75px,#6688bc 222.5px,#91afd8 223.5px,#9fb9e1 224.5px,#a0b9e1 230.5px,rgb(128 148 179 / .78) 231.5px,rgb(0 0 0 / .14) 232.5px,rgb(0 0 0 / .15) 234.25px,transparent 241.75px);-webkit-mask:var(--panel-sides);mask:var(--panel-sides)}.commander-path__top:after{--shadow-sides: linear-gradient( to right, rgb(0 0 0 / .18) .25px, rgb(0 0 0 / .19) 4.25px, rgb(0 0 0 / .6) 12.75px, rgb(0 0 0 / .78) 19px, rgb(0 0 0 / .81) 23.75px, rgb(0 0 0 / .99) 29.75px, rgb(0 0 0 / .87) 30.25px, rgb(0 0 0 / .86) 37.75px ) left / 50% 100% no-repeat, linear-gradient( to left, rgb(0 0 0 / .12) .25px, rgb(0 0 0 / .14) 4.25px, rgb(0 0 0 / .3) 5.75px, rgb(0 0 0 / .75) 17.25px, rgb(0 0 0 / .83) 25.25px, rgb(0 0 0 / .99) 29.75px, rgb(0 0 0 / .87) 30.25px, rgb(0 0 0 / .87) 37.75px ) right / 50% 100% no-repeat;z-index:-1;background:linear-gradient(#00000005 .25px 1.25px,#00000012 2.75px 7.25px,#0000001f 8.75px,#00000030 15px,#0000003b 22px,#0000003d 30.25px) top / 100% 50% no-repeat,linear-gradient(to top,transparent .25px,rgb(0 0 0 / .04) 11.25px,rgb(0 0 0 / .08) 12.75px,rgb(0 0 0 / .09) 17.25px,rgb(0 0 0 / .13) 18.75px,rgb(0 0 0 / .2) 24.75px,rgb(0 0 0 / .24) 32.25px,rgb(0 0 0 / .24) 45.25px) bottom / 100% 50% no-repeat;-webkit-mask:var(--shadow-sides);mask:var(--shadow-sides)}.commander-path__currencies{position:absolute;top:12px;left:0;right:0;display:grid;grid-template-columns:repeat(3,88px);justify-content:center;column-gap:40px}.commander-path__portrait{position:absolute;left:24px;bottom:-8px;height:164px}.commander-path__title{position:absolute;top:58px;left:176px;right:80px;text-align:center;font:900 30px/1.2 var(--font-display);color:#ffe7a6;-webkit-text-stroke:5px #4b2a52;paint-order:stroke fill}.commander-path__help{position:absolute;top:52px;right:22px;width:50px;height:50px}.commander-path__help img{width:100%;height:100%;object-fit:contain}.commander-path__bonuses{position:absolute;top:116px;left:172px;right:22px;display:flex;flex-direction:column;gap:12px}.commander-bonus{position:relative;display:flex;align-items:center;height:32px}.commander-bonus__value{width:58px;text-align:right;font:bold 19px/1 var(--font-digits);color:#fff;-webkit-text-stroke:4px #2c2457;paint-order:stroke fill}.commander-bonus__bar{position:relative;flex:1;height:20px;margin-left:28px;background:url(/assets/commander/bonus-bar.webp) center / 100% 100%}.commander-bonus__fill{--bonus-fill-dark: 122, 37, 23;--bonus-fill-divider: 164, 34, 33;--bonus-fill-line: rgba(65, 60, 52, .525);--bonus-fill-body: linear-gradient( transparent 1px, #e35f5f 1px 12.79%, #fa6b6f 15.12%, #f74f51 17.44%, #f24341 19.77%, #eb2b29 22.09%, #eb1f1d 24.42%, #eb1f21 26.74%, #eb2725 29.07%, #ee2f2f 33.72%, #ef3735 36.05%, #f34342 43.02%, #f74b49 45.35%, #f75b56 52.33%, #fb5f5a 54.65%, #fe736e 63.95%, #fe8f98 87.21% );--bonus-fill-dividers: repeating-linear-gradient( 90deg, transparent 4.175%, rgba(var(--bonus-fill-divider), .32) 4.379%, rgba(var(--bonus-fill-divider), .96) 4.582%, rgba(var(--bonus-fill-divider), .91) 4.786%, rgba(var(--bonus-fill-divider), .18) 4.99%, transparent 5.193%, transparent 9.267%, rgba(var(--bonus-fill-divider), .1) 9.47%, rgba(var(--bonus-fill-divider), .82) 9.674%, rgb(var(--bonus-fill-divider)) 9.878%, rgba(var(--bonus-fill-divider), .45) 10.081%, transparent 10.285%, transparent 14.562%, rgba(var(--bonus-fill-divider), .53) 14.766%, rgb(var(--bonus-fill-divider)) 14.969%, rgba(var(--bonus-fill-divider), .76) 15.173%, rgba(var(--bonus-fill-divider), .04) 15.377%, transparent 15.58%, transparent 19.654%, rgba(var(--bonus-fill-divider), .24) 19.857%, rgba(var(--bonus-fill-divider), .94) 20.061%, rgba(var(--bonus-fill-divider), .94) 20.265%, rgba(var(--bonus-fill-divider), .24) 20.468%, transparent 20.672%, transparent 24.745%, rgba(var(--bonus-fill-divider), .03) 24.949%, rgba(var(--bonus-fill-divider), .73) 25.153%, rgba(var(--bonus-fill-divider), .99) 25.356%, rgba(var(--bonus-fill-divider), .58) 25.56%, transparent 25.764%, transparent 30.041%, rgba(var(--bonus-fill-divider), .41) 30.244%, rgb(var(--bonus-fill-divider)) 30.448%, rgba(var(--bonus-fill-divider), .83) 30.652%, rgba(var(--bonus-fill-divider), .08) 30.855%, transparent 31.059%, transparent 35.132%, rgba(var(--bonus-fill-divider), .12) 35.336%, rgba(var(--bonus-fill-divider), .9) 35.54%, rgba(var(--bonus-fill-divider), .97) 35.743%, rgba(var(--bonus-fill-divider), .35) 35.947%, transparent 36.151%, transparent 40.428%, rgba(var(--bonus-fill-divider), .66) 40.631%, rgb(var(--bonus-fill-divider)) 40.835%, rgba(var(--bonus-fill-divider), .66) 41.039%, transparent 41.242%, transparent 45.519% );position:absolute;inset:2px auto 2px 2px;width:calc((100% - 4px) * var(--fill));min-width:12px;border-radius:3px 0 0 2px/1.5px 0 0 1.5px;background:linear-gradient(90deg,rgb(var(--bonus-fill-dark)) 1.75px,rgba(var(--bonus-fill-dark),.72) 2.25px,rgba(var(--bonus-fill-dark),.04) 2.75px,transparent 3.25px) 0 1px / 100% calc(100% - 2px) no-repeat,radial-gradient(109.2% 38.33% at -40.73% 50.7%,transparent 93.86%,rgb(var(--bonus-fill-dark)) 106.14%) right / 8px 100% no-repeat,linear-gradient(var(--bonus-fill-line) 1.16%,rgb(var(--bonus-fill-dark)) 3.49% 10.47%,transparent 12.79% 87.21%,rgba(var(--bonus-fill-dark),.69) 89.53%,rgb(var(--bonus-fill-dark)) 91.86%),var(--bonus-fill-dividers) 3px 1px / calc(100% - 11px) calc(100% - 1px) no-repeat,var(--bonus-fill-body) 0 0 / calc(3px + (100% - 11px)*.9876) 100% no-repeat,radial-gradient(3.336% 6.13px at 98.756% 7.11px,transparent 93.86%,rgb(var(--bonus-fill-dark)) 106.14% 108%,transparent 112%) 3px 1px / calc(100% - 11px) calc(100% - 1px) no-repeat,var(--bonus-fill-body);-webkit-mask:linear-gradient(90deg,#000 calc(3px + (100% - 11px)*.9905),transparent calc(100% - 8px)),radial-gradient(3.78% 7.61px at 99.251% 8.1px,#000 95.53%,transparent 104.47%) 3px 0 / calc(100% - 11px) 100% no-repeat,radial-gradient(123.73% 47.58% at -24.53% 50.65%,#000 95.53%,transparent 104.47%) right / 8px 100% no-repeat,radial-gradient(104% 17.47% at 1% 49.81%,#000 90.38%,transparent 109.62%) right / 8px 100% no-repeat;mask:linear-gradient(90deg,#000 calc(3px + (100% - 11px)*.9905),transparent calc(100% - 8px)),radial-gradient(3.78% 7.61px at 99.251% 8.1px,#000 95.53%,transparent 104.47%) 3px 0 / calc(100% - 11px) 100% no-repeat,radial-gradient(123.73% 47.58% at -24.53% 50.65%,#000 95.53%,transparent 104.47%) right / 8px 100% no-repeat,radial-gradient(104% 17.47% at 1% 49.81%,#000 90.38%,transparent 109.62%) right / 8px 100% no-repeat}.commander-bonus--damage .commander-bonus__fill{--bonus-fill-frame: #004c82;box-sizing:border-box;border:solid transparent;border-width:0 8px 0 3px;border-radius:0;background:radial-gradient(8.52px 5.44px at -4.65px 8.14px,transparent 113%,var(--bonus-fill-frame) 125.42%) 100% 0 / 8px 50% no-repeat border-box,radial-gradient(9.25px 6.74px at -3.19px -.12px,transparent 88.75%,var(--bonus-fill-frame) 99.73%) 100% 100% / 8px 50% no-repeat border-box,radial-gradient(183.27% 5.44px at 0 8.14px,transparent 113%,var(--bonus-fill-frame) 125.42%) 100% 0 / 1.893% 50% no-repeat padding-box,radial-gradient(290.21% 6.74px at 0 -.12px,transparent 88.75%,var(--bonus-fill-frame) 99.73%) 100% 100% / 1.298% 50% no-repeat padding-box,linear-gradient(90deg,var(--bonus-fill-frame) 1.75px,rgb(0 76 130 / .71) 2.25px,rgb(0 76 130 / .02) 2.75px) 0 0 / 3px 100% no-repeat border-box,linear-gradient(#004f71 1.563%,#004d82 4.688% 7.813%,#006198 10.938%,#00a9ea,#00a5f5 17.188%,#008ef4 23.438%,#008cf3 26.563%,#01b1ff 60.938%,#22bff9 76.563%,#3ac6f5 85.938%,#1c84b5,#004b81 92.188%,#004c81 98.438%) border-box;-webkit-mask:radial-gradient(10.79px 8.45px at -2.52px 8.73px,#000 92.31%,rgb(0 0 0 / .94) 95.92%,transparent 103.18%) 100% 0 / 8px 50% no-repeat border-box,radial-gradient(10.66px 8.48px at -2.22px -.47px,#000 90%,rgb(0 0 0 / .9) 94.67%,transparent 101.32%) 100% 100% / 8px 50% no-repeat border-box,radial-gradient(4.393% 8.45px at 98.974% 8.73px,#000 92.31%,rgb(0 0 0 / .94) 95.92%,transparent 103.18%) 0 0 / 100% 50% no-repeat padding-box,radial-gradient(4.34% 8.48px at 99.096% -.47px,#000 90%,rgb(0 0 0 / .9) 94.67%,transparent 101.32%) 0 100% / 100% 50% no-repeat padding-box,linear-gradient(rgb(0 0 0 / .61) .25px,#000 .75px) 3px 0 / calc((100% - 11px)*.99) 50% no-repeat border-box,linear-gradient(#000 0 0) 3px 100% / calc((100% - 11px)*.991) 50% no-repeat border-box,linear-gradient(#000 0 0) 0 1px / 100% 14px no-repeat padding-box,radial-gradient(2.09px 1.37px at 2.51px 2.12px,#000 110.98%,rgb(0 0 0 / .22) 143.55%,transparent 172.6%) 0 0 / 3px 2px no-repeat border-box,linear-gradient(#000 0 0) 0 2px / 3px 12px no-repeat border-box,radial-gradient(4.51px 2.17px at 6.38px -.63px,#000 129.57%,rgb(0 0 0 / .95) 147.27%,transparent 168.56%) 0 100% / 3px 2px no-repeat border-box;mask:radial-gradient(10.79px 8.45px at -2.52px 8.73px,#000 92.31%,rgb(0 0 0 / .94) 95.92%,transparent 103.18%) 100% 0 / 8px 50% no-repeat border-box,radial-gradient(10.66px 8.48px at -2.22px -.47px,#000 90%,rgb(0 0 0 / .9) 94.67%,transparent 101.32%) 100% 100% / 8px 50% no-repeat border-box,radial-gradient(4.393% 8.45px at 98.974% 8.73px,#000 92.31%,rgb(0 0 0 / .94) 95.92%,transparent 103.18%) 0 0 / 100% 50% no-repeat padding-box,radial-gradient(4.34% 8.48px at 99.096% -.47px,#000 90%,rgb(0 0 0 / .9) 94.67%,transparent 101.32%) 0 100% / 100% 50% no-repeat padding-box,linear-gradient(rgb(0 0 0 / .61) .25px,#000 .75px) 3px 0 / calc((100% - 11px)*.99) 50% no-repeat border-box,linear-gradient(#000 0 0) 3px 100% / calc((100% - 11px)*.991) 50% no-repeat border-box,linear-gradient(#000 0 0) 0 1px / 100% 14px no-repeat padding-box,radial-gradient(2.09px 1.37px at 2.51px 2.12px,#000 110.98%,rgb(0 0 0 / .22) 143.55%,transparent 172.6%) 0 0 / 3px 2px no-repeat border-box,linear-gradient(#000 0 0) 0 2px / 3px 12px no-repeat border-box,radial-gradient(4.51px 2.17px at 6.38px -.63px,#000 129.57%,rgb(0 0 0 / .95) 147.27%,transparent 168.56%) 0 100% / 3px 2px no-repeat border-box}.commander-bonus--damage .commander-bonus__fill:after{content:"";position:absolute;inset:0;background:linear-gradient(#004f71 1.563%,#004d82,#004d83,#005289,#0067a1,#0063a8 17.188%,#0063a9 82.813%,#0567a7,#065a91 89.063%,#004c83 92.188% 98.438%);-webkit-mask:repeating-linear-gradient(90deg,transparent 2.088% 4.142%,rgb(0 0 0 / .12) 4.305%,rgb(0 0 0 / .54) 4.447%,rgb(0 0 0 / .91) 4.569%,rgb(0 0 0 / .91) 4.773%,rgb(0 0 0 / .54) 4.895%,rgb(0 0 0 / .12) 5.038%,transparent 5.201% 7.255%);mask:repeating-linear-gradient(90deg,transparent 2.088% 4.142%,rgb(0 0 0 / .12) 4.305%,rgb(0 0 0 / .54) 4.447%,rgb(0 0 0 / .91) 4.569%,rgb(0 0 0 / .91) 4.773%,rgb(0 0 0 / .54) 4.895%,rgb(0 0 0 / .12) 5.038%,transparent 5.201% 7.255%)}.commander-bonus__icon{position:absolute;left:64px;width:38px;height:38px;object-fit:contain}.commander-path__scroll{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.commander-path__scroll::-webkit-scrollbar{display:none}.commander-path__content{position:relative;z-index:0}.commander-path__track,.commander-path__fill{position:absolute;z-index:1;bottom:0;left:95px;width:24px}.commander-path__track{background:linear-gradient(90deg,#362e5a 10.53%,#7496cb 0 11.46%,#6a8bbe 28.13%,#6182b9 34.38%,#597cb4 36.46%,#496fad,#3c63a4 48.96%,#3a62a3,#4068a6 53.13%,#6889bd 69.79%,#7496cb 88.54% 89.47%,#362e5a 0)}.commander-path__fill{background:linear-gradient(90deg,#ae2984 10.53%,#fba5f6 0 11.46%,#ea79e2 17.71%,#e470d8,#e673d4 21.88%,#fa8cc2 30.21%,#fe92c2,#fe9dc7 34.38%,#fee8e5 48.96%,#fee7e6 51.04%,#fe98c1 63.54%,#f07ccd 71.88%,#e56fd9 76.04%,#e471dd 78.13%,#fba5f6 88.54% 89.47%,#ae2984 0);transition:height .6s var(--ease-cubic-out)}.path-row{--path-row-blue: linear-gradient(90deg, rgb(70, 51, 114), rgb(133, 97, 188));position:relative;height:170px;background:var(--path-row-blue) center / 100% 100%}.path-row__body{position:relative;z-index:2;height:100%;content-visibility:auto;contain-intrinsic-size:auto 170px}.path-row:nth-child(2n){background-image:linear-gradient(#ffffff12,#ffffff12),var(--path-row-blue)}.path-row.path-row--green{--path-row-from: rgba(31, 91, 30, .93);--path-row-to: rgba(85, 187, 38, .93);background-image:none}.path-row.path-row--red{--path-row-from: rgba(92, 29, 33, .93);--path-row-to: rgba(187, 38, 58, .93);background-image:none}.path-row--green:before,.path-row--red:before{content:"";position:absolute;inset:0;border-image:linear-gradient(90deg,var(--path-row-from) 4px,var(--path-row-to) calc(100% - 4px)) 0 fill / 0 / 4px;filter:blur(.5px);clip-path:inset(0)}.path-row__number{position:absolute;top:85px;left:22px;width:50px;translate:0 -50%;text-align:center;font:bold 28px/1 var(--font-digits);color:#fff;-webkit-text-stroke:5px #2c2050;paint-order:stroke fill}.path-row__knob{position:absolute;z-index:2;top:85px;left:107px;width:50px;height:50px;translate:-50% -50%;display:grid;place-items:center;--knob-blue: radial-gradient(50% 50% at 51% 47.55%, rgb(53 46 90 / 0) 81%, rgb(53 46 90 / .1) 81.8%, rgb(53 46 90 / .84) 83.9%, rgb(53 46 90) 84.9% 89.4%, rgb(53 46 90 / .91) 90.2%, rgb(53 46 90 / .33) 91.8%, rgb(53 46 90 / .11) 92.5%, rgb(53 46 90 / 0) 93.7%), radial-gradient(50% 50% at 51.25% 47.625%, #517bbc, #4a73b3 20%, #426aaa 40%, #3c64a5 52.5%, #3962a3 58.8% 59.5%, #3b63a4 60.5%, #4c72ae 66.5%, #6485bb 74.5%, #6f8fc4 79.3%, #7698ce 81.2% 86%, transparent 0), radial-gradient(50% 50% at 51% 52%, rgb(0 0 0 / .255) 83.5%, rgb(0 0 0 / .19) 89%, rgb(0 0 0 / .057) 92.5%, transparent 95%);background-image:var(--knob-blue)}.path-row__knob.is-reached{background-image:none}.path-row.is-claimable .path-row__knob{animation:path-knob-blue 933ms step-end both}.path-row.is-claimable .path-row__knob:before{animation:path-knob-pink 933ms step-end both}.path-row__flash{position:absolute;inset:0;border-radius:50%;background:radial-gradient(closest-side,#fff 78%,#fff9 90%,#fff0);animation:path-knob-flash 1.25s var(--ease-sine-in-out) both;pointer-events:none}.path-row__knob.is-reached:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 50% at 51.02% 47.53%,transparent 73%,rgba(254,183,221,.27) 74%,rgba(254,183,221,.69) 75%,#feb7dd 76.5% 79.5%,#febfe3 80.75%,#fdb7de 81.5%,#f5a7d4 82%,#d36bae 83%,#b5358c 84%,#ad2883 85% 88%,#b52b8d 89%,#aa2986 91%),linear-gradient(#fed1da,#fe6dd3);-webkit-mask:radial-gradient(50% 50% at 51.02% 47.53%,#000 89%,rgba(0,0,0,.98) 90%,rgba(0,0,0,.64) 91%,rgba(0,0,0,.19) 92%,rgba(0,0,0,.03) 93%,transparent 94%);mask:radial-gradient(50% 50% at 51.02% 47.53%,#000 89%,rgba(0,0,0,.98) 90%,rgba(0,0,0,.64) 91%,rgba(0,0,0,.19) 92%,rgba(0,0,0,.03) 93%,transparent 94%)}.path-row__knob img{width:34px;height:34px}.path-row__lead{position:absolute;top:85px;left:138px;width:86px;translate:0 -50%;display:flex;align-items:center;gap:6px}.path-row__points{font:bold 16px/1 var(--font-digits);color:#ec8de8}.path-row__dash{flex:1;min-width:8px;height:3px;background:repeating-linear-gradient(90deg,#d982e0 0 6px,transparent 6px 11px)}.path-row__reward{position:absolute;top:12px;left:222px;width:160px;display:flex;flex-direction:column;align-items:center}.path-row__art{position:relative;width:104px;height:104px}.path-row__icon{position:relative;width:100%;height:100%;object-fit:contain}.path-row__shine{--shine-color: 181 255 105;top:calc(50% + 14px);width:390px;height:226px;margin:-113px 0 0 -195px;animation:path-row-shine-in .25s var(--ease-cubic-out) both}.path-row__count{position:absolute;left:50%;bottom:-4px;translate:-50% 0;white-space:nowrap;font:bold 28px/1 var(--font-digits);color:#ffe14f;-webkit-text-stroke:5px #3b2457;paint-order:stroke fill}.path-row__label{margin-top:8px;text-align:center;font:900 16px/1.25 var(--font-display);color:#fff;-webkit-text-stroke:4px #34245a;paint-order:stroke fill}.path-row.is-claimed .path-row__icon{filter:brightness(.4);opacity:.6}.path-row.is-just-claimed .path-row__icon{animation:path-icon-dim .25s linear both}.path-row.is-claimed .path-row__count{animation:path-count-out 933ms linear both}.path-row.is-just-claimed .path-row__count{display:none}.path-row__tick{position:absolute;left:50%;top:50%;width:62px;translate:-50% -50%}.path-row.is-just-claimed .path-row__tick{animation:path-tick-in 417ms linear both}.path-row__claim{position:absolute;top:85px;right:16px;width:118px;height:48px;translate:0 -50%;font:900 20px/1 var(--font-display);color:#fff;-webkit-text-stroke:4px #23620f;paint-order:stroke fill;animation:path-claim-in .25s linear both}.path-row__claim:disabled:not(.is-leaving){cursor:progress;filter:grayscale(.6)}.path-row__claim.is-leaving{pointer-events:none;animation:path-claim-out .15s var(--ease-sine-in-out) both}.commander-path__counter{position:absolute;z-index:3;left:117px;height:44px;translate:0 50%;box-sizing:border-box;display:flex;align-items:center;gap:4px;border-style:solid;border-width:0 12px 0 23px;border-image:url(/assets/commander/point-counter.webp) 0 69 0 126 fill;transition:bottom .6s var(--ease-cubic-out)}.commander-path__counter img{width:30px;height:30px}.commander-path__counter span{font:bold 20px/1 var(--font-digits);color:#fff;-webkit-text-stroke:4px #6b1f5f;paint-order:stroke fill}.commander-path__status{padding-top:140px;text-align:center;font:bold 18px var(--font-ui);color:#d9d2ff}.commander-path__error{position:absolute;z-index:4;left:16px;right:172px;bottom:28px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#d9443aeb;direction:rtl;font:bold 15px/1.3 var(--font-ui);color:#fff}.commander-path__error button{flex-shrink:0;padding:6px 12px;border-radius:10px;background:#fff;color:#8c1d1d}.commander-path__bottom{position:absolute;z-index:4;right:0;bottom:20px;display:flex;padding:2px 10px 2px 8px;border-radius:40px 0 0 40px;background:#5b3fa3;box-shadow:inset 0 0 0 3px #7b5cc4}@keyframes commander-path-in{0%{scale:.01;animation-timing-function:var(--ease-cubic-out)}52%{scale:1.02;animation-timing-function:var(--ease-sine-in-out)}to{scale:1}}@keyframes commander-path-out{0%{scale:1;animation-timing-function:cubic-bezier(.33,0,.67,.67)}20%{scale:.95;animation-timing-function:var(--ease-smoothstep)}60%,to{scale:0}}@keyframes commander-path-scrim-out{to{opacity:0}}@keyframes path-claim-in{0%{scale:.7;animation-timing-function:var(--ease-sine-in-out)}46.8%{scale:1.1;animation-timing-function:var(--ease-sine-in-out)}73.2%{scale:.97;animation-timing-function:var(--ease-sine-in-out)}to{scale:1}}@keyframes path-claim-out{to{scale:.7;visibility:hidden}}@keyframes path-knob-blue{0%{background-image:var(--knob-blue)}}@keyframes path-knob-pink{0%{visibility:hidden}}@keyframes path-knob-flash{0%,56%{scale:.42;opacity:0}74.64%{opacity:1}84%{scale:1.68}94.64%{opacity:0}to{scale:1.01;opacity:0}}@keyframes path-row-shine-in{0%{scale:0}}@keyframes path-icon-dim{0%,60%{filter:none;opacity:1}}@keyframes path-count-out{0%,53.6%{opacity:1}to{opacity:0}}@keyframes path-tick-in{0%{scale:.1;animation-timing-function:var(--ease-cubic-out)}60%{scale:1.2;animation-timing-function:var(--ease-sine-in-out)}to{scale:1}}.commander-path__drops{z-index:6}.level-selector{width:345px;height:43.8px;display:grid;grid-template-columns:46px 1fr 46px;align-items:center;background:url(/assets/progress/level-panel.webp) center / 100% 100% no-repeat}.level-selector__arrow{width:46px;height:43.8px;display:grid;background:url(/assets/progress/level-arrow.webp) center / 100% 100% no-repeat;transition:scale .26s var(--ease-back-out)}.level-selector__arrow--previous{scale:-1 1}.level-selector__arrow:active:not(:disabled){scale:.9;transition-duration:70ms}.level-selector__arrow--previous:active:not(:disabled){scale:-.9 .9}.level-selector__arrow:disabled{cursor:default;filter:grayscale(.7) brightness(.85);opacity:.6}.level-selector__arrow:focus-visible{outline:none;filter:drop-shadow(0 0 3px #fff)}.level-selector__arrow-flash{--flash-edges: linear-gradient(90deg, transparent 1.19px, #000 1.81px calc(100% - 1.81px) , transparent calc(100% - 1.19px) ), linear-gradient(#000 27.61px, rgb(0 0 0 / .84) 28.06px, rgb(0 0 0 / .5) 28.33px, rgb(0 0 0 / .16) 28.61px, transparent 29.06px);margin:4px 6px 8px 4px;border-radius:6px;background:radial-gradient(9.68px 9.11px at 24.25px 18.69px,#fff 9.61px,rgb(255 255 255 / .92) 10.08px,transparent 10.67px),conic-gradient(from 90deg at 24.25px 18.69px,transparent 90deg,#fff 0);opacity:0;-webkit-mask:var(--flash-edges);-webkit-mask-composite:source-in;mask:var(--flash-edges);mask-composite:intersect}.level-selector__name{justify-self:center;margin-bottom:4px;direction:rtl;font:900 21px/1.2 var(--font-display);color:#fff;-webkit-text-stroke:4px #45206f;white-space:nowrap}.reward-pin{position:absolute;z-index:1;bottom:calc(var(--pin-lane) * var(--lane-lift));left:calc(var(--pin-position) * 100%);translate:-50% 0;width:64px;height:82px;box-sizing:border-box;display:grid;justify-items:center;align-items:center;padding-bottom:18px;transform-origin:50% 100%}.reward-pin:before,.reward-pin:after{--edge: .36px;content:"";position:absolute;inset:0;z-index:-1}.reward-pin:before{--line: #45568e;--clear: #45568e00;background:radial-gradient(45.77% 36.02% at 50.02% 38.47%,var(--line) calc(100% - var(--edge)),var(--clear) calc(100% + var(--edge))),linear-gradient(64.83deg,var(--clear) calc(31.55px - var(--edge)),var(--line) calc(31.55px + var(--edge))) left bottom / 50% 32px no-repeat,linear-gradient(-64.45deg,var(--clear) calc(31.35px - var(--edge)),var(--line) calc(31.35px + var(--edge))) right bottom / 50% 32px no-repeat,linear-gradient(var(--line) 0 0) 50% 50px / 2px 23px no-repeat;filter:drop-shadow(0 2.27px 1.23px rgb(0 0 0 / .43))}.reward-pin:after{--shape: radial-gradient(42.67% 33.57% at 50.02% 38.47%, #000 calc(100% - var(--edge)), #0000 calc(100% + var(--edge))), linear-gradient(64.52deg, #0000 calc(33.55px - var(--edge)), #000 calc(33.55px + var(--edge))) left bottom / 50% 32px no-repeat, linear-gradient(-64.14deg, #0000 calc(33.38px - var(--edge)), #000 calc(33.38px + var(--edge))) right bottom / 50% 32px no-repeat, linear-gradient(#000 0 0) 50% 50px / 2px 18px no-repeat;background:radial-gradient(67.1% 52.79% at 50% 27.41%,#fefeff,#ecf6ff 60.58%,#c3e3ff);-webkit-mask:var(--shape);mask:var(--shape)}.reward-pin>*{grid-area:1 / 1}.reward-pin.is-raised{z-index:0}.reward-pin__stem{position:absolute;top:calc(100% - 7px);left:50%;translate:-50% 0;width:6px;height:calc(var(--pin-lane) * var(--lane-lift));box-sizing:border-box;border:1.5px solid rgb(70,91,145);border-radius:3px;background:#e2f2fe}.reward-pin__icon{width:var(--icon-size, 46px);height:var(--icon-size, 46px);object-fit:contain;animation:reward-pin-bob 2.4s var(--ease-sine-in-out) calc(var(--stagger) * .17s) infinite alternate both}@keyframes reward-pin-bob{0%{translate:0 1.5px}to{translate:0 -2.5px}}.reward-pin.is-claimed .reward-pin__icon{filter:grayscale(1);opacity:.55;animation:none}.reward-track{--lane-lift: 48px;position:relative;z-index:1;width:366.9px;height:82px}.reward-track.has-raised-pins{height:calc(82px + var(--lane-lift))}.trophy-progress{--track-width: 366.9px;position:relative;width:398px;height:63px;box-sizing:border-box;display:flex;align-items:center;padding:0 15.55px;background:url(/assets/progress/main-background.webp) center / 100% 100% no-repeat}.trophy-progress__track{width:var(--track-width);height:35.8px;margin-top:-7.8px;display:grid;align-items:center}.trophy-progress__track>*{position:relative;grid-area:1 / 1}.trophy-progress__fill{position:relative;justify-self:start;height:100%;width:calc(var(--progress) * 100%);overflow:hidden;background:url(/assets/progress/main-fill.webp) left center / var(--track-width) 100% no-repeat;transition:width .7s var(--ease-cubic-out)}.trophy-progress__fill:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--track-width);-webkit-mask:url(/assets/progress/main-fill.webp) left center / 100% 100% no-repeat;mask:url(/assets/progress/main-fill.webp) left center / 100% 100% no-repeat;background:linear-gradient(105deg,transparent 45%,rgba(255,255,255,.5) 50%,transparent 55%) no-repeat;background-size:300% 100%;background-position:100% 0;animation:trophy-progress-sheen 4s var(--ease-sine-in-out) 1.6s infinite}@keyframes trophy-progress-sheen{0%{background-position:100% 0}35%,to{background-position:0% 0}}.trophy-progress__icon{justify-self:start;width:38px;height:38px;margin-left:4.4px}.trophy-progress__amount{justify-self:center;font:bold 23px/1.2 var(--font-digits);color:#ffe35b;-webkit-text-stroke:4px #4b2366}.trophy-progress.is-completed .trophy-progress__amount{font-family:var(--font-ui);color:#fcd27a;-webkit-text-stroke-color:#4a2412}.trophy-progress:before{content:"";position:absolute;inset:calc(398px * -18 / 512);background:url(/assets/progress/main-background-glow.webp) center / 100% 100% no-repeat;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-cubic-out)}.trophy-progress.is-receiving:before{opacity:1}.trophy-progress.is-receiving .trophy-progress__fill{transition-duration:.22s}@keyframes scene-sway{0%,to{rotate:var(--sway-from, 0deg)}50%{rotate:var(--sway-to)}}@keyframes scene-squash{0%,to{scale:calc(1 - var(--squash)) calc(1 + var(--squash))}50%{scale:calc(1 + var(--squash)) calc(1 - var(--squash))}}.beach-brawl{position:relative;width:346.5px;height:344.4px}.beach-brawl *{position:absolute}.beach-brawl__sand{left:4.4px;top:215.2px;width:352.1px;height:141.7px}.beach-brawl__umbrella{left:49.3px;top:14.1px;width:247.9px;height:180.6px}.beach-brawl__bench{left:51.1px;top:129.5px;width:244.3px;height:123.6px}.beach-brawl__barbell{left:-15.6px;top:130px;width:377.7px;height:74.5px}.beach-brawl__bros{--sway-from: -1deg;--sway-to: 1deg;--squash: .02;left:173.25px;top:264.4px;animation:scene-sway 3.333s var(--ease-smoothstep) infinite,scene-squash 1.667s var(--ease-smoothstep) infinite}.beach-brawl__bros-art{left:-105.2px;top:-187.3px;width:228.7px;height:168px}.beach-brawl__fence{left:40.2px;top:203.3px;width:266.2px;height:187.2px}.forest-bandit__goose-right{--sway-from: 2.86deg;--sway-to: 10.25deg;left:91.4px;top:-46.8px;animation:scene-sway 1s var(--ease-smoothstep) -.87s infinite,forest-bandit-goose-right-stretch 2s var(--ease-smoothstep) -1.87s infinite}@keyframes forest-bandit-goose-right-stretch{0%,50%,to{scale:.97 1.03}25%{scale:1.06 .97}75%{scale:1.03 .97}}.forest-bandit__goose-right-art{left:-18.9px;top:-68.3px;width:50.2px;height:77.9px}.forest-bandit__goose-left,.forest-bandit__goose-left-beak{--sway-from: -2deg;--sway-to: 2deg;--squash: .02;animation:scene-sway 1s var(--ease-smoothstep) infinite,scene-squash .5s var(--ease-smoothstep) infinite}.forest-bandit__goose-left{left:-104.6px;top:-141.3px;width:63.1px;height:77.9px;transform-origin:65% 52%}.forest-bandit__goose-left-beak{left:-63.4px;top:-100.8px}.forest-bandit__goose-left-beak-art{left:6.5px;top:-31.6px;width:14.4px;height:13px}.forest-bandit__body{--sway-to: -1.394deg;left:-55.8px;top:-115.7px;width:120.6px;height:76.9px;animation:scene-sway 1s var(--ease-smoothstep) infinite}.forest-bandit__goose-top{--sway-from: 3.63deg;--sway-to: 10.68deg;--squash: .02;left:31.1px;top:-163.1px;animation:scene-sway 1s var(--ease-smoothstep) infinite,scene-squash 1s var(--ease-smoothstep) infinite}.forest-bandit__goose-top-art{left:-64.4px;top:-46.1px;width:74px;height:82.3px}.forest-bandit__goose-top-foot{left:-60px;top:15.8px;width:14.7px;height:23.2px}.forest-bandit__goose-top-beak{--sway-to: 7deg;left:31.2px;top:-162.9px;animation:scene-sway 1s var(--ease-smoothstep) infinite}.forest-bandit__goose-top-beak-art{left:-3.7px;top:-4.1px;width:10.6px;height:14.4px}.forest-bandit__head{--sway-from: -1deg;--sway-to: 1deg;--squash: .02;left:8.9px;top:-97.3px;animation:scene-sway 2s var(--ease-smoothstep) infinite,scene-squash 1s var(--ease-smoothstep) infinite}.forest-bandit__hood{left:-58.6px;top:-68.1px;width:120.6px;height:89.3px}.forest-bandit__face{left:-16.1px;top:-50.4px;width:38.6px;height:51.3px}.forest-bandit__treasure-arm{--sway-to: 3.181deg;left:64.5px;top:-77.3px;animation:scene-sway 2s var(--ease-smoothstep) infinite}.forest-bandit__treasure-forearm{left:-24.4px;top:-21px;width:30px;height:39.9px}.forest-bandit__treasure{left:-72.5px;top:-24.3px;width:60.8px;height:86.6px}.forest-bandit__sword-arm{--sway-to: -4.44deg;left:-36.8px;top:-98.9px;animation:scene-sway 2s var(--ease-smoothstep) infinite}.forest-bandit__sword-forearm{left:-17.6px;top:8.6px;width:25.5px;height:41.9px}.forest-bandit__sword{left:-14.6px;top:-8.7px;width:44.7px;height:68.9px}.forest-bush{--sway-from: -1deg;--sway-to: 1deg;--squash: .01;animation:scene-sway 2s var(--ease-smoothstep) infinite,scene-squash 1s var(--ease-smoothstep) infinite}.forest-bush__bag{animation:scene-sway 2s var(--ease-smoothstep) -1.83s infinite}.forest-bush__bag--left{--sway-from: -2deg;--sway-to: 2deg;left:-163.6px;top:-114.2px;width:70px;height:69px}.forest-bush__bag--right{--sway-from: 2deg;--sway-to: -3deg;left:105.7px;top:-94.4px;width:77.2px;height:46.1px;transform-origin:29% 56%}.forest-bush__leaves{left:-129.3px;top:-111.5px;width:265.1px;height:160.5px}.forest-fireflies__firefly{left:calc(var(--x) - 4px);top:calc(var(--y) - 4px);width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff3a6 0%,rgba(196,255,102,.8) 32%,transparent 70%);mix-blend-mode:screen;animation:forest-fireflies-drift var(--drift-duration) var(--ease-sine-in-out) var(--offset) infinite,forest-fireflies-blink var(--blink-duration) var(--ease-sine-in-out) var(--offset) infinite alternate}@keyframes forest-fireflies-drift{0%,to{translate:0 0}25%{translate:9px -7px}50%{translate:3px -14px}75%{translate:-7px -6px}}@keyframes forest-fireflies-blink{0%{opacity:.1;scale:.7}to{opacity:1;scale:1}}.forest-torch--left{--sway-to: 8.967deg;--squash: .02;animation:scene-sway 2s var(--ease-smoothstep) infinite,scene-squash 1s var(--ease-smoothstep) infinite}.forest-torch--right{--sway-from: -1.872deg;--sway-to: 2.107deg;--squash: .03;animation:scene-sway 2s var(--ease-smoothstep) infinite,scene-squash 1s var(--ease-smoothstep) infinite}.forest-torch--left .forest-torch__stick{left:-18.6px;top:-59px;width:25.9px;height:83.3px}.forest-torch--right .forest-torch__stick{left:-10px;top:-58.8px;width:45.6px;height:83.3px}.forest-torch--left .forest-torch__fire{left:-10.2px;top:-44px;scale:-1 1}.forest-torch--right .forest-torch__fire{--sway-from: -3.39deg;--sway-to: 7.182deg;--squash: .03;left:24.4px;top:-42.9px;animation:scene-sway 2s var(--ease-smoothstep) -1.93s infinite,scene-squash .5s var(--ease-smoothstep) -.43s infinite}.forest-torch__flame{width:51.7px;height:83.3px}.forest-torch--left .forest-torch__flame{--sway-from: 4.809deg;--sway-to: -3.115deg;--squash: .03;left:-24.9px;top:-59.3px;transform-origin:48% 72%;animation:scene-sway 1s var(--ease-smoothstep) -.92s infinite,scene-squash .5s var(--ease-smoothstep) -.42s infinite}.forest-torch--right .forest-torch__flame{left:-22.2px;top:-59.5px}.forest-torch__glow{left:-58px;top:-78px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,196,102,.55) 0%,rgba(255,140,60,.22) 38%,transparent 70%);mix-blend-mode:screen;animation:forest-torch-glow-pulse 1.3s var(--ease-sine-in-out) infinite alternate,forest-torch-glow-breathe .7s var(--ease-sine-in-out) infinite alternate}@keyframes forest-torch-glow-pulse{0%{opacity:.7}to{opacity:1}}@keyframes forest-torch-glow-breathe{0%{scale:.94}to{scale:1.05}}.forest-torch__ember{left:-1.5px;top:-48px;width:3px;height:3px;border-radius:50%;background:#ffe09a;box-shadow:0 0 4px 1px #ff963cd9;opacity:0;animation:forest-torch-ember 2.1s cubic-bezier(.25,.6,.5,1) calc(var(--ember) * .7s) infinite}.forest-torch__ember:nth-child(odd){--drift: 7px}.forest-torch__ember:nth-child(2n){--drift: -6px}@keyframes forest-torch-ember{0%{opacity:0;translate:0 0;scale:1}15%{opacity:1}to{opacity:0;translate:var(--drift) -46px;scale:.4}}.treasure-sparks__spark{scale:0;animation-duration:2.833s;animation-timing-function:var(--ease-smoothstep);animation-iteration-count:infinite}.treasure-sparks__spark--large{left:-17.7px;top:-19.5px;width:18.7px;height:18.9px;animation-name:treasure-sparks-large}.treasure-sparks__spark--small{left:-4.6px;top:-2.7px;width:22.3px;height:22px;animation-name:treasure-sparks-small}@keyframes treasure-sparks-large{0%{scale:0;rotate:18.64deg;translate:0 0}11.3%{scale:1}22.2%{scale:0;rotate:80.2deg}47.6%{scale:0;rotate:18.64deg;translate:11.3px 0}58.9%{scale:1}69.9%,to{scale:0;rotate:80.2deg;translate:11.3px 0}}@keyframes treasure-sparks-small{0%,19.4%{scale:0;rotate:-36deg;translate:0 0}30.7%{scale:1}41.7%{scale:0;rotate:58.87deg}77.7%{scale:0;rotate:-36deg;translate:-14.6px 0}88.9%{scale:1}to{scale:0;rotate:58.87deg;translate:-14.6px 0}}.frisky-forest{position:relative;width:346.5px;height:344.4px}.frisky-forest *{position:absolute}.frisky-forest__trees{--squash: .0075;left:21.3px;top:.1px;width:299.8px;height:286.9px;animation:scene-squash 1s var(--ease-smoothstep) infinite}.frisky-forest__fireflies{inset:0}.frisky-forest__torch-left{left:48.4px;top:207.4px}.frisky-forest__torch-right{left:273.2px;top:207.4px}.frisky-forest__bandit{left:163.8px;top:263.9px}.frisky-forest__bush{left:163.5px;top:295.4px}.frisky-forest__sparks{left:193.7px;top:196.4px}.hammerhold{position:relative;width:346.5px;height:344.4px}.hammerhold *{position:absolute}.hammerhold__glow-tubes{--sway-from: -1deg;--sway-to: 1deg;--squash: .02;left:163.9px;top:201.7px;animation:scene-sway 2s var(--ease-smoothstep) -1.867s infinite,scene-squash 1s var(--ease-smoothstep) -.867s infinite}.hammerhold__glow-tubes-art{left:-143.7px;top:-71.6px;width:287.4px;height:143.1px}.hammerhold__turrets{--sway-from: -.571deg;--sway-to: .43deg;left:173.25px;top:258px;animation:scene-sway 2s var(--ease-smoothstep) -1.9s infinite,hammerhold-turrets-squash 1s var(--ease-smoothstep) -.9s infinite}@keyframes hammerhold-turrets-squash{0%,to{scale:.98837 1.01044}50%{scale:1.01044 .98837}}.hammerhold__turrets-art{left:-170.5px;top:-284.2px;width:287.4px;height:270px}.hammerhold__legs{--sway-from: -2deg;--sway-to: 2deg;left:163.3px;top:214.4px;animation:scene-sway 2s var(--ease-smoothstep) infinite}.hammerhold__legs-art{left:-54.6px;top:-29.8px;width:109.3px;height:59.6px}.hammerhold__crate{left:13.7px;top:172.9px;width:321.1px;height:152.4px}.hammerhold__engineer{--sway-from: -1deg;--sway-to: 1deg;--squash: .02;left:173.25px;top:232.1px;animation:scene-sway 2s var(--ease-smoothstep) infinite,scene-squash 1s var(--ease-smoothstep) infinite}.hammerhold__engineer-art{left:-120.3px;top:-213.7px;width:299.6px;height:199.5px}.red-keep{position:relative;width:346.5px;height:344.4px}.red-keep *{position:absolute}.red-keep__burst{left:154.2px;top:186px}.red-keep__rays{left:-314.2px;top:-314.2px;width:628.4px;height:628.4px;background:radial-gradient(closest-side,rgba(255,226,214,.9),rgba(255,186,200,.42) 55%,transparent);-webkit-mask:url(/assets/effects/glow-rays.webp) center / contain no-repeat;mask:url(/assets/effects/glow-rays.webp) center / contain no-repeat;animation:shine-glow-front 19.017s linear infinite}.red-keep__rays--back{animation-name:shine-glow-back}.red-keep__blast{--sway-from: -1deg;--sway-to: 1deg;--squash: .02;top:48px;animation:scene-sway 1.5s var(--ease-smoothstep) infinite,scene-squash .75s var(--ease-smoothstep) infinite}.red-keep__blast-art{left:-111.4px;top:-135.6px;width:235.3px;height:121.8px}.red-keep__castle-group{--sway-from: -.436deg;--sway-to: .431deg;left:163.8px;top:315.9px;animation:scene-sway 2.667s var(--ease-smoothstep) -2.533s infinite,red-keep-castle-squash 1.333s var(--ease-smoothstep) -1.2s infinite}@keyframes red-keep-castle-squash{0%,to{scale:.98685 1.00656}50%{scale:1.00656 .98685}}.red-keep__castle{left:-185.6px;top:-340.9px;width:373.6px;height:340px}.red-keep__banners{left:-202.3px;top:-291.2px;width:388.9px;height:264.3px}.red-keep__sword{left:-225.3px;top:-158.3px;width:144.9px;height:77.3px}.red-keep__chicken{left:-223.3px;top:-351.7px;width:371.8px;height:217.1px}.red-keep__horse{left:103.3px;top:-189.4px;width:108.4px;height:143.4px}.red-keep__kingclops{--sway-from: -.647deg;--sway-to: .594deg;--squash: .012;left:163.8px;top:315.9px;animation:scene-sway 2.667s var(--ease-smoothstep) infinite,scene-squash 1.333s var(--ease-smoothstep) infinite}.red-keep__kingclops-art{left:-156.9px;top:-285.8px;width:306.5px;height:310.2px}.arena-panel{height:424px;display:grid}.arena-panel>*{grid-area:1 / 1}.arena-panel__scene{justify-self:center;align-self:start;margin-top:-4px}.arena-panel__road{position:relative;align-self:end;display:flex;flex-direction:column;align-items:center}.arena-panel__road>.reward-track{margin-bottom:-12px}.arena-panel__road>.level-selector{margin-top:-5px}.offer-header{position:relative;isolation:isolate;width:100%;height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px 2px 12px;box-sizing:border-box}.offer-header:before{content:"";position:absolute;inset:0;z-index:-1;border-style:solid;border-width:0;border-image-source:var(--offer-bar-art, url(/assets/shop/offers/title-bar-starter.webp));border-image-slice:0 248 0 25 fill;border-image-width:0 179px 0 18px;filter:var(--offer-bar-filter, none);scale:-1 1}.offer-header__title{font:900 21px/1 var(--font-display);color:#fff;-webkit-text-stroke:4px var(--offer-ink, #8a4410);white-space:nowrap}.offer-header__ends{width:160px}.offer-ends{display:flex;justify-content:center;align-items:center;gap:5px;font:900 15px/1 var(--font-display);color:#fff;-webkit-text-stroke:3px var(--offer-ink, #8a4410);white-space:nowrap}.offer-ends__clock{width:20px;height:22px;object-fit:contain}.offer-shortcut{display:flex;flex-direction:column;align-items:center;animation:enter-pop .6s linear both}.offer-shortcut__icon{width:58px;height:62px;object-fit:contain}.offer-shortcut__plaque{position:relative;min-width:58px;height:24px;box-sizing:border-box;margin-top:-14px;padding:0 4px;display:grid;place-items:center;border:2px solid #151a35;border-radius:4px;background:#303857;box-shadow:inset 0 0 0 2px #7686a4;font:bold 11px/1.2 var(--font-ui);color:#ffca42;-webkit-text-stroke:2px #483321;white-space:nowrap}.offer-shortcut__tag{position:relative;min-width:58px;box-sizing:border-box;margin-top:3px;padding:3px 7px 5px;display:flex;flex-direction:column;align-items:center;gap:1px;border-radius:8px;background:linear-gradient(#ff5a6a,#d42a44);box-shadow:inset 0 -2px #7a102073,0 2px #7a1020;font:900 11px/1.15 var(--font-display);color:#fff;-webkit-text-stroke:2.5px #7a1020;white-space:nowrap;transform-origin:50% -4px;animation:value-tag-swing 2s infinite,value-tag-pulse 2s cubic-bezier(.33,0,.67,1) infinite}.featured-offer-button .featured-offer-button__ends{font:bold 10px/1.2 var(--font-ui);color:inherit;-webkit-text-stroke:inherit}.no-ads-button{margin-top:7px}.no-ads-button__timer{font-size:10px;white-space:nowrap}.no-ads-button__sale{font-size:12px}.no-ads-button__sale-time{font-size:10px}.home-offers{display:flex;flex-direction:column;align-items:center;gap:10px}.settings-button{width:52px;height:52px;box-sizing:border-box;margin-top:1px;display:grid;place-items:center;border:2px solid #8075b2;border-radius:50%;background:radial-gradient(circle at 50% 48%,#34304e 20px,#504675 20.5px);box-shadow:0 2px 0 1px #322b5059}.settings-button__icon{width:36px;height:36px}.battle-button{width:299px;height:120px;display:grid}.battle-button:focus-visible{outline:none}.battle-button:focus-visible .battle-button__face{filter:drop-shadow(0 0 4px #fff)}.battle-button__body{display:grid;transform-origin:50% 80%;animation:battle-button-jelly 2.4s 1.8s infinite}.battle-button.is-pressed .battle-button__body{animation-play-state:paused}.battle-button:disabled{cursor:default}.battle-button:disabled .battle-button__body,.battle-button:disabled .battle-button__shine{animation:none}.battle-button:disabled .battle-button__face{filter:grayscale(1) brightness(.92)}@keyframes battle-button-jelly{0%,61.8%{scale:1;rotate:0deg;animation-timing-function:cubic-bezier(.45,0,.9,.6)}67.4%{scale:.93 .83;rotate:.5deg;animation-timing-function:cubic-bezier(.15,.75,.3,1)}86.1%{scale:1.07;rotate:-.5deg;animation-timing-function:var(--ease-sine-in-out)}94.4%{scale:.96 .94;rotate:.2deg;animation-timing-function:var(--ease-quad-out)}97.9%{scale:1 .986}to{scale:1;rotate:0deg}}.battle-button__face{display:grid;background:url(/assets/battle/battle-button-face.svg) center / 100% 100% no-repeat;transform-origin:50% 60%;transition:translate .26s var(--ease-back-out),scale .26s var(--ease-back-out)}.battle-button.is-pressed .battle-button__face{translate:0 4px;scale:.95;transition-duration:70ms;transition-timing-function:var(--ease-quad-out)}.battle-button__face>*{grid-area:1 / 1}.battle-button__shine{-webkit-mask:url(/assets/battle/battle-button-shape.svg) center / 100% 100% no-repeat;mask:url(/assets/battle/battle-button-shape.svg) center / 100% 100% no-repeat;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.6) 50%,transparent 58%) no-repeat;background-size:300% 100%;background-position:100% 0;animation:battle-button-shine 2.4s var(--ease-sine-in-out) 1.8s infinite}@keyframes battle-button-shine{0%,12%{background-position:100% 0}48%,to{background-position:0% 0}}.battle-button__flash{background:inherit;mix-blend-mode:plus-lighter;opacity:0}.battle-button__label{place-self:center;margin-bottom:11.5px;font:900 34.5px/1.2 var(--font-display);color:#fff;-webkit-text-stroke:5.2px #582a25;text-shadow:0 2.3px 0 #713821}.battle-button--claim .battle-button__face{background-image:url(/assets/battle/claim-button-face.svg)}.battle-button--inactive .battle-button__body{animation:none}.battle-button--inactive .battle-button__face{background-image:url(/assets/battle/inactive-button-face.svg)}.battle-button--claim .battle-button__label{-webkit-text-stroke-color:#1d4f10;text-shadow:0 2.3px 0 #2a6a18}.battle-prize-strip{width:286px;height:102px;box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start;gap:2px;padding-top:4px;background:url(/assets/battle/prize-strip.svg) center / 100% 100% no-repeat}.battle-prize-strip__visual{position:relative;display:grid}.battle-prize-strip__visual>*{position:relative;grid-area:1 / 1}.battle-prize-strip__image{width:64px;height:64px}.battle-prize-strip__prize.is-ready .battle-prize-strip__image{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 5px rgb(255 255 255 / .8))}.battle-prize-strip__tick{justify-self:end;align-self:end;width:26px;height:26px;margin:0 -3px -3px 0;border:2.5px solid #fff;border-radius:50%;box-sizing:border-box;background:#3fae2a url(/assets/commander/check.webp) center / 17px no-repeat;box-shadow:0 1.5px #24143c73}.battle-prize-strip__flash{border-radius:50%;background:#fff;opacity:0;pointer-events:none}.battle-prize-strip__prize.is-unlocking .battle-prize-strip__visual{animation:battle-prize-unlock 1667ms both}.battle-prize-strip__prize.is-unlocking .battle-prize-strip__flash{animation:battle-prize-flash 1667ms var(--ease-smoothstep) both}@keyframes battle-prize-unlock{0%{scale:1;animation-timing-function:cubic-bezier(.33,0,.67,.54)}70%{scale:1.05;animation-timing-function:var(--ease-smoothstep)}74%{scale:1.15;animation-timing-function:var(--ease-smoothstep)}81%{scale:.94;animation-timing-function:var(--ease-smoothstep)}90%{scale:1.03;animation-timing-function:var(--ease-smoothstep)}to{scale:1}}@keyframes battle-prize-flash{0%{opacity:0}70%{opacity:1}to{opacity:0}}.battle-launcher{display:flex;flex-direction:column;align-items:center}.battle-launcher>.battle-button{margin-top:-25px}.battle-launcher.is-hidden{visibility:hidden}.pass-card{width:268px;height:104px;box-sizing:border-box;flex-shrink:0;display:grid;grid-template-columns:36px 1fr 42px;grid-template-rows:auto 1fr;padding:19px 68px 21px 27px;background:url(/assets/pass/pass-card-frame.svg) center / 100% 100% no-repeat}.pass-card__title{grid-area:1 / 1 / 2 / 3;justify-self:center;font:bold 18px/1.2 var(--font-ui);color:#f4f1dd;-webkit-text-stroke:3px #667086}.pass-card__level{grid-area:2 / 1;align-self:end;width:36px;height:36px;box-sizing:border-box;display:grid;place-items:center;border:2px solid #688b9a;border-radius:50%;background:#9ebbc3;font:bold 21px/1.2 var(--font-digits);color:#e8e7d3;-webkit-text-stroke:2px #6d8493}.pass-card__heart{grid-area:1 / 3 / 3 / 4;align-self:start;width:42px;height:37px;margin-top:7px}.pass-card__lock{grid-area:1 / 2 / 3 / 3;place-self:center;display:grid;place-items:center;translate:-9px -4px}.pass-card__lock>*{grid-area:1 / 1}.pass-card__chain{width:115px;height:94px;rotate:-85deg}.pass-card__padlock{width:51px;height:48px;translate:15px 8px;transform-origin:50% 11%;animation:pass-card-padlock-swing 2s var(--ease-sine-in-out) infinite alternate}@keyframes pass-card-padlock-swing{0%{rotate:11deg}to{rotate:-16deg}}.stat-badge{width:64px;height:22px;box-sizing:border-box;margin:2px;display:flex;align-items:center;padding-left:3px;border:2px solid var(--badge-border);border-radius:11px;background:var(--badge-fill);box-shadow:0 0 0 2px #3f2369cc}.stat-badge--trophies{--badge-fill: #6a4399;--badge-border: #b58dd9;--badge-text: #ffe761}.stat-badge--level{--badge-fill: #a44e96;--badge-border: #d899c7;--badge-text: #ffe0f6}.stat-badge__icon{width:18px;height:18px}.stat-badge__value{flex:1;text-align:center;font:bold 16px/1.2 var(--font-digits);color:var(--badge-text);-webkit-text-stroke:3px #4b2362}.player-card{position:relative;width:300px;height:96px;box-sizing:border-box;flex-shrink:0;display:grid;grid-template-columns:78px auto;grid-template-rows:78px auto;grid-template-areas:"avatar name" "stats stats";column-gap:11px;align-content:start;padding:9px 0 0 39px;background:var(--player-card-background) center / 100% 100% no-repeat}.player-card__avatar{--frame-edge: transparent 1.25px, #ffd0a0 2.15px 5.225px, #422a2a 5.925px calc(100% - 5.925px) , #ffd0a0 calc(100% - 5.225px) calc(100% - 2.15px) , transparent calc(100% - 1.25px) ;--frame-corner: #422a2a 11.775px, #ffd0a0 12.475px 15.55px, transparent 16.45px;grid-area:avatar;display:grid;place-items:center;background:linear-gradient(var(--frame-edge)) center / calc(100% - 35.4px) 100% no-repeat,linear-gradient(90deg,var(--frame-edge)) center / 100% calc(100% - 35.4px) no-repeat,radial-gradient(circle at left 17.7px top 17.7px,var(--frame-corner)) left top / 22px 22px no-repeat,radial-gradient(circle at right 17.7px top 17.7px,var(--frame-corner)) right top / 22px 22px no-repeat,radial-gradient(circle at left 17.7px bottom 17.7px,var(--frame-corner)) left bottom / 22px 22px no-repeat,radial-gradient(circle at right 17.7px bottom 17.7px,var(--frame-corner)) right bottom / 22px 22px no-repeat}.player-card__avatar-image{width:64px;height:64px;border-radius:14px}.player-card__open{position:absolute;inset:0}.player-card:has(.player-card__open:active){scale:.97}.player-card__open:focus-visible{outline:2px solid #fff;outline-offset:-4px;border-radius:16px}.player-card__name{grid-area:name;align-self:start;margin-top:1px;font:bold 22px/1.2 var(--font-ui);color:#fffdf5;-webkit-text-stroke:4px #4b2362}.player-card__stats{grid-area:stats;display:flex;gap:8px;margin:-21px 0 0 -1px}.home-screen{box-sizing:border-box;min-height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto auto;padding-top:26px;padding-bottom:15.5px}.home-screen>*{grid-column:1}.home-screen__header{grid-row:1;position:relative;z-index:1;display:flex;align-items:flex-start}.home-screen__shortcuts{grid-row:2 / 4;align-self:start;position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;padding:15px 64px 0 55px}.home-screen>.arena-panel{grid-row:3}.home-screen__pass-card{margin-left:-12px}.home-screen>.battle-launcher{grid-row:4;margin-top:15px}.home-screen.is-arena-leaving :is(.arena-panel__scene,.arena-panel__road,.battle-launcher){animation:home-arena-leave 167ms both}.home-screen.is-arena-entering :is(.arena-panel__scene,.arena-panel__road,.battle-launcher){animation:home-arena-enter 167ms both}@keyframes home-arena-leave{0%{translate:0 0;animation-timing-function:cubic-bezier(.33,0,.67,.67)}50%{opacity:1;animation-timing-function:cubic-bezier(.33,0,.67,.67)}to{opacity:0;translate:calc(var(--arena-step) * -211px) 0}}@keyframes home-arena-enter{0%{opacity:0;translate:calc(var(--arena-step) * 211px) 0;animation-timing-function:cubic-bezier(.33,.33,.67,1)}50%{opacity:1}to{translate:0 0}}.opponent-roll{height:96px}.opponent-roll__track{position:relative;height:100%;will-change:transform}.opponent-roll__slot{position:absolute;top:0}.matchmaking-screen{--matchmaking-center: 51.23%;--matchmaking-tilt: -6.69deg;position:absolute;inset:0;z-index:4;overflow:hidden}.matchmaking-screen__half{position:absolute;inset:0;animation:517ms both}.matchmaking-screen__half--opponent{animation-name:matchmaking-opponent-in}.matchmaking-screen__half--player{animation-name:matchmaking-player-in}.matchmaking-screen__panel{position:absolute;left:-230px;width:1000px;height:1600px;rotate:var(--matchmaking-tilt)}.matchmaking-screen__half--opponent .matchmaking-screen__panel{bottom:calc(100% - var(--matchmaking-center) + 13px);transform-origin:50% 100%;border-bottom:3px solid #2c2a42;background:linear-gradient(to top,#f48a87 0,#bf313f 480px,#ad2635 800px)}.matchmaking-screen__half--player .matchmaking-screen__panel{top:calc(var(--matchmaking-center) - 13px);transform-origin:50% 0;background:linear-gradient(to bottom,#9acefa 0,#5573df 430px,#4562d6 700px)}.matchmaking-screen__roll{position:absolute;left:0;right:0;top:calc(var(--matchmaking-center) - 194px)}.matchmaking-screen__player{position:absolute;left:120px;top:calc(var(--matchmaking-center) + 85px)}.matchmaking-screen__vs{position:absolute;left:218px;top:calc(var(--matchmaking-center) - 37px);width:104px;height:74px;animation:matchmaking-vs-in .55s both}.matchmaking-screen__status{position:absolute;left:0;right:0;top:calc(var(--matchmaking-center) + 304px);margin:0;direction:rtl;text-align:center;font:900 26px/1.4 var(--font-ui);color:#fff;-webkit-text-stroke:5px #2c2a42;text-shadow:0 2px 2px rgba(20,20,50,.4);white-space:nowrap}.matchmaking-screen__status-text{position:relative;display:inline-block}.matchmaking-screen__dots{position:absolute;right:100%;animation:matchmaking-dots 2s step-end infinite}.matchmaking-screen__cancel{position:absolute;top:18px;right:18px}.matchmaking-screen.is-leaving .matchmaking-screen__half{animation-duration:667ms}.matchmaking-screen.is-leaving .matchmaking-screen__half--opponent{animation-name:matchmaking-opponent-out}.matchmaking-screen.is-leaving .matchmaking-screen__half--player{animation-name:matchmaking-player-out}.matchmaking-screen.is-leaving .matchmaking-screen__vs{animation:matchmaking-vs-out 267ms both}@keyframes matchmaking-opponent-in{0%{translate:0 -100%;animation-timing-function:var(--ease-cubic-out)}74%{translate:0 4px;animation-timing-function:var(--ease-sine-in-out)}to{translate:0 0}}@keyframes matchmaking-player-in{0%{translate:0 100%;animation-timing-function:var(--ease-cubic-out)}74%{translate:0 -4px;animation-timing-function:var(--ease-sine-in-out)}to{translate:0 0}}@keyframes matchmaking-opponent-out{0%{translate:0 0;animation-timing-function:var(--ease-sine-in-out)}47.5%{translate:0 4px;animation-timing-function:cubic-bezier(.32,0,.67,0)}to{translate:0 -100%}}@keyframes matchmaking-player-out{0%{translate:0 0;animation-timing-function:var(--ease-sine-in-out)}47.5%{translate:0 -4px;animation-timing-function:cubic-bezier(.32,0,.67,0)}to{translate:0 100%}}@keyframes matchmaking-vs-in{0%,57.6%{scale:0}75.8%{scale:1.1}to{scale:1}}@keyframes matchmaking-vs-out{0%{scale:1;opacity:1}to{scale:0;opacity:0}}@keyframes matchmaking-dots{0%{clip-path:inset(-10px 0 -10px 100%)}25%{clip-path:inset(-10px 0 -10px 66.7%)}50%{clip-path:inset(-10px 0 -10px 33.3%)}75%,to{clip-path:inset(-10px 0 -10px 0)}}.popup{position:relative;isolation:isolate;width:440px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:34px 44px 92px;color:#fff;font:bold 16px/1.4 var(--font-ui);animation:enter-pop .6s linear both;--popup-frame: 65px 79px 95px;--popup-fill-inset: 24px 36px 51px;--popup-fill-radius: 28px}.popup--pink{--popup-art: url(/assets/profile/picker-panel.webp);--popup-fill: #fcb3ba, #f096c4;--popup-title-ink: #9c3f74}.popup--orange{--popup-art: url(/assets/profile/picker-panel-orange.webp);--popup-fill: #fdbd8f, #fe9a85;--popup-title-ink: #3b2421}.popup:before{content:"";position:absolute;inset:0;z-index:-1;border-style:solid;border-width:var(--popup-frame);border-image:var(--popup-art) 87 105 127 105 fill}.popup:after{content:"";position:absolute;inset:var(--popup-fill-inset);z-index:-2;border-radius:var(--popup-fill-radius);background:radial-gradient(closest-side,var(--popup-fill))}.popup__title{text-align:center;font:900 26px/1.2 var(--font-display);color:#fff;-webkit-text-stroke:5px var(--popup-title-ink)}.popup__close{position:absolute;left:50%;bottom:47px;translate:-50% 50%}.popup .dialog-error{background:#c8364a;box-shadow:inset 0 -3px #8c1f32;color:#fff}.popup.has-actions{padding-bottom:70px}.popup__actions{--button-height: 62px;--button-font: 24px;--button-stroke: 4px;display:flex;gap:14px;margin-top:6px}.popup__actions>*{flex:1}.settings-page-popup__text{padding:18px 4px 8px;text-align:center;font-size:17px;line-height:1.6;color:#fff;-webkit-text-stroke:3px #9c3f74}.bale-button{width:100%;height:44px;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:0 26px 3px;border:3px solid #243080;border-radius:22px;background:linear-gradient(#6a76fa,#5560e4 50%,#4f58d7);box-shadow:inset 0 0 0 2px #8490f2,0 3px #243080;color:#fff;transition:scale .26s var(--ease-back-out)}.bale-button:active{scale:.95;transition-duration:70ms;transition-timing-function:var(--ease-quad-out)}.bale-button:focus-visible{outline:none;filter:drop-shadow(0 0 3px #fff)}.bale-button__logo{width:34px;height:34px;flex-shrink:0}.bale-button__label{flex:1;margin-inline-end:42px;text-align:center;font:900 18px/1 var(--font-display);-webkit-text-stroke:4px #243080;text-shadow:0 1.5px 0 #243080}.yellow-pill{--yellow-pill-x: calc(var(--yellow-pill-side) * .8749);--yellow-pill-y: 48.5%;--yellow-pill-size: calc(var(--yellow-pill-side) * .7246) 41.4%;--yellow-pill-profile: linear-gradient( transparent 0%, rgb(0 0 0 / .047) 6.22%, rgb(72 38 0 / .576) 7.21%, #874700 8.11%, #874a02 11%, #e6c05f 11.9%, #fee174 12.89%, #fede75 14.82%, #ffeba4 15.71%, #ffefb9 16.67%, #ffde6f 46.34%, #eaa213 80.49%, #ffde75 82.16%, #fcde72 84.43%, #864400 86.33%, #854500 89.05%, rgb(38 20 0 / .4) 90.05%, rgb(0 0 0 / .127) 90.88%, transparent 96.31% );--yellow-pill-ring: transparent 77.1%, #fede74 81.2%, #fede73 86.3%, #e7c15d 87.8%, #a1691a 89.9%, #884801 91.4%, #854400 98%, #261401 102%, #000 102.4%;--yellow-pill-rim: #000 97%, rgb(0 0 0 / .787) 98.64%, rgb(0 0 0 / .253) 100.62%, transparent 102.12%;--yellow-pill-shadow: rgb(0 0 0 / .131) 97.8%, rgb(0 0 0 / .077) 103.15%, rgb(0 0 0 / .03) 109.08%, transparent 115.4%;--yellow-pill-ends-mask: linear-gradient(90deg, #000 var(--yellow-pill-x), transparent 0 calc(100% - var(--yellow-pill-x)), #000 0), radial-gradient(var(--yellow-pill-size) at var(--yellow-pill-x) var(--yellow-pill-y), var(--yellow-pill-rim)), radial-gradient(var(--yellow-pill-size) at var(--yellow-pill-x) 50.04%, var(--yellow-pill-shadow)), radial-gradient(var(--yellow-pill-size) at calc(100% - var(--yellow-pill-x)) var(--yellow-pill-y), var(--yellow-pill-rim)), radial-gradient(var(--yellow-pill-size) at calc(100% - var(--yellow-pill-x)) 50.04%, var(--yellow-pill-shadow));--yellow-pill-middle-mask: linear-gradient(90deg, transparent var(--yellow-pill-x), #000 0 calc(100% - var(--yellow-pill-x)), transparent 0);position:relative;isolation:isolate}.yellow-pill:before,.yellow-pill:after{content:"";position:absolute;inset:0;z-index:-1}.yellow-pill:before{background:radial-gradient(var(--yellow-pill-size) at var(--yellow-pill-x) var(--yellow-pill-y),var(--yellow-pill-ring)) 0 0 / 50% 100% no-repeat,radial-gradient(var(--yellow-pill-size) at calc(100% - var(--yellow-pill-x)) var(--yellow-pill-y),var(--yellow-pill-ring)) 100% 0 / 50% 100% no-repeat,var(--yellow-pill-profile);-webkit-mask:var(--yellow-pill-ends-mask);-webkit-mask-composite:source-in,source-over,source-over,source-over,source-over;mask:var(--yellow-pill-ends-mask);mask-composite:intersect,add,add,add,add}.yellow-pill:after{background:var(--yellow-pill-profile) 0 0 / var(--yellow-pill-side) 100% no-repeat,var(--yellow-pill-profile) 50% 0 / calc(100% - 2 * var(--yellow-pill-side)) 100% no-repeat,var(--yellow-pill-profile) 100% 0 / var(--yellow-pill-side) 100% no-repeat;-webkit-mask:var(--yellow-pill-middle-mask);mask:var(--yellow-pill-middle-mask)}.settings-link-button{--yellow-pill-side: 21px;width:100%;height:37px;box-sizing:border-box;display:flex;align-items:center;padding:0 35px 3px;transition:scale .26s var(--ease-back-out)}.settings-link-button:active{scale:.93;transition-duration:70ms;transition-timing-function:var(--ease-quad-out)}.settings-link-button:focus-visible{outline:none;filter:drop-shadow(0 0 3px #fff)}.settings-link-button__label{flex:1;text-align:center;white-space:nowrap;font:900 17px/1 var(--font-display);color:#fff;-webkit-text-stroke:4px #7a4012;text-shadow:0 1.5px 0 #7a4012}.settings-toggle{display:flex;align-items:center;justify-content:center;gap:22px;cursor:pointer}.settings-toggle__label{font:bold 17px/1.3 var(--font-ui);color:#fffaf0;-webkit-text-stroke:3.5px #3b2635}.settings-toggle__input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.settings-toggle__box{position:relative;width:30px;height:30px;box-sizing:border-box;border:3px solid #2c2b6b;border-radius:8px;background:#eef8f7;transition:scale .12s var(--ease-back-out)}.settings-toggle__box:after{content:"";position:absolute;left:1px;bottom:2px;width:33px;height:31px;background:url(/assets/settings/checkbox-tick.webp) center / contain no-repeat;scale:0;transition:scale .16s var(--ease-back-out)}.settings-toggle__input:checked+.settings-toggle__box:after{scale:1}.settings-toggle:active .settings-toggle__box{scale:.9}.settings-toggle__input:focus-visible+.settings-toggle__box{outline:2px solid #fff;outline-offset:2px}.player-id{position:relative;display:flex;align-items:center;justify-content:center;gap:6px}.player-id__text{font:bold 14px/1.2 var(--font-digits);color:#3b47a3;-webkit-user-select:text;user-select:text}.player-id__copy{flex-shrink:0;width:21px;height:25px;transition:scale .12s var(--ease-back-out)}.player-id__copy img{width:100%;height:100%}.player-id__copy:active{scale:.85}.player-id__copy:focus-visible{outline:2px solid #fff;outline-offset:1px;border-radius:6px}.player-id__copied{position:absolute;bottom:100%;left:50%;translate:-50% -4px;padding:4px 16px;border-radius:12px;background:#241d45e6;font:bold 14px/1.3 var(--font-ui);color:#fff;pointer-events:none;animation:enter-pop .6s linear both}.player-id__copy-source{position:fixed;top:0;left:0;opacity:0;pointer-events:none}.sign-in-panel{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 12px 8px}.sign-in-panel__title{font:bold 17px/1.3 var(--font-ui);color:#fffaf0;-webkit-text-stroke:3.5px #3b2635}.sign-in-panel__provider{font:bold 17px/1.2 var(--font-ui);color:#ffe761;-webkit-text-stroke:3px #2c2b6b}.volume-slider{--knob: 54px;display:flex;flex-direction:column;align-items:center;gap:15px}.volume-slider__caption{display:flex;gap:14px;font:bold 17px/1.3 var(--font-ui);color:#fffaf0;-webkit-text-stroke:3.5px #3b2635}.volume-slider__track{position:relative;width:100%;height:19px}.volume-slider__track:before,.volume-slider__track:after{content:"";position:absolute;inset:0}.volume-slider__track:before{--slider-bar-ring: #342d5b;--slider-bar-fill: #443e72 4.25px, #4b417b 4.75px, #4d457e 5.25px, #595191 6.75px, #63589d 8.25px, #6a60a8 10.25px, #6c63aa 11.98px, #6a60a9 13.75px, #62579c 16.25px;--slider-bar-cap: linear-gradient(transparent .2px, var(--slider-bar-ring) .62px 2.05px, #3b3666 2.67px, var(--slider-bar-fill), #5c5596 16.57px, var(--slider-bar-ring) 17.29px 18.56px, transparent 19.02px);--slider-bar-hole: transparent calc(100% - .33px) , var(--slider-bar-ring) calc(100% + .23px) ;--slider-bar-end: #000 calc(100% - .29px) , transparent calc(100% + .33px) ;--slider-bar-shape: radial-gradient(9.42px 9.17px at 9.65px 9.61px, var(--slider-bar-end)), radial-gradient(9.42px 9.17px at calc(100% - 9.65px) 9.61px, var(--slider-bar-end)), linear-gradient(90deg, transparent 10px, #000 0 calc(100% - 10px) , transparent 0);background:radial-gradient(7.54px 7.44px at 9.65px 9.58px,var(--slider-bar-hole)) left / 10px 100% no-repeat,radial-gradient(7.54px 7.44px at .35px 9.58px,var(--slider-bar-hole)) right / 10px 100% no-repeat,linear-gradient(90deg,rgb(2 0 19 / .374) 2.1px,rgb(2 0 19 / .2) 4.69px,rgb(2 0 19 / .052) 7.57px,transparent 10.81px calc(100% - 10.81px),rgb(2 0 19 / .052) calc(100% - 7.57px),rgb(2 0 19 / .2) calc(100% - 4.69px),rgb(2 0 19 / .374) calc(100% - 2.1px)),var(--slider-bar-cap) left / 15px 100% no-repeat,var(--slider-bar-cap) right / 15px 100% no-repeat,linear-gradient(transparent .28px,var(--slider-bar-ring) .47px 2.07px,#3b3666 2.72px,var(--slider-bar-fill),#5c5596 16.76px,var(--slider-bar-ring) 17px 18.73px,transparent 18.92px) center / calc(100% - 30px) 100% no-repeat;-webkit-mask:var(--slider-bar-shape);mask:var(--slider-bar-shape)}.volume-slider__track:after{--slider-fill-cap: #000 calc(100% - .3px) , transparent calc(100% + .3px) ;--slider-fill-end: linear-gradient(transparent 2.01px, #000 2.61px 16.59px, transparent 17.19px);--slider-fill-shape: radial-gradient(7.43px 7.28px at 9.58px 9.6px, var(--slider-fill-cap)), radial-gradient(7.43px 7.28px at calc(100% - 9.58px) 9.6px, var(--slider-fill-cap)), var(--slider-fill-end) 9.58px 0 / 6.42px 100% no-repeat, var(--slider-fill-end) right 9.58px top 0 / 6.42px 100% no-repeat, linear-gradient(transparent 2.1px, #000 2.6px 16.75px, transparent 17.25px) 15px 0 / calc(100% - 30px) 100% no-repeat;border-radius:9.65px/9.5px;background:#9b90f5;box-shadow:inset 0 2.6px 5.5px 2.35px #4f60ab;-webkit-mask:var(--slider-fill-shape);mask:var(--slider-fill-shape);clip-path:inset(0 calc((1 - var(--value)) * 100%) 0 0)}.volume-slider__input{position:absolute;z-index:1;top:50%;left:calc(var(--knob) / -2);right:calc(var(--knob) / -2);height:var(--knob);margin:0;translate:0 -50%;appearance:none;background:none;cursor:pointer}.volume-slider__input::-webkit-slider-runnable-track{height:var(--knob);background:none}.volume-slider__input::-moz-range-track{height:var(--knob);background:none}.volume-slider__input::-webkit-slider-thumb{width:var(--knob);height:var(--knob);border:0;appearance:none;background:url(/assets/settings/slider-knob.webp) center / contain no-repeat;transition:scale .12s var(--ease-back-out)}.volume-slider__input::-moz-range-thumb{width:var(--knob);height:var(--knob);border:0;border-radius:0;background:url(/assets/settings/slider-knob.webp) center / contain no-repeat;transition:scale .12s var(--ease-back-out)}.volume-slider__input:active::-webkit-slider-thumb{scale:1.1}.volume-slider__input:active::-moz-range-thumb{scale:1.1}.volume-slider__input:focus-visible{outline:none}.volume-slider__input:focus-visible::-webkit-slider-thumb{filter:drop-shadow(0 0 3px #fff)}.volume-slider__input:focus-visible::-moz-range-thumb{filter:drop-shadow(0 0 3px #fff)}.settings-tab{display:flex;flex-direction:column;gap:8px}.settings-tab__panel{border-radius:16px;background:#3740c04d}.settings-tab__volumes{display:flex;flex-direction:column;gap:26px;padding:16px 30px 14px}.settings-tab__haptics{padding:7px 0}.settings-tab__links{display:grid;grid-template-columns:repeat(2,170px);justify-content:center;gap:6px 16px}.settings-tab__link:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:170px}.name-dialog{display:flex;flex-direction:column;gap:12px}.name-dialog__input{text-align:center}.name-dialog__hint{text-align:center;font-size:14px;color:#fff;-webkit-text-stroke:3px #9c3f74}.cosmetic-tile{--tile: var(--cosmetic-tile-size, 70px);position:relative;isolation:isolate;display:block;width:var(--tile);height:var(--tile)}.cosmetic-tile>*{position:absolute;pointer-events:none}.cosmetic-tile__glow{inset:calc(var(--tile) * -.1613);visibility:hidden;background:url(/assets/profile/item-button-selected.webp) center / 100% 100% no-repeat}.cosmetic-tile.is-selected .cosmetic-tile__glow{visibility:visible}.cosmetic-tile__frame{inset:calc(var(--tile) * -.0411);border-style:solid;border-width:0;border-image:url(/assets/profile/item-button.webp) 27.5 fill / calc(var(--tile) * .161)}.cosmetic-tile.is-locked .cosmetic-tile__frame{visibility:hidden}.cosmetic-tile__image{top:calc(var(--tile) * .0468);left:calc(var(--tile) * .0551);width:calc(var(--tile) * .8898);height:calc(var(--tile) * .9064)}.cosmetic-tile__lock{inset:calc(var(--tile) * -.0582) calc(var(--tile) * -.053);background:url(/assets/profile/item-button-locked.webp) center / 100% 100% no-repeat}.cosmetic-tile__flash{inset:calc(var(--tile) * .058);border-radius:calc(var(--tile) * .165);background:#fff;opacity:0}.cosmetic-tile__new{top:calc(var(--tile) * .11);left:calc(var(--tile) * 1.099);translate:-88.1% -50%;height:calc(var(--tile) * .373);box-sizing:border-box;display:grid;place-items:center;padding:0 calc(var(--tile) * .05) calc(var(--tile) * .03);border-style:solid;border-width:0;border-image:url(/assets/profile/new-badge.webp) 0 22 fill / 0 calc(var(--tile) * .157);font:900 calc(var(--tile) * .23) / 1 var(--font-display);color:#fff;-webkit-text-stroke:calc(var(--tile) * .05) #1d5b2b;white-space:nowrap}.cosmetic-tile:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:calc(var(--tile) * .2)}.picker__backdrop{position:relative}.picker__grid{display:grid;grid-template-columns:repeat(5,var(--cosmetic-tile-size));justify-content:space-between;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;transition:opacity .12s}.picker__grid.is-busy{opacity:.75;cursor:progress}.picker__note{position:absolute;left:50%;bottom:14px;translate:-50% 0;width:max-content;max-width:calc(100% - 28px);box-sizing:border-box;padding:7px 14px 9px;border-radius:14px;background:#3a1828db;text-align:center;font-size:15px;line-height:1.35;color:#fff;pointer-events:none}.picker__note.is-error{background:#c8364a;box-shadow:inset 0 -3px #8c1f32}.picker--avatar .picker__backdrop{border-radius:20.5px;background:#e67fb7}.picker--avatar .picker__grid{--cosmetic-tile-size: 54px;row-gap:13.4px;height:500px;padding:14.2px;scrollbar-width:thin;scrollbar-color:#b34d86 transparent}.picker--background{--popup-frame: 51.6px 62.3px 75.4px;--popup-fill-inset: 19px 28.5px 40.4px;--popup-fill-radius: 22px;width:500px;gap:0;padding:39px 56px 94px}.picker__showcase{position:relative;z-index:1;height:158px;margin:21.5px -262px 0;display:grid;place-items:center;background:linear-gradient(#5e2a18 1.5px,#e5a174 1.5px,#fbc27d 3.5px,#fcca80 5px,#fcdaa6 148px,#fedfad 149.5px 153.5px,#ffd0a5 154px,#e0b085,#9a5638,#5a2c1a 157px);box-shadow:0 3px 7px #50160480}.picker__showcase-banner{width:384.5px;height:122.4px;translate:0 -3.75px}.picker--background .picker__backdrop{margin-top:-104px;padding-top:104px;border-radius:14.5px;background:#f88268}.picker--background .picker__grid{--cosmetic-tile-size: 70px;row-gap:13.75px;height:574px;margin:0 -22.7px;padding:26px 14.2px;scrollbar-width:none}.picker--background .picker__grid::-webkit-scrollbar{display:none}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:0}.profile-stats__item{display:flex;flex-direction:column;align-items:center;gap:3px}.profile-stats__label{font:bold 15px/1.2 var(--font-ui);color:#fff;-webkit-text-stroke:3px #3c2a6e}.profile-stats__box{position:relative;isolation:isolate;width:100%;height:46px;box-sizing:border-box;margin:0;display:flex;align-items:center;padding:0 14px 5px 46px}.profile-stats__box:before,.profile-stats__box:after{content:"";position:absolute;z-index:-1}.profile-stats__box:before{inset:0 6px 5px 4px;border-radius:8.4px 8.03px 7.99px 7.4px/8.47px 7.42px 7.97px 7.21px;background:#7d3faa;box-shadow:0 .3px .3px #00000029,1.92px 3.15px 1.34px #00000023;transform:translate(-.15px) skew(-13.65deg) scaleX(.9955)}.profile-stats__box:after{inset:2px 8px 7px 6px;border-radius:6.94px 5.25px 7.13px 4.81px/7.05px 5.02px 6.24px 4.7px;background:linear-gradient(#aa7eda,#9b6dd8 36px);transform:translate(-.19px,.132px) skew(-13.7deg) scale(.996,1.015)}.profile-stats__icon{position:absolute;left:4px;top:50%;width:40px;height:40px;translate:0 -56%}.profile-stats__value{flex:1;text-align:center;font:bold 20px/1 var(--font-digits);color:#fff;-webkit-text-stroke:4px #3c2a6e}.profile-tab{display:flex;flex-direction:column;gap:12px}.profile-tab__row{display:grid;grid-template-columns:1fr 46px;align-items:center;justify-items:center;gap:4px}.profile-tab__name{position:relative;isolation:isolate;width:100%;min-width:0;height:52px;box-sizing:border-box;display:grid;place-items:center;padding:0 20px 7px 15px;overflow:clip;white-space:nowrap;font:bold 22px/1 var(--font-ui);color:#fffdf5;-webkit-text-stroke:4px #4b2362}.profile-tab__name:before,.profile-tab__name:after{content:"";position:absolute;inset:0 2px 6px 9px;border-radius:6.45px 11.29px 6.5px 11.39px/7.03px 11.93px 7.58px 11.53px;transform-origin:right top;transform:skew(-12.64deg) scale(1.0006,.9891)}.profile-tab__name:before{z-index:-1;clip-path:inset(2.37px 2.42px 2.4px 2.29px round 4.46px 8.67px 4.18px 8.3px / 4.93px 8.52px 5.08px 8.92px);background:linear-gradient(#fe9d58 2.41px,#fea058 4.3px,#fecf81 42.46px,#fbd283 0)}.profile-tab__name:after{z-index:-2;background:#74321c;box-shadow:2.45px 4.03px 1.8px #00000024}.profile-tab__avatar{width:94px;height:94px;display:grid;place-items:center;background:linear-gradient(#452b2bcf 0 0) 0 0 / 99.77% 99.77% no-repeat;border-radius:20px}.profile-tab__avatar img{width:86px;height:86px}.profile-tab__background{width:100%;aspect-ratio:512 / 163}.profile-tab__edit{position:relative;isolation:isolate;width:46px;height:46px;display:grid;place-items:center;transition:scale 80ms}.profile-tab__edit:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(closest-side,transparent 88.8%,rgb(100 45 139 / .12) 89.55%,rgb(100 45 139 / .5) 90.75%,rgb(100 45 139 / .87) 92.1%,#642d8b 93.3% 96.4%,#682f91 97.3% 97.9%,#652e8d 98.6%,#642d8b),linear-gradient(#fe93d0,#fe64c6);-webkit-mask:radial-gradient(closest-side,#000 97.95%,rgb(0 0 0 / .9) 98.8%,rgb(0 0 0 / .5) 99.95%,rgb(0 0 0 / .1) 101.18%,transparent 101.95%);mask:radial-gradient(closest-side,#000 97.95%,rgb(0 0 0 / .9) 98.8%,rgb(0 0 0 / .5) 99.95%,rgb(0 0 0 / .1) 101.18%,transparent 101.95%)}.profile-tab__edit img{width:34px;height:34px}.profile-tab__edit:active{scale:.9}.profile-tab__edit:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:50%}.profile-tab__separator{height:16px;margin:0 -8px;border:0;background:url(/assets/profile/separator.webp) center / 100% 100% no-repeat}.profile-dialog{position:relative;isolation:isolate;width:460px;height:740px;box-sizing:border-box;display:flex;flex-direction:column;padding:104px 0 72px;animation:enter-pop .6s linear both}.profile-dialog:before,.profile-dialog:after{content:"";position:absolute;inset:0;z-index:-2;border-style:solid}.profile-dialog:before{border-width:111px 42px 48px 41px;border-image:url(/assets/profile/panel-profile.webp) 241 91 104 90 fill}.profile-dialog:after{border-width:111px 42px 49px 43px;border-image:url(/assets/profile/panel-settings.webp) 242 92 106 93 fill}.profile-dialog.is-profile:before,.profile-dialog.is-settings:after{z-index:-1}.profile-dialog__tab{position:absolute;top:14px;width:142px;height:73px;display:grid;place-items:center}.profile-dialog__tab--profile{left:91px}.profile-dialog__tab--settings{left:240px}.profile-dialog__tab img{height:50px}.profile-dialog__tab:not([aria-selected=true]) img{opacity:.85}.profile-dialog__tab:focus-visible{outline:2px solid #fff;outline-offset:-6px;border-radius:18px}.profile-dialog__body{flex:1;min-height:0;overflow-y:auto;padding:0 38px;scrollbar-width:thin}.profile-dialog__version{position:absolute;right:36px;bottom:36px;font:11px/1 var(--font-digits);color:#ffffffbf}.profile-dialog__close{position:absolute;left:50%;bottom:27px;translate:-50% 50%}.price{display:flex;align-items:center;gap:.25em;direction:ltr}.price__amount{font-family:var(--font-digits)}.price__icon{width:1.15em;height:1.15em;object-fit:contain}.item-button{--button-font: calc(var(--button-height) * .36);--button-stroke: calc(var(--button-height) * .075)}.item-label{display:flex;align-items:center;gap:.25em}.item-label__amount{font-family:var(--font-digits)}.item-label__unit{font-size:.72em}.item-label--sale{flex-direction:column;gap:.08em;line-height:1}.item-label__full{position:relative;font-size:.64em;font-family:var(--font-digits);-webkit-text-stroke-width:.17em;text-decoration:none}.item-label__full:after{content:"";position:absolute;left:-8%;right:-8%;top:50%;height:.14em;margin-top:-.07em;border-radius:.07em;background:#ff3047;box-shadow:0 0 0 .07em #5a0f1c;rotate:-8deg}.item-label__icon{width:1.25em;height:1.25em;object-fit:contain;filter:drop-shadow(0 1.5px 0 rgba(20,50,100,.6))}.item-button__countdown{font-size:.78em;line-height:1.05;white-space:normal;text-align:center}.item-button--waiting,.item-button--done{--capsule-cap: calc(var(--button-height) * .7);height:var(--button-height);box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;padding-bottom:calc(var(--button-height) * .08);font:900 var(--button-font) / 1 var(--font-display);color:#fff;-webkit-text-stroke:var(--button-stroke) #24193f;white-space:nowrap}:is(.item-button--waiting,.item-button--done,.bit-pack-card__max,.pass-price--active){--capsule-center: calc(round(down, var(--capsule-cap), 1px)*.715) ;--capsule-split: round(var(--capsule-center), 1px);--capsule-end: rgba(0, 0, 0, .341) 84.9%, rgba(255, 255, 255, .098) 87.41% 98.88%, transparent 101.12%;background:radial-gradient(var(--capsule-center) 50% at var(--capsule-center) 50%,var(--capsule-end)) left / var(--capsule-split) 100% no-repeat,radial-gradient(var(--capsule-center) 50% at calc(100% - var(--capsule-center)) 50%,var(--capsule-end)) right / var(--capsule-split) 100% no-repeat,linear-gradient(#ffffff19 6.64%,#00000057 7.34% 92.66%,#ffffff19 93.36%) center / calc(100% - var(--capsule-split) * 2) 100% no-repeat}.item-button--done{color:#c9ff9a}.item-button__clock,.item-button__check{width:calc(var(--button-height) * .46);height:calc(var(--button-height) * .46);object-fit:contain}.currency-card{--card-ink: #18507a;position:relative;width:164px;height:316px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding-top:58px;border-style:solid;border-width:0;border-image:url(/assets/shop/cards/gems.webp) 36 0 50 fill / 22px 0 30px}.currency-card--coins{--card-ink: #7a4a0c;border-image-source:url(/assets/shop/cards/coins.webp)}.currency-card--chips{--card-ink: #1d4f7d;border-image-source:url(/assets/shop/cards/chips.webp)}.currency-card__banner{position:absolute;top:2px;left:2px;right:2px;height:42px;box-sizing:border-box;display:grid;place-items:center;padding-bottom:7px;background:url(/assets/shop/labels/base-free.webp) center / 100% 100% no-repeat;font:900 17px/1 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #2c2f8a;white-space:nowrap}.currency-card__banner--pass{background-image:url(/assets/shop/labels/base-in-pass.webp);-webkit-text-stroke-color:#7a5410}.currency-card__banner--sale{background-image:url(/assets/shop/labels/base-sale.webp);-webkit-text-stroke-color:#8a1f30}.currency-card__title{height:56px;display:grid;place-items:center;padding:0 10px;font:900 18px/1.3 var(--font-display);color:#fff;text-align:center;-webkit-text-stroke:3.5px var(--card-ink)}.currency-card__art{position:relative;width:132px;height:108px;display:grid;place-items:center;margin-top:4px}.currency-card__image{position:relative;max-width:118px;max-height:104px;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(30,40,80,.3))}.currency-card__shine{width:200px;height:200px;margin:-100px 0 0 -100px}.currency-card__amount{position:relative;margin-top:-12px;font:900 31px/1 var(--font-digits);color:#fff;-webkit-text-stroke:5px var(--card-ink);text-shadow:0 2px 0 var(--card-ink);direction:ltr}.currency-card__buy{--button-height: 60px;position:absolute;left:7px;right:7px;bottom:-16px}.currency-grid{display:grid;grid-template-columns:repeat(3,164px);column-gap:10px;row-gap:34px;padding-bottom:16px}.deal-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.deal-card__face{position:relative;width:125px;height:189px;display:grid;grid-template:100% / 100%;zoom:1.12;background:url(/assets/collection/card-common.webp) center / 100% 100% no-repeat}.deal-card__face>*{position:relative;grid-area:1 / 1}.deal-card__face--rare{background-image:url(/assets/collection/card-rare.webp)}.deal-card__face--epic{background-image:url(/assets/collection/card-epic.webp)}.deal-card__face--legendary{background-image:url(/assets/collection/card-legendary.webp)}.deal-card__face--item{background:linear-gradient(to right,#00000021 1.136%,#00000027 1.894%,#00000026 2.652% 98.864%,#0000001f 99.621%);border-radius:13.636% 13.636% 23.106% 23.106%/7.031% 7.031% 11.914% 11.914%}.deal-card.is-sold .deal-card__face{filter:brightness(.5) saturate(.6)}.deal-card__bits{align-self:start;justify-self:center;display:flex;align-items:center;gap:2px;margin-top:6px;direction:ltr;font:900 22px/1 var(--font-digits);color:#fff;-webkit-text-stroke:4px #3d2b3c;text-shadow:0 1.5px 0 #3d2b3c}.deal-card__bit{width:26px;height:26px;object-fit:contain}.deal-card__thumb{display:grid}.deal-card__unit{justify-self:start;align-self:start;width:var(--thumb-width);height:var(--thumb-height);margin-top:calc(76px - var(--thumb-pivot-y) * var(--thumb-height));margin-left:calc(64px - var(--thumb-pivot-x) * var(--thumb-width))}.deal-card__name{align-self:start;justify-self:center;margin-top:122px;font:900 17px/24px var(--font-display);color:#fff;-webkit-text-stroke:3.5px #3d2b3c;text-shadow:0 1.5px 0 #3d2b3c;white-space:nowrap}.deal-card__title{align-self:start;justify-self:center;margin-top:14px;direction:rtl;font:900 18px/1.2 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #2b2147;white-space:nowrap}.deal-card__art{align-self:start;justify-self:center;width:100px;height:84px;display:grid;place-items:center;margin-top:48px}.deal-card__shine{width:170px;height:170px;margin:-85px 0 0 -85px}.deal-card__image{position:relative;max-width:92px;max-height:80px;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(10,5,30,.35))}.deal-card__amount{align-self:start;justify-self:center;margin-top:132px;direction:ltr;font:900 27px/1 var(--font-digits);color:#fff;-webkit-text-stroke:4.5px #2b2147}.deal-card__sold{position:absolute;left:50%;top:106px;width:64px;height:68px;margin:-34px 0 0 -32px;object-fit:contain;rotate:-8deg;filter:drop-shadow(0 3px 2px rgba(10,5,30,.5))}.deal-card__buy{--button-height: 54px;width:140px}.daily-deals{width:512px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;padding:16px 14px 14px;border-radius:20px;background:#00000026}.daily-deals__grid{display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;row-gap:20px}.daily-deals__footer{display:flex;align-items:center;gap:10px;padding:0 4px}.daily-deals__clock{width:40px;height:46px;object-fit:contain}.daily-deals__reset{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font:900 15px/1.2 var(--font-display);color:#e6defc;-webkit-text-stroke:3px #2b2147}.daily-deals__time{font-size:21px;color:#fff}.daily-deals__refresh{position:relative;isolation:isolate;height:58px;box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:0 16px 5px;font:900 18px/1 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #1d4a86;white-space:nowrap;transition:scale .26s var(--ease-back-out)}.daily-deals__refresh:before,.daily-deals__refresh:after{content:"";position:absolute;z-index:-1}.daily-deals__refresh:before{--radius: 12.93px;--edge: #000 calc(var(--radius) - .4px), #0000 calc(var(--radius) + .4px);--tile: 14px 15px;--mask: radial-gradient(var(--radius) at 13.96px 14.04px, var(--edge)) 0 0 / var(--tile), radial-gradient(var(--radius) at .04px 14.04px, var(--edge)) 100% 0 / var(--tile), radial-gradient(var(--radius) 13.34px at 13.96px .56px, var(--edge)) 0 100% / var(--tile), radial-gradient(var(--radius) 13.34px at .04px .56px, var(--edge)) 100% 100% / var(--tile), linear-gradient(90deg, #0000 .63px, #000 1.43px calc(100% - 1.43px) , #0000 calc(100% - .63px) ) 0 50% / 100% calc(100% - 28px) , linear-gradient(#0000 .86px, #000 1.36px calc(100% - 1.36px) , #0000 calc(100% - .86px) ) 50% 0 / calc(100% - 28px) 100%;inset:1px 2px 3px;translate:0 .2px;border-radius:14px/14px 14px 14.35px 14.35px;background:linear-gradient(#85ccfd 4.8px,#6db6f0 16.8px,#418cda 35.8px,#2976ce 47.9px,#2b7dd1 0,#378ad7 49.2px);box-shadow:inset 0 0 0 2.9px #234f81,inset 0 0 0 4.75px #519bde;-webkit-mask:var(--mask);-webkit-mask-repeat:no-repeat;mask:var(--mask);mask-repeat:no-repeat}.daily-deals__refresh:after{z-index:-2;inset:3px 4px 5px;border-radius:12px;box-shadow:0 -.2px .1px .7px #0006,0 1.7px 1.5px 1.25px #0000005e}.daily-deals__refresh:active{scale:.93;transition-duration:70ms}.daily-deals__refresh.is-busy{cursor:progress;filter:saturate(.55) brightness(.92)}.daily-deals__refresh-icon{width:28px;height:28px;object-fit:contain}.currency-fly{position:absolute;inset:0;z-index:55;overflow:hidden;pointer-events:none}.currency-fly__coin{position:absolute;left:0;top:0;width:40px;height:40px;margin:-20px 0 0 -20px;scale:0;filter:drop-shadow(0 3px 2px rgba(20,10,40,.35));animation:currency-fly .86s both}@keyframes currency-fly{0%{scale:0;translate:var(--from-x) var(--from-y);animation-timing-function:var(--ease-cubic-out)}30%{scale:1.15;translate:var(--burst-x) var(--burst-y);animation-timing-function:cubic-bezier(.4,0,.7,.6)}to{scale:.7;translate:var(--to-x) var(--to-y)}}.offer-frame{--offer-ink: #8a4410;--offer-bar-art: url(/assets/shop/offers/title-bar-starter.webp);--offer-bar-filter: none;--offer-pattern-art: url(/assets/shop/offers/pattern-legendary-unlock.webp);position:relative}.offer-frame--starter{--offer-frame-edge: transparent .25px, rgb(157 157 157 / .005) 1.53px, rgb(248 248 248 / .05) 3.38px, rgb(249 249 249 / .115) 4.99px, rgb(252 252 252 / .197) 6.54px, rgb(253 253 253 / .381) 9.04px, rgb(254 254 254 / .541) 10.76px, rgb(190 164 164 / .76) 11.25px, rgb(133 85 85 / .997) 11.65px, rgb(133 86 87) 13.75px, rgb(217 141 26) 14.25px, rgb(255 166 0) 14.75px, rgb(255 165 0) 17.75px, rgb(255 196 86) 18.18px, transparent 18.61px;--offer-frame-corner: transparent 6.3px, rgb(255 252 248) 7.13px, rgb(255 183 51) 7.49px, rgb(255 166 0) 7.67px, rgb(255 166 0) 11.1px, rgb(244 158 7) 11.27px, rgb(165 106 63) 11.57px, rgb(134 86 86) 11.77px, rgb(134 86 86) 13.98px, rgb(144 99 99 / .955) 14.14px, rgb(185 158 158 / .776) 14.32px, rgb(252 252 252 / .524) 14.62px, rgb(254 254 254 / .498) 15.1px, rgb(253 253 253 / .355) 16.65px, rgb(253 253 253 / .24) 18.16px, rgb(250 250 250 / .147) 19.65px, rgb(246 246 246 / .08) 21.15px, rgb(244 244 244 / .042) 22.38px, rgb(215 215 215 / .012) 23.92px, transparent 25.62px;--offer-tint: rgb(254 224.6 194.5), rgb(254 193.8 132.9);--offer-tint-veil: #fff 3.75px, rgb(255 255 255 / .964) 6.25px, rgb(255 255 255 / .884) 8.25px, rgb(255 255 255 / .785) 10.25px, rgb(255 255 255 / .542) 13.25px, rgb(255 255 255 / .358) 15.25px, rgb(255 255 255 / .183) 17.75px, rgb(255 255 255 / .066) 20.25px, rgb(255 255 255 / .024) 21.75px, rgb(255 255 255 / 0) 23px}.offer-frame--starter:before{content:"";position:absolute;inset:-11px;background:radial-gradient(circle at left 25.62px top 25.62px,var(--offer-frame-corner)) left top / 26px 26px,radial-gradient(circle at right 25.62px top 25.62px,var(--offer-frame-corner)) right top / 26px 26px,radial-gradient(circle at left 25.62px bottom 25.62px,var(--offer-frame-corner)) left bottom / 26px 26px,radial-gradient(circle at right 25.62px bottom 25.62px,var(--offer-frame-corner)) right bottom / 26px 26px,linear-gradient(to bottom,var(--offer-frame-edge)) center top / calc(100% - 52px) 26px,linear-gradient(to top,var(--offer-frame-edge)) center bottom / calc(100% - 52px) 26px,linear-gradient(to right,var(--offer-frame-edge)) left center / 26px calc(100% - 52px),linear-gradient(to left,var(--offer-frame-edge)) right center / 26px calc(100% - 52px),linear-gradient(to right,var(--offer-tint-veil)) left 17px top 17px / 23px calc(100% - 34px),linear-gradient(to left,var(--offer-tint-veil)) right 17px top 17px / 23px calc(100% - 34px),linear-gradient(to bottom,var(--offer-tint-veil)) left 17px top 17px / calc(100% - 34px) 23px,linear-gradient(to top,var(--offer-tint-veil)) left 17px bottom 17px / calc(100% - 34px) 23px,radial-gradient(442px 242px,var(--offer-tint)) center / calc(100% - 34px) calc(100% - 34px);background-repeat:no-repeat;pointer-events:none}.offer-frame--commander,.offer-frame--legendary{--offer-ink: #6a5410;--offer-bar-art: url(/assets/shop/offers/title-bar-commander.webp);isolation:isolate}.offer-frame--commander:before,.offer-frame--legendary:before{--edge: rgb(255 255 255 / 0) .75px, rgb(255 255 255 / .015) 2px, rgb(255 255 255 / .039) 3px, rgb(255 255 255 / .095) 4.5px, rgb(255 255 255 / .165) 6px, rgb(255 255 255 / .265) 7.5px, rgb(255 255 255 / .38) 9px, rgb(255 255 255 / .52) 10.5px, rgb(255 255 255 / .588) 11.05px, #675e29 11.55px, #675e29 13.89px, #ffd800 14.39px;--corner: #ffd800 11.23px, #675e29 11.73px, #675e29 14.07px, rgb(255 255 255 / .549) 14.57px, rgb(255 255 255 / .498) 15px, rgb(255 255 255 / .405) 16px, rgb(255 255 255 / .318) 17px, rgb(255 255 255 / .243) 18px, rgb(255 255 255 / .178) 19px, rgb(255 255 255 / .125) 20px, rgb(255 255 255 / .083) 21px, rgb(255 255 255 / .052) 22px, rgb(255 255 255 / .03) 23px, rgb(255 255 255 / .014) 24px, rgb(255 255 255 / .005) 25px, rgb(255 255 255 / 0) 26px;content:"";position:absolute;inset:-11px;pointer-events:none;z-index:-1;background:linear-gradient(to right,var(--edge)) left / 20px calc(100% - 52px) no-repeat,linear-gradient(to left,var(--edge)) right / 20px calc(100% - 52px) no-repeat,linear-gradient(to bottom,var(--edge)) top / calc(100% - 52px) 20px no-repeat,linear-gradient(to top,var(--edge)) bottom / calc(100% - 52px) 20px no-repeat,radial-gradient(circle at 25.62px 25.62px,var(--corner)) left top / 26px 26px no-repeat,radial-gradient(circle at .38px 25.62px,var(--corner)) right top / 26px 26px no-repeat,radial-gradient(circle at 25.62px .38px,var(--corner)) left bottom / 26px 26px no-repeat,radial-gradient(circle at .38px .38px,var(--corner)) right bottom / 26px 26px no-repeat}.offer-frame--commander:after,.offer-frame--legendary:after{--blob: rgb(252 240 181), rgb(251 236 160) 25%, rgb(250 231 137) 50%, rgb(249 227 113) 75%, rgb(248 221 87);content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(116.36% 116.36%,var(--blob)) 29px 29px / calc(100% - 58px) calc(100% - 58px) no-repeat,radial-gradient(116.36% 70.14px at 50% 59.14px,var(--blob)) top / calc(100% - 58px) 29px no-repeat,radial-gradient(116.36% 70.14px at 50% -30.14px,var(--blob)) bottom / calc(100% - 58px) 29px no-repeat,radial-gradient(70.14px 116.36% at 59.14px 50%,var(--blob)) left / 29px calc(100% - 58px) no-repeat,radial-gradient(70.14px 116.36% at -30.14px 50%,var(--blob)) right / 29px calc(100% - 58px) no-repeat,radial-gradient(70.14px at 59.14px 59.14px,var(--blob)) left top / 29px 29px no-repeat,radial-gradient(70.14px at -30.14px 59.14px,var(--blob)) right top / 29px 29px no-repeat,radial-gradient(70.14px at 59.14px -30.14px,var(--blob)) left bottom / 29px 29px no-repeat,radial-gradient(70.14px at -30.14px -30.14px,var(--blob)) right bottom / 29px 29px no-repeat;box-shadow:inset 0 0 8.84px 19.84px #fff;filter:blur(.5px);clip-path:inset(7.27px round 7.3px)}.offer-frame--arena{--offer-fill: #fed3ac, #feab5f;--offer-ring: #8a4f1b;--offer-glow: rgb(255 222 186 / .95);--offer-face: rgb(253 226 194 / .59);--offer-halo: rgb(253 226 194 / .77);--offer-bar-art: url(/assets/shop/offers/title-bar-orange.webp);--offer-pattern-art: url(/assets/shop/offers/pattern-rusty-ridge.webp)}.offer-frame--arena,.offer-frame--hero{isolation:isolate;border-radius:14.6px;background:var(--offer-face);box-shadow:0 0 5.6px 1px var(--offer-halo),0 0 3.9px 6.5px #f6dab926}.offer-frame--arena:before,.offer-frame--hero:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:14.6px;clip-path:inset(.3px round 14.3px);box-shadow:inset 0 0 0 3.16px var(--offer-ring),inset 0 0 7.5px 12.5px var(--offer-glow);background:radial-gradient(90.91% 90.91% at 50% 50%,var(--offer-fill)) center / calc(100% - 58px) calc(100% - 58px) no-repeat,radial-gradient(90.91% 54.8px at 50% 59.14px,var(--offer-fill)) top / calc(100% - 58px) 29px no-repeat,radial-gradient(90.91% 54.8px at left 50% bottom 59.14px,var(--offer-fill)) bottom / calc(100% - 58px) 29px no-repeat,radial-gradient(54.8px 90.91% at 59.14px 50%,var(--offer-fill)) left / 29px calc(100% - 58px) no-repeat,radial-gradient(54.8px 90.91% at right 59.14px top 50%,var(--offer-fill)) right / 29px calc(100% - 58px) no-repeat,radial-gradient(54.8px 54.8px at 59.14px 59.14px,var(--offer-fill)) top left / 29px 29px no-repeat,radial-gradient(54.8px 54.8px at right 59.14px top 59.14px,var(--offer-fill)) top right / 29px 29px no-repeat,radial-gradient(54.8px 54.8px at left 59.14px bottom 59.14px,var(--offer-fill)) bottom left / 29px 29px no-repeat,radial-gradient(54.8px 54.8px at right 59.14px bottom 59.14px,var(--offer-fill)) bottom right / 29px 29px no-repeat}.offer-frame--legendary{--offer-bar-art: url(/assets/shop/offers/title-bar-legendary.webp)}.offer-frame--hero{--offer-bar-art: url(/assets/shop/offers/title-bar-orange.webp)}.offer-frame--rarity-common{--offer-ink: #5c3b26;--offer-fill: #eedccb, #c8a183;--offer-ring: #8f614a;--offer-glow: rgb(245 232 220 / .95);--offer-face: rgb(232 214 198 / .59);--offer-halo: rgb(232 214 198 / .77);--offer-bar-filter: saturate(.45) brightness(.92)}.offer-frame--rarity-rare{--offer-ink: #33358f;--offer-fill: #d3e8fb, #8f9ef2;--offer-ring: #796cef;--offer-glow: rgb(222 234 255 / .95);--offer-face: rgb(200 216 250 / .59);--offer-halo: rgb(200 216 250 / .77);--offer-bar-filter: hue-rotate(200deg) saturate(.85)}.offer-frame--rarity-epic{--offer-ink: #61278f;--offer-fill: #f8daf7, #c99af3;--offer-ring: #a752f3;--offer-glow: rgb(250 226 252 / .95);--offer-face: rgb(240 210 250 / .59);--offer-halo: rgb(240 210 250 / .77);--offer-bar-filter: hue-rotate(265deg) saturate(.9)}.offer-frame__pattern{position:absolute;inset:4px;border-radius:16px;background:var(--offer-pattern-art) 0 0 / 120px 120px;opacity:.18;pointer-events:none}.rarity-badge{--rarity-badge-corner-x: calc(var(--rarity-badge-cap, 13px) * 20.5 / 26);--rarity-badge-corner-y: 25.625%;--rarity-badge-corner: var(--rarity-badge-corner-x) var(--rarity-badge-corner-y);--rarity-badge-edge: #000 calc(100% - .4px) , transparent calc(100% + .4px) ;--rarity-badge-shape: radial-gradient(var(--rarity-badge-corner) at var(--rarity-badge-corner-x) var(--rarity-badge-corner-y), var(--rarity-badge-edge)), radial-gradient(var(--rarity-badge-corner) at calc(100% - var(--rarity-badge-corner-x)) var(--rarity-badge-corner-y), var(--rarity-badge-edge)), radial-gradient(var(--rarity-badge-corner) at var(--rarity-badge-corner-x) calc(100% - var(--rarity-badge-corner-y)), var(--rarity-badge-edge)), radial-gradient(var(--rarity-badge-corner) at calc(100% - var(--rarity-badge-corner-x)) calc(100% - var(--rarity-badge-corner-y)), var(--rarity-badge-edge)), linear-gradient(90deg, transparent calc(var(--rarity-badge-corner-x) - 1px), #000 0 calc(100% - var(--rarity-badge-corner-x) + 1px), transparent 0), linear-gradient(transparent calc(var(--rarity-badge-corner-y) - 1px), #000 0 calc(100% - var(--rarity-badge-corner-y) + 1px), transparent 0);box-sizing:border-box;display:grid;place-items:center;-webkit-mask:var(--rarity-badge-shape);mask:var(--rarity-badge-shape)}.rarity-badge--common{background:linear-gradient(#aa927d,#8f614a)}.rarity-badge--rare{background:linear-gradient(#6ab4df,#6aaadf 11.6%,#757eed 75.9%,#796cef)}.rarity-badge--epic{background:linear-gradient(#f696f3,#a752f3)}.rarity-badge--legendary{background:linear-gradient(#feeca2,#ffa600)}.offer-rewards{position:relative;display:flex;align-items:stretch;justify-content:center;direction:rtl}.offer-reward{width:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.offer-reward+.offer-reward{border-right:2px solid rgba(255,255,255,.55)}.offer-reward--hero{width:var(--offer-hero-width, 168px)}.offer-reward__art{position:relative;width:104px;height:104px;display:grid;place-items:center}.offer-reward--hero .offer-reward__art{width:var(--offer-hero-art-width, 150px);height:var(--offer-hero-art-height, 120px)}.offer-reward__image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(90,40,10,.3))}.offer-reward--bits .offer-reward__image{border-radius:14px}.offer-reward__badge{position:absolute;right:6px;bottom:2px;width:38px;height:36px;object-fit:contain}.offer-reward__rarity{--rarity-badge-cap: 12px;position:relative;min-width:84px;height:28px;margin:-10px 0 4px;padding:0 12px 2px;font:900 15px/1 var(--font-display);color:#fff;-webkit-text-stroke:3px rgb(40 24 60 / .75)}.offer-reward__new{position:relative;margin-top:-18px;padding:4px 14px 6px;border-style:solid;border-width:0;border-image:url(/assets/popups/header-red.webp) 0 75 fill / 0 16px;font:900 16px/1 var(--font-display);color:#fff;-webkit-text-stroke:3px #7a1f2a;white-space:nowrap}.offer-reward__rarity+.offer-reward__new{margin-top:0}.offer-reward__amount{position:relative;margin-top:-14px;direction:ltr;font:900 26px/1 var(--font-digits);color:#fff;-webkit-text-stroke:4.5px var(--offer-ink, #8a4410);text-shadow:0 2px 0 var(--offer-ink, #8a4410)}.offer-reward__amount.is-words{font-family:var(--font-display)}.offer-reward__label{max-width:124px;font:900 13px/1.25 var(--font-display);color:#fff;text-align:center;-webkit-text-stroke:3px var(--offer-ink, #8a4410)}.pink-label{position:relative;isolation:isolate}.pink-label:before{--rim: #923f53 calc(100% - .21px) , rgb(0 0 0 / .194) calc(100% + .42px) , rgb(0 0 0 / .06) calc(100% + .42px + var(--discount-label-cap) * .005), transparent calc(100% + .42px + var(--discount-label-cap) * .059);--shadow: rgb(0 0 0 / .133) calc(100% - var(--discount-label-cap) * .049), rgb(0 0 0 / .052) calc(100% + var(--discount-label-cap) * .067), transparent calc(100% + var(--discount-label-cap) * .097);content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(calc(var(--discount-label-cap) * .823) 42.88% at 100% 47.64%,var(--rim)),linear-gradient(transparent calc(1.71% - .42px),rgb(0 0 0 / .06) calc(4.5% - .42px),rgb(0 0 0 / .194) calc(4.76% - .42px),#923f53 calc(4.76% + .21px),#923f53 calc(90.52% - .21px),rgb(0 0 0 / .194) calc(90.52% + .42px),rgb(0 0 0 / .06) calc(90.78% + .42px),transparent calc(93.57% + .42px)),radial-gradient(calc(var(--discount-label-cap) * .815) 42.88% at calc(var(--discount-label-cap) * -.001) 47.64%,var(--rim)),radial-gradient(calc(var(--discount-label-cap) * .792) 41.24% at 100% 52.77%,var(--shadow)),linear-gradient(transparent 6.54%,rgb(0 0 0 / .052) 8.09%,rgb(0 0 0 / .133) 14.07%,rgb(0 0 0 / .133) 91.47%,rgb(0 0 0 / .052) 97.44%,transparent 99%),radial-gradient(calc(var(--discount-label-cap) * .783) 41.24% at calc(var(--discount-label-cap) * -.001) 52.77%,var(--shadow));background-position:left,center,right;background-size:var(--discount-label-cap) 100%,calc(100% - 2 * var(--discount-label-cap)) 100%,var(--discount-label-cap) 100%;background-repeat:no-repeat}.pink-label:after{--edge: #000 calc(100% - .41px) , transparent calc(100% + .35px) ;--shape: radial-gradient(calc(var(--discount-label-cap) * .744) 38.75% at 100% 47.58%, var(--edge)) left / var(--discount-label-cap) 100% no-repeat, linear-gradient(transparent calc(8.83% - .35px) , #000 calc(8.83% + .41px) , #000 calc(86.33% - .41px) , transparent calc(86.33% + .35px) ) center / calc(100% - 2 * var(--discount-label-cap)) 100% no-repeat, radial-gradient(calc(var(--discount-label-cap) * .74) 38.75% at calc(var(--discount-label-cap) * -.005) 47.58%, var(--edge)) right / var(--discount-label-cap) 100% no-repeat;content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#ff7b98,#ff4675);-webkit-mask:var(--shape);mask:var(--shape);filter:blur(.5px)}.offer-discount{--discount-label-cap: 26px;width:70px;height:58px;box-sizing:border-box;display:grid;place-items:center;margin-right:-18px;padding:0 14px 4px 0;font:900 14px/1.05 var(--font-display);color:#fff;text-align:center;-webkit-text-stroke:3px #8a1f40}.offer-buy-row{position:absolute;left:50%;bottom:-20px;display:flex;align-items:center;translate:-50% 0}.offer-buy-row__button{--button-height: var(--offer-buy-height, 62px);position:relative;width:var(--offer-buy-width, 190px)}.offer-card{width:500px;height:300px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;margin-bottom:10px;padding:10px 12px 0;cursor:pointer}.offer-card.is-sold-out{cursor:default}.offer-card__rewards{flex:1;margin:8px 0 40px}.offer-card__buy-row{--offer-buy-height: 62px;--offer-buy-width: 190px;bottom:-20px}.pass-price{position:relative;width:430px;height:64px;display:flex;align-items:center}.pass-price__amount{--discount-label-cap: 29px;width:214px;height:56px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:0 40px 5px 0;font:900 25px/1 var(--font-display);color:#fff;-webkit-text-stroke:4.5px #8a1f40}.pass-price__amount .item-label--sale{gap:0;margin-top:6px;font-size:21px}.pass-price__buy{--button-height: 64px;--button-font: 24px;--button-stroke: 4.5px;position:absolute;right:0;width:256px}.pass-price--active{--capsule-cap: 44px;justify-content:center;gap:8px;font:900 22px/1 var(--font-display);color:#c9ff9a;-webkit-text-stroke:4px #1f2a14}.pass-price__check{width:32px;height:34px;object-fit:contain}.starburst{position:absolute;z-index:2;width:118px;height:104px;display:grid;place-items:center;padding-bottom:6px;box-sizing:border-box;background:url(/assets/shop/labels/off.webp) center / contain no-repeat;rotate:-14deg;filter:drop-shadow(0 3px 2px rgba(60,10,40,.35));pointer-events:none}.starburst__text{max-width:76px;font:900 17px/1.15 var(--font-display);color:#fff;text-align:center;-webkit-text-stroke:3.5px #8a1f40}.draft-pass-card{position:relative;width:506px;height:500px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;margin-top:14px;padding-bottom:14px;border:5px solid #3a1d5c;border-radius:22px;background:linear-gradient(#2f8fe6,#6fd0ff 42%,#bdeeff 62%,#f2d38c 80%,#d79a4e);box-shadow:inset 0 0 0 3px #b98be6,0 6px #2a1546;cursor:pointer}.draft-pass-card__badge{left:-18px;top:-34px}.draft-pass-card__title{position:absolute;top:-26px;left:50%;z-index:1;min-width:270px;height:64px;box-sizing:border-box;display:grid;place-items:center;padding:0 44px 16px;border-style:solid;border-width:0;border-image:url(/assets/shop/offers/popup-title-bg.webp) 0 46 fill / 0 21px;translate:-50% 0;font:900 28px/1 var(--font-display);color:#fff;-webkit-text-stroke:5px #8a1240;white-space:nowrap}.draft-pass-card__scene{position:absolute;inset:0;overflow:hidden;border-radius:17px;pointer-events:none}.draft-pass-card__scene>*{position:absolute}.draft-pass-card__pattern{inset:0;background:url(/assets/shop/offers/pattern-pass.webp) 0 0 / 120px 120px;opacity:.16}.draft-pass-card__shine{left:50%;top:44%;width:520px;height:520px;margin:-260px 0 0 -260px;opacity:.55}.draft-pass-card__pack{top:190px;width:92px;height:146px;object-fit:contain;filter:drop-shadow(0 5px 4px rgba(30,20,60,.35))}.draft-pass-card__pack--left{left:22px;rotate:-16deg}.draft-pass-card__pack--right{right:22px;rotate:14deg}.draft-pass-card__gems{left:-10px;bottom:70px;width:170px;height:160px;object-fit:contain}.draft-pass-card__chest{right:-6px;bottom:74px;width:160px;height:152px;object-fit:contain}.draft-pass-card__captain{left:50%;top:34px;width:238px;height:408px;margin-left:-119px;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(20,10,40,.35))}.draft-pass-card__coins{left:50%;bottom:44px;width:440px;height:157px;margin-left:-220px;object-fit:contain}.draft-pass-card>.pass-price{position:relative}.no-ads-card{position:relative;width:506px;height:352px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-top:30px;padding:50px 0 14px;border-style:solid;border-width:0;border-image:url(/assets/shop/cards/pass.webp) 35 35 47 35 fill / 18px 18px 24px;cursor:pointer}.no-ads-card__badge{left:-18px;top:-40px}.no-ads-card__title{position:absolute;top:-24px;left:50%;width:300px;height:60px;box-sizing:border-box;display:grid;place-items:center;padding:0 40px 6px;border-style:solid;border-width:0;border-image:url(/assets/shop/titles/gems.webp) 0 69 fill / 0 30px;translate:-50% 0;font:900 24px/1 var(--font-display);color:#fff;-webkit-text-stroke:4.5px #1d4f7d;white-space:nowrap}.no-ads-card__days{position:absolute;top:-30px;right:-8px;width:70px;height:70px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding-top:18px;border:3px solid #6b1030;border-radius:12px;background:linear-gradient(#e2335f 0 15px,#fff 15px);box-shadow:0 4px #50142859;rotate:12deg;font:900 14px/1 var(--font-display);color:#c21f4b}.no-ads-card__days:before,.no-ads-card__days:after{content:"";position:absolute;top:-8px;width:8px;height:15px;border-radius:4px;background:#c21f4b;box-shadow:0 0 0 2px #6b1030}.no-ads-card__days:before{left:14px}.no-ads-card__days:after{right:14px}.no-ads-card__days-count{font-size:26px;font-family:var(--font-digits)}.no-ads-card__boxes{display:flex;gap:10px}.no-ads-card__box{height:204px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:14px 8px 12px;border:3px solid #d9a03a;border-radius:16px;background:linear-gradient(#fff9df,#ffe9a6);box-shadow:inset 0 -4px #d6962859}.no-ads-card__box--icon{width:156px}.no-ads-card__box--rewards{width:266px}.no-ads-card__icon{width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(90,60,10,.3))}.no-ads-card__pile{width:210px;height:128px;object-fit:contain}.no-ads-card__label{font:900 17px/1.2 var(--font-display);color:#fff;text-align:center;-webkit-text-stroke:3.5px #7a4a0c}.offers-section{display:flex;flex-direction:column;align-items:center;gap:40px;padding:10px 0 14px}.bit-pack-popup{width:500px;margin-bottom:26px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:16px 30px 0;border-style:solid;border-width:0}.bit-pack-popup--bronze{border-image:url(/assets/shop/misc/popup-panel-orange.webp) 87 105 127 105 fill / 21px 25px 30px}.bit-pack-popup--silver,.bit-pack-popup--gold{isolation:isolate}:is(.bit-pack-popup--gold,.no-ads-popup):before,:is(.bit-pack-popup--gold,.no-ads-popup):after{content:"";position:absolute;left:0;top:0;scale:.5;transform-origin:0 0}:is(.bit-pack-popup--gold,.no-ads-popup):before{z-index:-1;width:calc(200% - 42px);height:calc(200% - 43px);translate:10.5px 6.5px;border-radius:18.2px 18.2px 18.9px 18.9px/18.75px 18.75px 18.5px 18.5px;background:linear-gradient(to top,rgb(183 121 79) 3.63px,transparent 4.63px);box-shadow:inset 0 .17px 0 1.55px #462c2c,inset 0 -1.9px 0 1px #c68257,inset 0 -2.9px 0 1px #b7794f,0 .05px 0 .4px #462c2c,0 2.79px 0 .4px #0000002f,0 -.22px 9.94px 1.31px #00000029,0 8.83px 15.96px 2.71px #00000056;clip-path:inset(-9.1px -16.7px -24.3px -15px)}:is(.bit-pack-popup--gold,.no-ads-popup):after{--panel-stops: rgb(255 238 145) 30.375%, rgb(226.4 179.4 63.1);z-index:-2;width:calc(200% - 34px);height:calc(200% - 35px);translate:8.5px 4.5px;background:radial-gradient(190.476px 127.883px at 121.905px 101.5px,var(--panel-stops)) left -17px top -9px / 52px 44px,radial-gradient(190.476px 127.883px at -69.905px 101.5px,var(--panel-stops)) right -17px top -9px / 52px 44px,radial-gradient(190.476px 125.15px at 121.905px -74.89px,var(--panel-stops)) left -17px bottom -26px / 52px 62px,radial-gradient(190.476px 125.15px at -69.905px -74.89px,var(--panel-stops)) right -17px bottom -26px / 52px 62px,radial-gradient(132.45% 127.883px at 50% 101.5px,var(--panel-stops)) left 33px top -9px / calc(100% - 66px) 44px,radial-gradient(132.45% 125.15px at 50% -74.89px,var(--panel-stops)) left 33px bottom -26px / calc(100% - 66px) 62px,radial-gradient(190.476px 92.623% at 121.905px 43.094%,var(--panel-stops)) left -17px top 33px / 52px calc(100% - 67px),radial-gradient(190.476px 92.623% at -69.905px 43.094%,var(--panel-stops)) right -17px top 33px / 52px calc(100% - 67px),radial-gradient(132.45% 92.623% at 50% 43.094%,var(--panel-stops)) left 33px top 33px / calc(100% - 66px) calc(100% - 67px);background-repeat:no-repeat;filter:blur(1px);clip-path:inset(4.75px round 17.75px / 18px 18px 17.65px 17.65px)}.bit-pack-popup--diamond{--shadow-corner-top: rgb(0 0 0 / 27.2%) 9px, rgb(0 0 0 / 16.2%) 11px, rgb(0 0 0 / 13.5%) 11.5px, rgb(0 0 0 / 7.5%) 13px, rgb(0 0 0 / 5.7%) 13.5px, rgb(0 0 0 / 3.3%) 14.5px, rgb(0 0 0 / .6%) 16px, transparent 16.5px;--shadow-corner-bottom: rgb(0 0 0 / 58.2%) 5.5px, rgb(0 0 0 / 43.4%) 7px, rgb(0 0 0 / 31.8%) 7.5px, rgb(0 0 0 / 25.6%) 8px, rgb(0 0 0 / 23.3%) 8.5px, rgb(0 0 0 / 15.4%) 10px, rgb(0 0 0 / 9.2%) 11.5px, rgb(0 0 0 / 5.9%) 12.5px, rgb(0 0 0 / 3.6%) 13.5px, rgb(0 0 0 / .6%) 15.5px, transparent 16px;--shadow-side: transparent 1.75px, rgb(0 0 0 / .6%) 2.75px, rgb(0 0 0 / 1.8%) 3.25px, rgb(0 0 0 / 2.9%) 4.25px, rgb(0 0 0 / 5.5%) 5.25px, rgb(0 0 0 / 8.7%) 6.25px, rgb(0 0 0 / 12.5%) 7.25px, rgb(0 0 0 / 17.4%) 8.25px, rgb(0 0 0 / 25.8%) 9.75px, rgb(0 0 0 / 35.5%) 10.25px;isolation:isolate;background:radial-gradient(circle at 100% 100%,var(--shadow-corner-top)) 0 0 / 20px 18px,radial-gradient(circle at 0 100%,var(--shadow-corner-top)) 100% 0 / 20px 18px,radial-gradient(10px 14px at 100% 0,var(--shadow-corner-bottom)) 0 100% / 18px 24px,radial-gradient(10px 14px at 0 0,var(--shadow-corner-bottom)) 100% 100% / 18px 24px,linear-gradient(to right,var(--shadow-side)) 0 18px / 11px calc(100% - 42px),linear-gradient(to left,var(--shadow-side)) 100% 18px / 11px calc(100% - 42px),linear-gradient(transparent 1.75px,#00000004 2.25px,#00000007,#00000008 3.25px,#00000012,#0000001a 5.25px,#00000020,#0003 6.25px) 20px 0 / calc(100% - 40px) 7px,linear-gradient(to top,transparent 1.75px,rgb(0 0 0 / .6%) 2.75px,rgb(0 0 0 / 2.4%) 3.25px,rgb(0 0 0 / 2.5%) 3.75px,rgb(0 0 0 / 3.3%) 4.25px,rgb(0 0 0 / 4.6%) 4.75px,rgb(0 0 0 / 5.1%) 5.25px,rgb(0 0 0 / 10.3%) 7.25px,rgb(0 0 0 / 13.3%) 8.25px,rgb(0 0 0 / 23.3%) 10.75px,rgb(0 0 0 / 28.7%) 12.25px,rgb(0 0 0 / 30.9%) 12.75px,rgb(0 0 0 / 35.7%) 13.25px,rgb(0 0 0 / 45.5%) 13.75px,rgb(0 0 0 / 47.7%) 14.25px,rgb(0 0 0 / 56.9%) 14.75px) 18px 100% / calc(100% - 36px) 15px;background-repeat:no-repeat}.bit-pack-popup--diamond:before,.bit-pack-popup--diamond:after{content:"";position:absolute;z-index:-1}.bit-pack-popup--diamond:before{inset:9px 13px 18px;border-radius:6.59px 6.59px 6.29px 6.29px/7.26px 7.19px 6.54px 6.54px;box-shadow:0 .03px 0 1.47px #7d5bbd,0 .78px 0 1.47px #8b65cf,0 .21px 0 2.71px #413986,0 1.01px 0 2.21px #413986}.bit-pack-popup--diamond:after{--panel-fill: rgb(.4 254.9 220.8) 20.67%, rgb(.4 189.3 242.7) 51.09%, rgb(252.5 17.1 239.3);inset:0;clip-path:inset(7.51px 11.28px 17.07px round 8.36px 8.36px 8.18px 8.18px / 8.85px 9.07px 8.2px 8.2px);background:radial-gradient(364.07% 446.15% at 304.71% 318.24%,var(--panel-fill)) 0 0 / 20px 16px,radial-gradient(88.9% 446.15% at 49.99% 318.24%,var(--panel-fill)) 20px 0 / calc(100% - 40px) 16px,radial-gradient(364.07% 446.15% at -204.82% 318.24%,var(--panel-fill)) 100% 0 / 20px 16px,radial-gradient(364.07% 89.23% at 304.71% 43.65%,var(--panel-fill)) 0 16px / 20px calc(100% - 42px),radial-gradient(88.9% 89.23% at 49.99% 43.65%,var(--panel-fill)) 20px 16px / calc(100% - 40px) calc(100% - 42px),radial-gradient(364.07% 89.23% at -204.82% 43.65%,var(--panel-fill)) 100% 16px / 20px calc(100% - 42px),radial-gradient(364.07% 263.64% at 304.71% -166.49%,var(--panel-fill)) 0 100% / 20px 26px,radial-gradient(88.9% 263.64% at 49.99% -166.49%,var(--panel-fill)) 20px 100% / calc(100% - 40px) 26px,radial-gradient(364.07% 263.64% at -204.82% -166.49%,var(--panel-fill)) 100% 100% / 20px 26px;background-repeat:no-repeat}.bit-pack-popup__pack{position:absolute;left:4px;top:-66px;width:118px;height:196px;object-fit:contain;rotate:-12deg;filter:drop-shadow(0 6px 10px rgba(40,10,70,.45));pointer-events:none}.bit-pack-popup__close{position:absolute;right:12px;top:20px}.bit-pack-popup__title{display:flex;flex-direction:column;align-items:center;gap:2px;direction:rtl;font:900 19px/1.2 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #3c2a6e}.bit-pack-popup__arena{font-size:26px}.bit-pack-popup__heading{width:370px;height:40px;box-sizing:border-box;display:grid;place-items:center;margin-top:10px;padding-bottom:3px;border-style:solid;border-width:0;border-image:url(/assets/popups/header-purple.webp) 0 111 fill / 0 21px;font:900 19px/1 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #3a2470}.bit-pack-popup__guaranteed{display:flex;gap:54px;margin-top:10px}.bit-pack-popup__guarantee{display:flex;flex-direction:column;align-items:center;gap:6px;direction:rtl;font:900 14px/1 var(--font-display);color:#fff;-webkit-text-stroke:3px #1f3a52}.bit-pack-popup__unique{width:50px;height:50px;box-sizing:border-box;display:grid;place-items:center;border:3px solid #6b3e1a;border-radius:9px;background:linear-gradient(#ffd27a,#f0a640);font-size:27px;font-family:var(--font-digits);-webkit-text-stroke:4px #6b3e1a}.bit-pack-popup__bits-icon{width:54px;height:50px;background:url(/assets/popups/bit-chance-common.webp) center / contain no-repeat}.bit-pack-popup__section{width:440px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:8px;padding:8px 0 10px;border-radius:18.5px 18.5px 0 0/19px 19px 0 0;background:#00000019}.bit-pack-popup__heading+.bit-pack-popup__section{margin-top:10px}.bit-pack-popup__section-title{font:900 17px/1 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #1d3b55}.bit-pack-popup__rows{display:flex;flex-direction:column;gap:3px}.bit-pack-popup__row{--rarity-color: #d9a46b;display:grid;grid-template-columns:96px 34px 74px 64px;align-items:center;column-gap:8px;height:27px}.bit-pack-popup__row--rare{--rarity-color: #74b7ff}.bit-pack-popup__row--epic{--rarity-color: #c98bff}.bit-pack-popup__row--legendary{--rarity-color: #ffcf4a}.bit-pack-popup__rarity{justify-self:end;font:900 17px/1 var(--font-display);color:var(--rarity-color);-webkit-text-stroke:3.5px #2b2238}.bit-pack-popup__icon{width:32px;height:27px;background:url(/assets/popups/unlock-chance-common.webp) center / contain no-repeat}.bit-pack-popup__row--rare .bit-pack-popup__icon--unlock{background-image:url(/assets/popups/unlock-chance-rare.webp)}.bit-pack-popup__row--epic .bit-pack-popup__icon--unlock{background-image:url(/assets/popups/unlock-chance-epic.webp)}.bit-pack-popup__row--legendary .bit-pack-popup__icon--unlock{background-image:url(/assets/popups/unlock-chance-legendary.webp)}.bit-pack-popup__icon--bits{background-image:url(/assets/popups/bit-chance-common.webp)}.bit-pack-popup__row--rare .bit-pack-popup__icon--bits{background-image:url(/assets/popups/bit-chance-rare.webp)}.bit-pack-popup__row--epic .bit-pack-popup__icon--bits{background-image:url(/assets/popups/bit-chance-epic.webp)}.bit-pack-popup__row--legendary .bit-pack-popup__icon--bits{background-image:url(/assets/popups/bit-chance-legendary.webp)}.bit-pack-popup__chance{height:25px;display:grid;place-items:center;border-radius:14px;background:#082c4273;font:900 16px/1 var(--font-digits);color:#fff;-webkit-text-stroke:3px #123247;direction:ltr}.bit-pack-popup__bits{direction:rtl;font:900 16px/1 var(--font-display);color:var(--rarity-color);-webkit-text-stroke:3.5px #2b2238;white-space:nowrap}.bit-pack-popup__note{max-width:420px;margin-top:8px;font:900 12px/1.6 var(--font-display);color:#fff;text-align:center;-webkit-text-stroke:3px #1d3b55;direction:rtl}.bit-pack-popup__offers{display:flex;gap:18px;margin:10px 0 -26px}.bit-pack-popup__offer{display:flex;flex-direction:column;align-items:center}.bit-pack-popup__offer-title{width:170px;height:42px;box-sizing:border-box;display:grid;place-items:center;padding-bottom:4px;border-style:solid;border-width:0;border-image:url(/assets/popups/header-red.webp) 0 75 fill / 0 14px;direction:rtl;font:900 19px/1 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #7a1f2a}.bit-pack-popup__buy{--button-height: 80px;--button-font: 25px;--button-stroke: 4.5px;width:200px;margin-top:-4px}.bit-pack-popup__countdown{font-size:.72em;white-space:nowrap}.bit-pack-card{position:relative;width:164px;height:440px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding-top:16px;cursor:pointer;transition:scale .26s var(--ease-back-out)}.bit-pack-card:active{scale:.97;transition-duration:70ms}:is(.bit-pack-card,.free-pack-card){isolation:isolate}:is(.bit-pack-card,.free-pack-card):before{content:"";position:absolute;z-index:-1;inset:6px 6px 13px;border-radius:12.65px/13.03px;box-shadow:0 -.44px .23px 3.37px #5d3570,0 .09px .42px 2.81px #5d3570,0 -.04px .97px 3.33px #00000035,0 .22px 2.34px 3.92px #00000018,0 8.19px 1.22px 3.41px #0000002e}:is(.bit-pack-card,.free-pack-card):after{content:"";position:absolute;z-index:-1;inset:3px 3px 11px;border-radius:14.78px/15.67px;background:linear-gradient(#c152fc 4.83px,#c351fa 13.5px,#c752f6 24px,#d552ed calc(24px + .2507*(100% - 53px)),#dd51ed calc(24px + .4887*(100% - 53px)),#e051e6 calc(24px + .7323*(100% - 53px)),#ef4ee1 calc(100% - 29px),#f24de0 calc(100% - 20.5px),#f24ee1 calc(100% - 12.5px)) 0 -3px / 100% calc(100% + 14px) no-repeat;box-shadow:inset 0 .34px .1px 1.4px #b5baa9,inset 0 -.21px .22px 1.26px #cacfd5c6;border-image:radial-gradient(91.92% 46.77% at 50.08% 47.75%,#ffbdeaab,#ffbdeaaf,#ffbdeab3 6.59%,#ffbdeab6 10.99%,#ffbdeab9 16.48% 21.98%,#ffbdeab8 28.57%,#ffbdeab2,#ffbdeaa9 43.96%,#ffbdea99,#ffbdea84,#ffbdea6b,#ffbdea4c,#ffbdea29 87.91%,#ffbdea09 94.51%,#ffbdea00) 14.0625% 14.3434% 16.9922% fill / 24px 23px 29px / 3px 3px 11px;filter:blur(.5px);clip-path:inset(1.51px 1.87px 1.27px 1.88px round 13.38px / 14.28px)}.bit-pack-card__title{height:64px;display:grid;place-items:center;padding:0 14px;font:900 20px/1.3 var(--font-display);color:#fff;text-align:center;-webkit-text-stroke:4px #6a1f86}.bit-pack-card__art{position:relative;width:140px;height:204px;display:grid;place-items:center;margin-top:4px}.bit-pack-card__pack{width:124px;height:196px;object-fit:contain;filter:drop-shadow(0 6px 6px rgba(80,20,90,.4))}.bit-pack-card__max{--capsule-cap: 26px;position:relative;width:132px;height:38px;box-sizing:border-box;display:grid;place-items:center;margin-top:16px;padding:0 20px 3px 0;font:900 17px/1 var(--font-display);color:#fff;-webkit-text-stroke:3px #3b1650;white-space:nowrap}.bit-pack-card__bit{position:absolute;right:-10px;top:50%;width:40px;height:40px;translate:0 -54%}.bit-pack-card__buy{--button-height: 62px;position:absolute;left:7px;right:7px;bottom:-18px}.free-pack-card{position:relative;width:512px;height:148px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 6px}.free-pack-card__packs{align-self:stretch;width:270px;display:flex;align-items:flex-start;margin:6px 0 9px;padding-left:16px;overflow:hidden;border-radius:0 0 18px 18px}.free-pack-card__pack{width:112px;height:178px;flex-shrink:0;margin:16px -6px 0 0;object-fit:contain;rotate:calc(-6deg + var(--index) * 8deg);filter:drop-shadow(0 5px 5px rgba(80,20,90,.4))}.free-pack-card__claim{display:flex;flex-direction:column;align-items:center;gap:6px}.free-pack-card__tag{position:relative;isolation:isolate;height:40px;box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:0 12px 6px 16px;font:900 16px/1 var(--font-display);color:#fff;-webkit-text-stroke:3px #7a5410;white-space:nowrap}.free-pack-card__tag:before,.free-pack-card__tag:after{content:"";position:absolute;inset:0;z-index:-1;-webkit-mask:var(--shape);mask:var(--shape)}.free-pack-card__tag:before{--shape: radial-gradient(14.907px 14.596px at 16.557px 19.51px, rgb(0 0 0 / 99.4%) 13.193px, rgb(0 0 0 / 93.3%) 13.878px, rgb(0 0 0 / 77.3%) 14.393px, rgb(0 0 0 / 50%) 14.907px, rgb(0 0 0 / 22.7%) 15.421px, rgb(0 0 0 / 6.7%) 15.936px, rgb(0 0 0 / .6%) 16.621px) left 0 / 16px 100% no-repeat, linear-gradient(rgb(0 0 0 / 99.4%) 32.333px, rgb(0 0 0 / 93.3%) 33px, rgb(0 0 0 / 77.3%) 33.5px, rgb(0 0 0 / 50%) 34px, rgb(0 0 0 / 22.7%) 34.5px, rgb(0 0 0 / 6.7%) 35px, rgb(0 0 0 / .6%) 35.667px) 16px 0 / calc(100% - 32px) 100% no-repeat, radial-gradient(14.789px 14.567px at -.414px 19.453px, rgb(0 0 0 / 99.4%) 13.074px, rgb(0 0 0 / 93.3%) 13.76px, rgb(0 0 0 / 77.3%) 14.274px, rgb(0 0 0 / 50%) 14.789px, rgb(0 0 0 / 22.7%) 15.303px, rgb(0 0 0 / 6.7%) 15.817px, rgb(0 0 0 / .6%) 16.503px) right 0 / 16px 100% no-repeat, linear-gradient(to top right, rgb(0 0 0 / .6%) 62.3%, rgb(0 0 0 / 6.7%) 62.87%, rgb(0 0 0 / 22.7%) 63.3%, rgb(0 0 0 / 50%) 63.73%, rgb(0 0 0 / 77.3%) 64.15%, rgb(0 0 0 / 93.3%) 64.58%, rgb(0 0 0 / 99.4%) 65.15%) 16px 20px / calc(100% - 32px) 83px no-repeat, linear-gradient(to top left, rgb(0 0 0 / .6%) 62.3%, rgb(0 0 0 / 6.7%) 62.87%, rgb(0 0 0 / 22.7%) 63.3%, rgb(0 0 0 / 50%) 63.73%, rgb(0 0 0 / 77.3%) 64.15%, rgb(0 0 0 / 93.3%) 64.58%, rgb(0 0 0 / 99.4%) 65.15%) 16px 20px / calc(100% - 32px) 83px no-repeat, linear-gradient(rgb(0 0 0 / 99.4%) 36.256px, rgb(0 0 0 / 93.3%) 36.767px, rgb(0 0 0 / 77.3%) 37.15px, rgb(0 0 0 / 50%) 37.533px, rgb(0 0 0 / 22.7%) 37.917px, rgb(0 0 0 / 6.7%) 38.3px, rgb(0 0 0 / .6%) 38.811px) 16px 0 / calc(100% - 32px) 100% no-repeat;background:#00000040;-webkit-mask-composite:source-over,source-over,source-over,source-in,source-in,source-over;mask-composite:add,add,add,intersect,intersect,add}.free-pack-card__tag:after{--shape: radial-gradient(14.907px 14.596px at 16.557px 15.03px, #000 14.457px, transparent 15.357px) left 0 / 16px 100% no-repeat, linear-gradient(transparent .387px, #000 .387px 29.07px, transparent 29.97px) 16px 0 / calc(100% - 32px) 100% no-repeat, radial-gradient(14.789px 14.567px at -.414px 14.973px, #000 14.339px, transparent 15.239px) right 0 / 16px 100% no-repeat, linear-gradient(to top right, transparent calc(66.43% - .45px) , #000 calc(66.43% + .45px) ) 16px 20px / calc(100% - 32px) 83px no-repeat, linear-gradient(to top left, transparent calc(66.43% - .45px) , #000 calc(66.43% + .45px) ) 16px 20px / calc(100% - 32px) 83px no-repeat, linear-gradient(#000 32.881px, transparent 33.981px) 16px 0 / calc(100% - 32px) 100% no-repeat;transform:translateY(-.387px);background:linear-gradient(to top right,#70400d calc(72.57% - .45px),transparent calc(72.57% + .45px)) 16px 28px / calc(100% - 32px) 83px no-repeat,linear-gradient(to top left,#70400d calc(72.57% - .45px),transparent calc(72.57% + .45px)) 16px 28px / calc(100% - 32px) 83px no-repeat,linear-gradient(#724111 1.514px,transparent 2.414px) 16px 0 / calc(100% - 32px) 100% no-repeat,radial-gradient(13.224px 12.971px at 16.48px 14.98px,transparent 12.774px,#724111 13.674px) left 0 / 16px 100% no-repeat,radial-gradient(13.211px 12.95px at -.428px 14.967px,transparent 12.761px,#724111 13.661px) right 0 / 16px 100% no-repeat,linear-gradient(to bottom right,#ebc370 13.53%,#eab445 19.15%,#edc66c 30.71%,#edd184 37.56%,#efde9f 45.53%,#eee4ac 49.58%,#efda96 59.35%,#edd485 66.53%,#edc663 81.01%,#ebc056 86.29%) 16px -16px / calc(100% - 32px) 62px no-repeat,linear-gradient(to bottom right,#ebc370 22.06%,#eab445 32.01%,#edc66c 52.49%,#edd184 64.62%) 0 -3px / 48px 35px no-repeat,linear-gradient(to bottom right,#efda96 31.32%,#edd485 44.05%,#edc663 69.69%,#ebc056 79.04%) right 0 top -3px / 48px 35px no-repeat;-webkit-mask-composite:source-over,source-over,source-over,source-in,source-in,source-over;mask-composite:add,add,add,intersect,intersect,add}.free-pack-card__tag-icon{width:26px;height:26px;object-fit:contain}.free-pack-card__buy{--button-height: 62px;width:170px}.bit-packs-section{display:flex;flex-direction:column;align-items:center;gap:40px;padding-bottom:8px}.bit-packs-section__row{display:grid;grid-template-columns:repeat(3,164px);column-gap:10px}.shop-section{display:flex;flex-direction:column;align-items:center;gap:16px}.shop-section__ribbon{--ribbon-ink: #6b4310;position:relative;width:410px;height:62px;box-sizing:border-box;display:grid;place-items:center;padding:0 40px 5px;border-style:solid;border-width:0;border-image:url(/assets/shop/titles/offers.webp) 0 42 fill / 0 19px}.shop-section__ribbon--bitpacks{--ribbon-ink: #5d1d7a;border-image:url(/assets/shop/titles/bitpacks.webp) 0 69 fill / 0 31px}.shop-section__ribbon--gems{--ribbon-ink: #1d4f7d;border-image:url(/assets/shop/titles/gems.webp) 0 69 fill / 0 31px}.shop-section__ribbon--coins{--ribbon-ink: #7a4a0c;border-image:url(/assets/shop/titles/coins.webp) 0 69 fill / 0 31px}.shop-section__ribbon--chips{--ribbon-ink: #1d566a;border-image:url(/assets/shop/titles/chips.webp) 0 69 fill / 0 31px}.shop-section__title{font:900 25px/1 var(--font-display);color:#fff;-webkit-text-stroke:4px var(--ribbon-ink);text-shadow:0 2px 0 var(--ribbon-ink);white-space:nowrap}.shop-section__icon{position:absolute;left:-14px;top:50%;width:62px;height:62px;object-fit:contain;translate:0 -54%;rotate:-8deg;filter:drop-shadow(0 3px 2px rgba(30,15,60,.4))}.shop-section.is-entering .shop-enter{animation:enter-pop .6s linear calc(var(--stagger, 0) * 50ms) both}.shop-tabs{display:grid;grid-template-columns:repeat(4,120px);justify-content:center;column-gap:8px}.shop-tabs__tab{position:relative;height:72px;display:grid;place-items:center;padding-bottom:12px;box-sizing:border-box;border-style:solid;border-width:0;border-image:url(/assets/shop/tabs/tab.webp) 50 65 100 65 fill / 12px 15px 24px;transition:scale .26s var(--ease-back-out)}.shop-tabs__tab.is-current{--tab-edge: #ffd9df;isolation:isolate;padding-bottom:2px;border-image:none}.shop-tabs__tab.is-current:before{content:"";position:absolute;inset:8px 3px 4px;z-index:-1;border-radius:11.5px;background:linear-gradient(#fe9ad2 3px,#febee2 58px);box-shadow:inset 0 .5px 0 1.5px var(--tab-edge),inset 0 -1px 0 1.5px var(--tab-edge),-.56px -.5px var(--tab-edge),.6px -.5px var(--tab-edge),-.56px 0 var(--tab-edge),.6px 0 var(--tab-edge)}.shop-tabs__tab:active:not(:disabled){scale:.94;transition-duration:70ms}.shop-tabs__tab:disabled{cursor:default;filter:saturate(.4) brightness(.85)}.shop-tabs__tab:focus-visible{outline:none;filter:drop-shadow(0 0 3px #fff)}.shop-tabs__icon{width:62px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 0 rgba(60,20,80,.35))}.shop-tabs__badge{position:absolute;top:-9px;right:-7px;width:30px;height:30px;background:url(/assets/nav/badge-alert.svg) center / contain no-repeat;animation:shop-tabs-badge 1.4s var(--ease-sine-in-out) infinite alternate}@keyframes shop-tabs-badge{to{scale:1.12}}.shop-screen{position:relative;height:100%;display:flex;flex-direction:column}.shop-screen__header{position:relative;z-index:1;margin-top:-52px;padding:62px 0 14px;background:linear-gradient(#816fca 3.6px,#836fcb 6.15px,#512784 7.45px,#502887 8.75px,rgb(73 36 125 / .83) 9.6px,transparent 10.4px) bottom / 100% 20px no-repeat,linear-gradient(transparent 8px,#00000073 8px 10.75px,#0000006b 11.95px,#0000003d 12.95px,#00000029 14.95px,#00000014 15.75px,#00000003 19.75px) bottom / 100% 20px no-repeat,linear-gradient(#4d2189 2.55px,#4d2487 3.5px,#4d4071 4.5px,#4d466d 5.6px,#4c456e 8.75px) top / 100% 8px no-repeat,linear-gradient(#4c456e .75px,#816eca) 0 8px / 100% calc(100% - 28px) no-repeat}.shop-screen__list{flex:1;min-height:0;display:flex;flex-direction:column;gap:28px;margin-top:-10px;padding:22px 0 60px;overflow:hidden auto;overscroll-behavior:contain;scrollbar-width:none}.shop-screen__list::-webkit-scrollbar{display:none}.shop-screen--status{justify-content:center;align-items:center;gap:16px;font:900 20px/1.4 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #2b2238}.shop-screen__retry{padding:10px 22px;border:3px solid #1f3f7a;border-radius:16px;background:linear-gradient(#8fd3ff,#3d84e0);box-shadow:0 4px #1f3f7a;font:900 18px/1.2 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #1f3f7a}.reward-tile{width:92px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px 8px;border-radius:14px;background:#14286e59;box-shadow:inset 0 2px #0a144659}.reward-tile.is-large{zoom:1.45}.reward-tile__art{position:relative;width:64px;height:64px;display:grid;place-items:center}.reward-tile__icon{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 3px 3px rgba(10,20,70,.4))}.reward-tile--hero .reward-tile__art,.reward-tile--bits .reward-tile__art{border-radius:12px;background:radial-gradient(closest-side,#ffe9a8,#f0b443);overflow:hidden}.reward-tile--hero .reward-tile__icon,.reward-tile--bits .reward-tile__icon{align-self:end;max-width:120%;max-height:120%;margin-bottom:-10px}.reward-tile__badge{position:absolute;right:-4px;bottom:-2px;width:30px;height:28px;object-fit:contain}.reward-tile__text{font:900 18px/1.1 var(--font-digits);color:#fff;-webkit-text-stroke:3.5px #23305e;direction:ltr;white-space:nowrap}.reward-tile--hero .reward-tile__text,.reward-tile--pass .reward-tile__text{direction:rtl;font-size:15px;font-family:var(--font-display);color:#ffe45c}.reward-tile__label{max-width:100%;font:900 12px/1.3 var(--font-display);color:#dff2ff;text-align:center;-webkit-text-stroke:2.5px #23305e;direction:rtl}.shop-popup{isolation:isolate;width:448px;margin:34px 0 28px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 28px;direction:rtl;color:#fff}.shop-popup__title{min-width:238px;max-width:380px;height:67px;box-sizing:border-box;display:grid;place-items:center;margin-top:-33px;padding:0 34px 6px;border-style:solid;border-width:0;border-image:url(/assets/popups/title-yellow.webp) 0 85 fill / 0 21px;font:900 25px/1 var(--font-display);color:#fff;-webkit-text-stroke:4px #7a4a10;white-space:nowrap}.shop-popup__close{position:absolute;right:8px;top:8px}.shop-popup__text{font:900 18px/1.6 var(--font-display);text-align:center;-webkit-text-stroke:3.5px #2a3a66}.shop-popup__action{--button-height: 71px;--button-font: 24px;--button-stroke: 4px;width:210px;margin:6px 0 -28px}.confirm-purchase__art{position:relative;width:200px;height:160px;display:grid;place-items:center;margin-top:6px}.confirm-purchase__art img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(20,30,90,.4))}.confirm-purchase__discount{position:absolute;top:0;right:-20px;padding:5px 10px;border:2px solid #6d1d1d;border-radius:10px;background:linear-gradient(#ff8a7a,#d9443a);rotate:8deg;font:900 15px/1 var(--font-display);color:#fff;-webkit-text-stroke:3px #6d1d1d}.confirm-purchase__rewards{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;direction:ltr}.message-popup__text{max-width:360px;margin:26px 0 14px}.no-ads-popup{isolation:isolate;width:446px;margin:10px 0 30px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:24px 26px 0;direction:rtl}.no-ads-popup__pattern{position:absolute;inset:8px 10px 16px;z-index:-1;border-radius:20px;background:url(/assets/shop/ads/pattern-no-ad.webp) 0 0 / 104px 104px;opacity:.22;pointer-events:none}.no-ads-popup__header{width:100%;display:grid;grid-template-columns:88px 1fr 46px;align-items:center;direction:ltr}.no-ads-popup__close{grid-column:3}.no-ads-popup__value{position:absolute;left:4px;top:40px;z-index:1;width:104px;height:126px;transform-origin:50% -44px;animation:value-tag-swing 2s infinite,value-tag-pulse 2s cubic-bezier(.33,0,.67,1) infinite;pointer-events:none}.no-ads-popup__value-tag{position:absolute;inset:0;display:grid;place-items:center;padding-top:20px;box-sizing:border-box;transform-origin:50% 16px;animation:no-ads-tag-rock 2s cubic-bezier(.33,0,.67,1) infinite,no-ads-tag-flash 2s infinite}.no-ads-popup__value-tag:before{content:"";position:absolute;inset:0;background:url(/assets/shop/labels/value-tag.webp) center / contain no-repeat;filter:hue-rotate(-34deg) saturate(1.35)}@keyframes no-ads-tag-rock{0%,75%,to{rotate:0deg}41.7%{rotate:-3deg}}@keyframes no-ads-tag-flash{0%,50%,to{filter:brightness(1)}20.8%,70.8%{filter:brightness(1.12)}23.3%,73.3%{filter:brightness(1.4)}29.2%,79.2%{filter:brightness(1.15)}}.no-ads-popup__value:after{content:"";position:absolute;left:50%;top:-44px;width:24px;height:64px;margin-left:-12px;background:url(/assets/shop/labels/value-tag-chain.webp) center / contain no-repeat}.no-ads-popup__value-text{position:relative;max-width:80px;font:900 18px/1.1 var(--font-display);color:#fff;text-align:center;-webkit-text-stroke:3.5px #7a1020}.no-ads-popup__title{grid-column:2;justify-self:center;white-space:nowrap;direction:rtl;font:900 30px/1.1 var(--font-display);color:#fff;-webkit-text-stroke:6px #8a5410;text-shadow:0 3px 0 #8a5410}.no-ads-popup__unavailable{margin-top:6px;padding:4px 16px;border-radius:14px;background:#aa1e32d9;font:900 17px/1.3 var(--font-display);color:#fff;-webkit-text-stroke:3px #5a0f1c}.no-ads-popup__icon{position:relative;width:148px;height:148px;display:grid;place-items:center;margin-top:4px}.no-ads-popup__icon>*{grid-area:1 / 1}.no-ads-popup__icon-bg{width:148px;height:148px;animation:no-ads-popup-spin 24s linear infinite}.no-ads-popup__icon-sign{width:112px;height:118px;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(110,60,10,.35))}@keyframes no-ads-popup-spin{to{rotate:360deg}}.no-ads-popup__headline{max-width:330px;margin-top:4px;font:900 19px/1.35 var(--font-display);color:#fff;text-align:center;-webkit-text-stroke:4px #6b4310}.no-ads-popup__pile{width:196px;height:130px;margin:2px 0 -14px;object-fit:contain}.no-ads-popup__daily{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 10px 12px;border-radius:18px;background:#c48c2847}.no-ads-popup__daily-title{position:relative;width:270px;height:50px;box-sizing:border-box;display:grid;place-items:center;margin-top:-6px;padding-bottom:5px;border-style:solid;border-width:0;border-image:url(/assets/shop/titles/gems.webp) 0 69 fill / 0 25px;font:900 21px/1 var(--font-display);color:#fff;-webkit-text-stroke:4px #1d4f7d}.no-ads-popup__daily-text{font:900 16px/1.3 var(--font-display);color:#fff;text-align:center;-webkit-text-stroke:3.5px #6b4310}.no-ads-popup__rewards{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.no-ads-popup__reward{width:66px;height:76px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:6px 0 5px;border-radius:14px;background:linear-gradient(#fff6dc,#ffd9a8);box-shadow:inset 0 -3px #c8782859}.no-ads-popup__reward-art{position:relative;width:44px;height:44px}.no-ads-popup__reward-icon{width:100%;height:100%;object-fit:contain}.no-ads-popup__reward--bits .no-ads-popup__reward-icon{border-radius:10px;background:radial-gradient(closest-side,#ffe9a8,#f0b443);object-fit:cover;object-position:top}.no-ads-popup__reward-badge{position:absolute;right:-8px;bottom:-6px;width:24px;height:22px;object-fit:contain}.no-ads-popup__reward-amount{direction:ltr;font:900 16px/1 var(--font-digits);color:#fff;-webkit-text-stroke:3.5px #4a2a10}.no-ads-popup__reward-amount.is-words{font-family:var(--font-display)}.no-ads-popup__sale{display:flex;align-items:center;gap:8px;margin-top:12px;padding:3px 18px 5px 14px;border-radius:20px;background:linear-gradient(#ff5a6a,#d42a44);box-shadow:inset 0 -3px #7a102073,0 3px #7a1020;font:900 18px/1.2 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #7a1020}.no-ads-popup__sale-clock{width:26px;height:30px;object-fit:contain}.no-ads-popup__sale-time{min-width:92px;font-size:22px;font-family:var(--font-digits);text-align:center;color:#fff3a8}.no-ads-popup__buy-row{position:relative;width:380px;height:72px;display:flex;align-items:center;margin:12px 0 -32px;direction:ltr}.no-ads-popup__access{--discount-label-cap: 30px;width:200px;height:60px;box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:0 40px 5px 14px;direction:rtl;font:900 16px/1.15 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #8a1f40}.no-ads-popup__access-icon{width:34px;height:32px;object-fit:contain}.no-ads-popup__buy{--button-height: 72px;--button-font: 26px;--button-stroke: 4.5px;position:absolute;right:0;width:220px}.no-ads-popup__active{margin:14px 0 -24px;padding:10px 24px;border-radius:20px;background:linear-gradient(#7be35c,#3fa82e);box-shadow:0 4px #22601a;font:900 21px/1.2 var(--font-display);color:#fff;-webkit-text-stroke:4px #22601a}.not-enough-popup{width:400px;display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:30px}.not-enough-popup__title{min-width:300px;height:67px;box-sizing:border-box;display:grid;place-items:center;padding:0 40px 6px;border-style:solid;border-width:0;border-image:url(/assets/popups/title-yellow.webp) 0 85 fill / 0 21px;direction:rtl;font:900 26px/1 var(--font-display);color:#fff;-webkit-text-stroke:4.5px #7a4a10;white-space:nowrap}.not-enough-popup__close{position:absolute;right:-2px;top:10px}.not-enough-popup__missing{display:flex;align-items:center;gap:6px;font:900 19px/1.3 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #2a2147}.not-enough-popup__amount{font-family:var(--font-digits)}.not-enough-popup__missing img{width:28px;height:28px;object-fit:contain}.not-enough-popup__card{margin-top:8px;zoom:1.15;animation:enter-pop .6s linear 80ms both}.not-enough-popup__none{padding:12px 22px;border-radius:18px;background:#140c3299;font:900 18px/1.5 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #2a2147}.offer-popup{margin:10px 0 40px}.offer-popup__frame{width:492px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:10px 12px 0}.offer-popup__line{max-width:400px;margin-top:12px;font:900 18px/1.35 var(--font-display);color:#fff;text-align:center;-webkit-text-stroke:4px var(--offer-ink)}.offer-popup__rewards{min-height:210px;margin:12px 0 52px}.offer-popup__rewards--hero{--offer-hero-width: 196px;--offer-hero-art-width: 186px;--offer-hero-art-height: 156px}.offer-popup__buy-row{--offer-buy-height: 70px;--offer-buy-width: 220px;bottom:-24px}.offer-popup__close{position:absolute;right:-16px;top:-24px}.rewards-popup__list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;direction:ltr}.rewards-popup__list.is-single{margin:20px 0 8px}.rewards-popup__list>*{animation:enter-pop .6s linear both}.rewards-popup__list>:nth-child(2){animation-delay:80ms}.rewards-popup__list>:nth-child(3){animation-delay:.16s}.rewards-popup__list>:nth-child(n+4){animation-delay:.24s}.rewards-popup__note{margin-top:10px;color:#ffe064;direction:rtl;unicode-bidi:isolate}.shop-toast{position:absolute;top:64px;left:50%;max-width:440px;box-sizing:border-box;padding:10px 22px;border:2px solid #6d1d1d;border-radius:18px;background:linear-gradient(#f0675c,#c63a33);box-shadow:0 4px #6d1d1d,0 8px 18px #08051d73;font:900 18px/1.35 var(--font-display);color:#fff;text-align:center;-webkit-text-stroke:3.5px #6d1d1d;pointer-events:none;translate:-50% 0;animation:shop-toast 2.6s both}@keyframes shop-toast{0%{opacity:0;translate:-50% -16px;animation-timing-function:var(--ease-back-out)}10%,85%{opacity:1;translate:-50% 0}to{opacity:0;translate:-50% -8px}}.shop-popups{position:absolute;inset:0;z-index:60;pointer-events:none}.trophy-flight{position:absolute;inset:0;z-index:4;pointer-events:none}.loading-label{position:relative;margin:0;direction:rtl;font:900 26px/1.2 var(--font-display);color:#f6d09e;-webkit-text-stroke:5px #4a3024;text-shadow:0 3px 2px rgba(40,20,10,.45);white-space:nowrap}.loading-label__dots{position:absolute;right:100%;animation:loading-dots 2s step-end infinite}.loading-label__percent{position:absolute;top:100%;left:50%;translate:-50% 4px;direction:ltr;font-size:19px;font-family:var(--font-digits);-webkit-text-stroke-width:4px}@keyframes loading-dots{0%{clip-path:inset(-10px 0 -10px 100%)}25%{clip-path:inset(-10px 0 -10px 66.7%)}50%{clip-path:inset(-10px 0 -10px 33.3%)}75%,to{clip-path:inset(-10px 0 -10px 0)}}.splash-screen{position:absolute;top:0;left:0;width:540px;height:960px;transform-origin:50% 0;scale:var(--stage-stretch, 1);z-index:40;overflow:hidden;background:#5d97d4}.splash-screen img{display:block;pointer-events:none}.splash-screen.is-loading>*{visibility:hidden}.splash-screen.is-loading *{animation-play-state:paused}@keyframes splash-rise{0%{translate:0 var(--rise-from)}}@keyframes splash-fade-in{0%{opacity:0}}.splash-screen__sky,.splash-screen__layer{position:absolute;top:0;left:-90px;width:720px;height:960px}.splash-screen__layer-art{width:100%;height:100%}.splash-screen__visuals{position:absolute;inset:0}.splash-screen__tentacles{--rise-from: 26px;animation:splash-rise .5s var(--ease-smoothstep) both}.splash-screen__sea{--rise-from: 41.25px;animation:splash-rise .5s var(--ease-smoothstep) both}.splash-screen__rocket{--rise-from: -62.5px;position:absolute;left:125px;top:-25px;width:142px;height:195px;object-fit:contain;animation:splash-rise .5s var(--ease-smoothstep) both}@keyframes splash-captain-rise{0%{translate:0 115.75px;animation-timing-function:cubic-bezier(.33,0,.67,.89)}50%{translate:0 0;animation-timing-function:cubic-bezier(.33,.38,.67,1)}70%{translate:0 -13.5px;animation-timing-function:var(--ease-smoothstep)}to{translate:0 0}}.splash-screen__captain{animation:splash-captain-rise 1s both}.splash-screen__waves{--rise-from: 88px;animation:splash-rise .5s var(--ease-smoothstep) both}.splash-screen__spark{position:absolute;left:450px;top:152.5px;width:151px;height:188.5px;transform-origin:51% 38%;animation:splash-spark-pop 317ms linear 833ms both,splash-spark-turn 317ms var(--ease-smoothstep) 833ms both,splash-spark-flash 417ms linear 833ms both}@keyframes splash-spark-pop{0%{scale:.3;animation-timing-function:var(--ease-smoothstep)}37%{scale:1.2;animation-timing-function:var(--ease-smoothstep)}to{scale:1}}@keyframes splash-spark-turn{0%{rotate:0deg}to{rotate:-40deg}}@keyframes splash-spark-flash{0%{opacity:0;animation-timing-function:var(--ease-smoothstep)}28%,56%{opacity:1;animation-timing-function:var(--ease-smoothstep)}to{opacity:0}}.splash-screen__vignette{position:absolute;top:-.5px;left:-210.5px;width:961px;height:961px}.splash-screen__title{--rise-from: 60px;position:absolute;top:11px;left:0;right:0;height:285px;display:grid;grid-template:100% / 100%;place-items:center;transform-origin:50% calc(50% + 9px);animation:splash-rise .5s cubic-bezier(.45,.35,.46,1.14) both}.splash-screen__title-glow,.splash-screen__logo{grid-area:1 / 1}@keyframes splash-glow-unwind{0%{rotate:-30deg}}.splash-screen__title-glow{width:621.5px;height:605.75px;max-width:none;animation:splash-fade-in .5s cubic-bezier(.6,.02,.15,.98) both,splash-glow-unwind 2s cubic-bezier(.4,.45,.52,1) both}.splash-screen__logo{width:349px;height:285px;animation:splash-fade-in .5s var(--ease-smoothstep) both}.splash-screen__footer{--rise-from: 23.25px;position:absolute;top:795px;left:0;right:0;display:flex;justify-content:center;animation:splash-rise .5s var(--ease-smoothstep) both,splash-fade-in .5s var(--ease-smoothstep) both}.splash-screen__flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.splash-screen.is-leaving{pointer-events:none}@keyframes splash-sky-leave{to{scale:1.1;translate:0 -4.5px}}@keyframes splash-visuals-leave{to{scale:3.8;translate:0 429.5px}}@keyframes splash-captain-leave{to{scale:2.2;translate:0 393.4px}}@keyframes splash-sea-leave{to{scale:1.3 1}}@keyframes splash-waves-leave{0%{scale:1;translate:0 0;animation-timing-function:var(--ease-smoothstep)}19%{scale:2;translate:0 -134px;animation-timing-function:var(--ease-smoothstep)}to{scale:2;translate:0 490px}}@keyframes splash-title-dive{0%{translate:0 0;animation-timing-function:cubic-bezier(.08,.06,.38,1)}80%{translate:0 267.6px;animation-timing-function:var(--ease-smoothstep)}to{translate:0 260px}}@keyframes splash-title-zoom{0%{scale:1;animation-timing-function:cubic-bezier(.33,0,.67,-.14)}80%{scale:3.01;animation-timing-function:cubic-bezier(.33,.15,.67,.51)}to{scale:6.8}}@keyframes splash-footer-leave{to{translate:0 371.75px}}@keyframes splash-fade-out{to{opacity:0}}@keyframes splash-flash-in{to{opacity:1}}.is-leaving .splash-screen__sky{animation:splash-sky-leave 333ms var(--ease-smoothstep) both}.is-leaving .splash-screen__visuals{animation:splash-visuals-leave 333ms var(--ease-smoothstep) both}.is-leaving .splash-screen__captain{animation:splash-captain-leave .2s var(--ease-smoothstep) both}.is-leaving .splash-screen__sea{animation:splash-sea-leave 167ms var(--ease-smoothstep) both}.is-leaving .splash-screen__waves{animation:splash-waves-leave .35s both}.is-leaving .splash-screen__vignette{animation:splash-fade-out 117ms var(--ease-smoothstep) both}.is-leaving .splash-screen__title{animation:splash-title-dive 333ms both,splash-title-zoom 333ms both}.is-leaving .splash-screen__footer{animation:splash-footer-leave 167ms var(--ease-smoothstep) both}.is-leaving .splash-screen__flash{animation:splash-flash-in 333ms var(--ease-smoothstep) both}.splash-screen.is-revealing{background:none;pointer-events:none}.splash-screen.is-revealing>:not(.splash-screen__flash){visibility:hidden}.is-revealing .splash-screen__flash{opacity:1;animation:splash-fade-out .3s var(--ease-cubic-out) both}.info-tabs{display:flex;gap:12px}.info-tab{width:178px;height:57px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;padding-bottom:2px;border-style:solid;border-width:0}.info-tab.is-active,.info-tab--stats{border-image:none;background:radial-gradient(circle at 24.8px 24.79px,var(--info-tab-fill) 22px,var(--info-tab-edge) 22.71px 24.53px,transparent 25.18px) left top / 25px 25px no-repeat,radial-gradient(circle at calc(100% - 24.77px) 24.86px,var(--info-tab-fill) 22.19px,var(--info-tab-edge) 22.93px 24.6px,transparent 25.3px) right top / 25px 25px no-repeat,linear-gradient(var(--info-tab-edge) 2.1px,var(--info-tab-fill) 2.79px) center top / calc(100% - 48px) 25px no-repeat,linear-gradient(90deg,var(--info-tab-edge) 2.14px,var(--info-tab-fill) 2.8px calc(100% - 2.78px),var(--info-tab-edge) calc(100% - 2px)) left bottom / 100% calc(100% - 24px) no-repeat}.info-tab--stats{--info-tab-edge: #7a5b5b;--info-tab-fill: #f9c89a}.info-tab--stats:not(.is-active){--info-tab-fill: #a8917e;box-shadow:inset 0 -2.2px var(--info-tab-edge)}.info-tab--mastery{--info-tab-edge: #5b5d7a;--info-tab-fill: #aed5ff;border-image:url(/assets/unit-info/tab-mastery-inactive.webp) 0 40 4 fill / 0 30px 3px}.info-tab:focus-visible{outline:none;filter:drop-shadow(0 0 3px #fff)}.info-tab__badge{width:32px;height:32px;display:grid;place-items:center;background:url(/assets/level-bar/badge-1-2.webp) center / contain no-repeat;font:900 16px/1 var(--font-digits);color:#fff;-webkit-text-stroke:3px #6b2a10}.info-tab--mastery .info-tab__badge{background-image:url(/assets/unit-info/mastery-level.webp);-webkit-text-stroke-color:#22307a}.info-tab__label{font:900 22px/1 var(--font-display);color:#fff;-webkit-text-stroke:4px #6b3e1e}.info-tab--mastery .info-tab__label{-webkit-text-stroke-color:#2e4a7a}.info-tab:not(.is-active) .info-tab__label{opacity:.9}.reward-card{position:relative;isolation:isolate;flex:none;width:108px;height:168px;display:grid;grid-template-rows:116px 1fr}.reward-card:before,.reward-card:after{content:"";position:absolute;inset:0;z-index:-1;transform-origin:0 0}.reward-card:before{bottom:4px;border-radius:16.64px/16.21px;background:#7e6112;box-shadow:0 0 0 .139px #7e6112aa,0 0 0 .279px #7e611266,0 0 0 .418px #7e61122b,.02px 5.34px 2.18px -.81px #0000005d;clip-path:inset(-.174px -2px -6.316px);transform:translate(1.833px,.171px) scale(.9653,.9854)}.reward-card:after{--lip: #fcbb56;--lip-edge: transparent 97.9%, var(--lip) 102.1%;--corner-top: transparent 18.2%, rgb(251 252 255 / .338) 27.3%, rgb(251 252 255 / .191) 36.4%, rgb(251 252 255 / .149) 45.5%, rgb(251 252 255 / .104) 54.5%, rgb(251 252 255 / .053) 68.2%, rgb(251 252 255 / .019) 81.8%, transparent 100%;--corner-bottom: transparent 18.2%, rgb(255 254 254 / .232) 27.3%, rgb(255 254 254 / .215) 36.4%, rgb(255 254 254 / .153) 45.5%, rgb(255 254 254 / .117) 54.5%, rgb(255 254 254 / .056) 68.2%, rgb(255 254 254 / .023) 81.8%, transparent 100%;inset:0 4px 8px;border-radius:14.51px/14.98px;background:radial-gradient(13.06px 13.62px at 100% 0,var(--lip-edge)) left 143.11px / 13.21px 14.18px no-repeat,radial-gradient(13.06px 13.62px at 0 0,var(--lip-edge)) right 143.11px / 13.21px 14.18px no-repeat,linear-gradient(transparent 156.46px,var(--lip) 157.01px),radial-gradient(21.61px 22.14px at .16px .18px,var(--corner-top)),radial-gradient(21.61px 22.14px at 99.79px .18px,var(--corner-top)),radial-gradient(21.61px 22.14px at .16px 156.74px,var(--corner-bottom)),radial-gradient(21.61px 22.14px at 99.79px 156.74px,var(--corner-bottom)),linear-gradient(#fff 60.57px,#feffff 75.67px 90.77px,#fdffff 100.83px,#fcffff 110.9px 120.96px,#fdffff 131.03px,#fff 141.1px),linear-gradient(rgb(251 254 255 / .398) 1.18px,rgb(251 254 255 / .34) 2.19px,rgb(251 254 255 / .263) 3.7px,rgb(251 254 255 / .191) 5.21px,rgb(251 254 255 / .121) 7.22px,rgb(251 254 255 / .037) 10.24px,transparent 14.27px),linear-gradient(transparent 14.27px,#fefdff07 45.47px,#fefdff0b 60.57px,#fefdff0f 75.67px 90.77px,#fefdff0d 108.88px,#fefdff0c 115.43px,#fefdff26 120.96px,#fefdff43 127px,#fefdff6a 135.06px,#fefdff87,#fefdffaa 147.13px,#fefdffb6 151.16px,#fefdffd1 156.7px),linear-gradient(90deg,rgb(252 251 244 / .464) .16px,rgb(252 251 244 / .282) 3.11px,rgb(252 251 244 / .149) 6.06px,rgb(252 251 244 / .028) 9.98px,transparent 14.89px,transparent 85.02px,rgb(252 251 244 / .028) 89.93px,rgb(252 251 244 / .148) 93.86px,rgb(252 251 244 / .281) 96.81px,rgb(252 251 244 / .466) 99.76px),radial-gradient(58.93px 72.47px at 49.98px 78.04px,#fffcff,#fffdf6 3%,#fffbee 6%,#fff8e3 10%,#fff4d7 15%,#ffefc7 21%,#ffeab5 28%,#ffe4a0 36%,#fede88 45%,#fed670,#fecf56,#fec83d,#fec225 85%,#febb11 93%,#feb600);background-blend-mode:normal,normal,normal,normal,normal,normal,normal,multiply,normal;box-shadow:inset 0 0 0 .099px #7e6112aa,inset 0 0 0 .199px #7e611266,inset 0 0 0 .298px #7e61122b;transform:translate(-.925px,1.485px) scale(1.0181,.9935)}.reward-card--upgrade:before,.reward-card--upgrade:after{inset:0}.reward-card--upgrade:before{border-radius:17.1px 17.1px 16.2px 16.2px/16.7px;background:#834d36;box-shadow:0 0 0 .16px #834d36b3,0 0 0 .31px #834d3673,0 0 0 .5px #834d363d,0 5.73px 2.11px -.98px #0000005c;clip-path:inset(-.094px -2px -6.579px);transform:translate(1.87px,.09px) scale(.9646,.9618)}.reward-card--upgrade:after{border-radius:15.3px/15.7px 15.7px 14.3px 14.3px;background:radial-gradient(89.1% 61.1% at 50% 49.8%,#ffe8d2,#f5dabd 17.7%,#ebcaa8 36%,#d9a16a 76.7%,#d39963);background-blend-mode:normal;box-shadow:inset 0 0 10.58px 2.84px #f4e4d3e5,5.63px 1.95px 0 -5.61px #edcdb0,-5.63px 1.95px 0 -5.61px #edcdb0,0 0 0 .21px #eccfb17f,0 0 0 .4px #eccfb138,0 3.43px #985829;transform:translate(3.39px,1.81px) scale(.9369,.9239)}.reward-card.is-large{zoom:1.75}.reward-card__top,.reward-card__art{grid-area:1 / 1}.reward-card__top{margin:4px 4px 0;background:url(/assets/unit-info/reward-top-blue.webp) center top / 100% 100% no-repeat}.reward-card--upgrade .reward-card__top{background-image:var(--scene, none),url(/assets/unit-info/reward-top-green.webp)}.reward-card__art{display:flex;align-items:center;justify-content:center;gap:2px;padding-bottom:12px}.reward-card__unit{height:46px;width:auto}.reward-card__factor{font:900 26px/1 var(--font-digits);color:#fff;-webkit-text-stroke:4px #23305e;direction:ltr}.reward-card__label{align-self:center;justify-self:center;max-width:96px;margin-bottom:4px;font:900 12px/1.2 var(--font-display);color:#fff;text-align:center;-webkit-text-stroke:3px #4a3418;direction:rtl}.reward-icon{width:108px;height:168px;display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;white-space:pre-line}.reward-icon__art{width:96px;height:96px;margin-top:13px;display:grid;place-items:center}.reward-icon__image{max-width:100%;max-height:100%}.reward-icon--health .reward-icon__image{width:94px}.reward-icon--damage .reward-icon__image{width:95px}.reward-icon--range .reward-icon__image{width:74px}.reward-icon--bits .reward-icon__image{width:92px}.reward-icon--coins .reward-icon__image{width:90px}.reward-icon--gems .reward-icon__image{width:91px}.reward-icon__amount,.reward-icon__label{font:900 22px/26px var(--font-display);-webkit-text-stroke:4px #3d2e2e}.reward-icon__amount{direction:ltr;font-family:var(--font-digits)}.reward-icon__label{direction:rtl}.reward-icon--cosmetic .reward-icon__art{width:77px;height:77px;margin-top:14px;box-sizing:border-box;border:3px solid #3d2e2e;border-radius:15px;overflow:hidden}.reward-icon--cosmetic .reward-icon__image{width:100%;height:100%;max-width:none;max-height:none;scale:1.04}.reward-icon--avatar .reward-icon__label{margin-top:22px;font-size:21px;line-height:24px;-webkit-text-stroke-width:3.5px}.reward-icon--banner .reward-icon__label{margin-top:12px;font-size:15px;line-height:19px;-webkit-text-stroke-width:3px}.mastery-page{flex:1;min-height:0;display:flex;flex-direction:column}.mastery-page__timeline{overflow:auto hidden;overscroll-behavior:contain;scrollbar-width:none;margin:0 3px;padding-top:62px;cursor:grab}.mastery-page__timeline::-webkit-scrollbar{display:none}.mastery-timeline{position:relative;width:max-content;padding-right:20px}.mastery-timeline__track{position:absolute;left:89.5px;top:204px;width:calc(var(--steps) * 179px);height:48px;box-sizing:border-box;display:grid;padding:6px 2px 10px;isolation:isolate;background:linear-gradient(90deg,transparent 2.25px,rgb(25 25 41 / .1) 2.75px,rgb(21 21 21 / .07) 3.25px,rgb(49 63 107 / .18) 3.75px) 0 1px / 4px 1px,linear-gradient(90deg,transparent 2.25px,rgb(0 0 0 / .07) 2.75px 3.25px,rgb(50 60 113 / .46) 3.75px) 0 2px / 4px 4px,linear-gradient(90deg,#00000003 .25px,#00000009 2.25px,#0000001c,#00000024,#2e366787 3.75px) 0 6px / 4px 33px,linear-gradient(90deg,rgb(48 62 105 / .5) .25px,rgb(0 0 0 / .06) .75px,rgb(0 0 0 / .024) 1.25px 1.75px,rgb(0 0 0 / .014) 2.25px,transparent 2.75px) right 0 top 2px / 4px 4px,linear-gradient(90deg,rgb(46 55 106 / .55) .25px,rgb(0 0 0 / .15) .75px,rgb(0 0 0 / .097) 1.25px,rgb(0 0 0 / .071) 1.75px,rgb(0 0 0 / .032) 2.25px,rgb(0 0 0 / .005) 2.75px,transparent 3.25px) right 0 top 6px / 4px 33px,linear-gradient(transparent .26px,rgb(9 9 9 / .035) 1.06px,rgb(39 39 39 / .21) 1.46px,#4c5aa9 1.83px,#4e5aab 4.68px 36px,#505bab 36.41px 37.22px,#4e5bac 38.44px,rgb(34 40 74 / .61) 38.85px,transparent 39.25px) 4px 0 / calc(100% - 8px) 100%;background-repeat:no-repeat}.mastery-timeline__track:before,.mastery-timeline__track:after{content:"";position:absolute;inset:0;z-index:-1}.mastery-timeline__track:before{--column: calc((100% - 12px) / 228);--inner-mask: linear-gradient(90deg, transparent 6px, rgb(0 0 0 / .23) 6px calc(6px + var(--column) * .5), rgb(0 0 0 / .83) calc(6px + var(--column) * 1.5), #000 calc(6px + var(--column) * 2.5) calc(100% - 6px - var(--column) * 2.5), rgb(0 0 0 / .84) calc(100% - 6px - var(--column) * 1.5), rgb(0 0 0 / .1) calc(100% - 6px - var(--column) * .5) calc(100% - 6px) , transparent calc(100% - 6px) );background:linear-gradient(transparent 3.86px,#5262ab 4.27px,#5263ac 5.08px,#5464ad 6.31px 7.53px,#5666af 10.37px,#5767b0 11.19px,#5a6ab3 16.88px,#5e6db5 20.54px,#5969b2 26.24px,#5566af 30.71px 31.53px,#5262ac 35.59px,#5260ab 36px,transparent 36.41px);-webkit-mask:var(--inner-mask);mask:var(--inner-mask)}.mastery-timeline__track:after{--shadow-mask: linear-gradient(90deg, rgb(0 0 0 / .02) .21px, rgb(0 0 0 / .1) 1.93px 2.36px, rgb(0 0 0 / .29) 2.79px, rgb(0 0 0 / .67) 4.5px, rgb(0 0 0 / .74) 4.93px, rgb(0 0 0 / .89) 5.36px, rgb(0 0 0 / .93) 5.79px, #000 6px calc(100% - 6px) , rgb(0 0 0 / .91) calc(100% - 5.79px) , rgb(0 0 0 / .78) calc(100% - 4.93px) , rgb(0 0 0 / .71) calc(100% - 4.5px) , rgb(0 0 0 / .51) calc(100% - 4.07px) , rgb(0 0 0 / .29) calc(100% - 2.79px) , rgb(0 0 0 / .25) calc(100% - 2.36px) , rgb(0 0 0 / .17) calc(100% - 1.93px) , transparent calc(100% - 1.5px) );background:linear-gradient(transparent 38.85px,rgb(0 0 0 / .33) 39.25px 40.07px,rgb(0 0 0 / .32) 40.47px,rgb(0 0 0 / .27) 40.88px,rgb(0 0 0 / .23) 42.1px,rgb(0 0 0 / .19) 42.92px,rgb(0 0 0 / .14) 44.14px,rgb(0 0 0 / .08) 44.95px,rgb(0 0 0 / .07) 45.36px,rgb(0 0 0 / .05) 45.76px,rgb(0 0 0 / .02) 46.98px,transparent 47.39px);-webkit-mask:var(--shadow-mask);mask:var(--shadow-mask)}.mastery-timeline__fill{position:relative;width:calc(var(--progress) * 179px);background:linear-gradient(#9adbfe .78%,#8ccdff 19.53%,#86c3fd 35.16%,#87bffc 44.53%,#89befd 49.22%,#8cbcfc 57.03%,#91bcfb 66.41%,#a9c5fc 91.41%,#acc7fc 92.97%,#adc8fc 97.66% 98.44%,#aec7fb78 0)}.mastery-timeline__fill:before{--edge: min(5px, 50%);--middle: calc(100% - 2 * var(--edge));--shade: linear-gradient(rgb(0 0 0 / .63) .78%, rgb(0 0 0 / .74) 2.34%, #000 36.72%, rgb(0 0 0 / .57) 91.41%, rgb(0 0 0 / .23) 92.97%, rgb(0 0 0 / .31) 97.66% 98.44%, #0000 0);content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgb(255 255 255 / .124),rgb(255 255 255 / .051) var(--edge),rgb(255 255 255 / .028) calc(var(--edge) + var(--middle) * .024),rgb(255 255 255 / .01) calc(var(--edge) + var(--middle) * .051),#fff0 calc(var(--edge) + var(--middle) * .055) calc(100% - var(--edge) - var(--middle) * .074),rgb(255 255 255 / .009) calc(100% - var(--edge) - var(--middle) * .044),rgb(255 255 255 / .03) calc(100% - var(--edge) - var(--middle) * .02),rgb(255 255 255 / .052) calc(100% - var(--edge)),rgb(255 255 255 / .124));-webkit-mask:var(--shade);mask:var(--shade)}.mastery-timeline__steps{display:flex}.mastery-step{width:179px;display:grid;grid-template-rows:188px 66px auto;row-gap:6px;justify-items:center}.mastery-step__reward{position:relative;align-self:start;display:grid;transition:scale .26s var(--ease-back-out)}.mastery-step__reward:active{scale:.95;transition-duration:70ms}.mastery-step__reward:focus-visible{outline:none;filter:drop-shadow(0 0 3px #fff)}.mastery-step__info{position:absolute;top:-12px;right:-12px;width:37px;height:37px;background:url(/assets/unit-info/reward-info.webp) center / contain no-repeat}.mastery-step__dot{position:relative;grid-row:2;width:66px;height:66px;display:grid;place-items:center;padding-top:2px;box-sizing:border-box;background:url(/assets/unit-info/milestone-inactive.webp) center / contain no-repeat;font:900 21px/1 var(--font-digits);color:#fff;-webkit-text-stroke:3.5px #3b4a7a}.mastery-step.is-reached .mastery-step__dot{background-image:url(/assets/unit-info/milestone-active.webp);-webkit-text-stroke-color:#1f4f9a}.mastery-step__points{grid-row:3;margin-top:3px;font:900 24px/1 var(--font-digits);color:#3f8fd6;-webkit-text-stroke:3.5px #e8f5ff}.mastery-page__buy{--button-height: 103px;--button-font: 25px;--button-stroke: 4.5px;align-self:center;width:235px;margin:auto 0 -71px}.mastery-page__buy .price{font-size:22px}.reward-popup{isolation:isolate;width:448px;margin-bottom:22px;min-height:700px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:0 28px}.reward-popup__title{min-width:238px;height:67px;box-sizing:border-box;display:grid;place-items:center;margin-top:-33px;padding:0 34px 6px;border-style:solid;border-width:0;border-image:url(/assets/popups/title-yellow.webp) 0 85 fill / 0 21px;font:900 25px/1 var(--font-display);color:#fff;-webkit-text-stroke:4px #7a4a10}.reward-popup>.reward-card{margin-top:15px}.reward-popup__subtitle{margin-top:26px;font:900 21px/1 var(--font-display);color:#ffd84a;-webkit-text-stroke:4px #5a3a12}.reward-popup__description{margin-top:26px;font:900 18px/1.75 var(--font-display);color:#fff;text-align:center;-webkit-text-stroke:3.5px #2a3a66;direction:rtl;white-space:pre-line}.reward-popup__highlight{color:#ffe064;unicode-bidi:isolate}.reward-popup__close{--button-height: 71px;--button-font: 23px;--button-stroke: 4px;width:150px;margin:auto 0 -22px}.bit-pack-shortcut{width:108px;height:108px;display:grid;grid-template:100% / 100%;place-items:center;transition:scale .26s var(--ease-back-out)}.bit-pack-shortcut>*{grid-area:1 / 1}.bit-pack-shortcut:active{scale:.93;transition-duration:70ms}.bit-pack-shortcut:focus-visible{outline:none;filter:drop-shadow(0 0 3px #fff)}.bit-pack-shortcut__bar{width:207px;height:72px;translate:-36px 0;background:url(/assets/unit-info/bitpack-shortcut.webp) center / 100% 100% no-repeat}.bit-pack-shortcut__glow{width:246px;height:246px;background:radial-gradient(closest-side,rgba(255,255,255,.9),rgba(255,255,255,.35) 45%,transparent);-webkit-mask:url(/assets/effects/glow-rays.webp) center / contain no-repeat;mask:url(/assets/effects/glow-rays.webp) center / contain no-repeat;animation:shine-glow-front 19.017s linear infinite;pointer-events:none}.bit-pack-shortcut__pack{width:65px;height:103px;rotate:-8deg;background:url(/assets/unit-info/bitpack-diamond.webp) center / contain no-repeat}.level-bar{display:flex;flex-direction:column;align-items:center;gap:8px}.level-bar__labels{align-self:stretch;display:grid;align-items:center}.level-bar__labels>*{grid-area:1 / 1}.level-bar__level,.level-bar__max{direction:rtl}.level-bar__level{justify-self:center;font:900 17px/1 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #6a3c1f}.level-bar__max{justify-self:end;margin-right:8px;font:900 13px/1 var(--font-display);color:#b8906d}.level-bar__progress{--level-bar-height: 40px;width:400px}.stat-tile{position:relative;isolation:isolate;height:75px;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:0 10px;border-radius:6px;background:#f1b886}.stat-tile:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:5.5px;background:inherit;opacity:.65}.stat-tile__icon{flex:none;width:48px;height:48px;background:center / contain no-repeat}.stat-tile__icon--health{background-image:url(/assets/unit-info/stat-health.webp)}.stat-tile__icon--damage{background-image:url(/assets/unit-info/stat-damage.webp)}.stat-tile__icon--range{background-image:url(/assets/unit-info/stat-range.webp)}.stat-tile__icon--hit-speed{background-image:url(/assets/unit-info/stat-hit-speed.webp)}.stat-tile__icon--ability{background-image:url(/assets/unit-info/stat-ability.webp)}.stat-tile__icon--no-ability{background-image:url(/assets/unit-info/stat-no-ability.webp)}.stat-tile__icon--damage-melee-single{background-image:url(/assets/unit-info/damage-melee-single.webp)}.stat-tile__icon--damage-melee-area{background-image:url(/assets/unit-info/damage-melee-area.webp)}.stat-tile__icon--damage-ranged-single{background-image:url(/assets/unit-info/damage-ranged-single.webp)}.stat-tile__icon--damage-ranged-area{background-image:url(/assets/unit-info/damage-ranged-area.webp)}.stat-tile__text{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.stat-tile__title,.stat-tile__value{direction:rtl;font:900 17px/1.1 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #6a3c1f;white-space:nowrap}.stat-tile__value{font-size:16px;font-family:var(--font-digits)}.stat-tile__value.is-words{font-family:var(--font-display)}.stat-tile__dots{display:flex;gap:3px}.stat-tile__dot{width:20px;height:20px;box-sizing:border-box;border:2.5px solid #7f6a5e;border-radius:50%;background:#a08f84}.stat-tile__dot.is-filled{border-color:#8a5414;background:radial-gradient(circle at 40% 35%,#ffe7a3,#f7b733 70%)}.stats-page{flex:1;display:flex;flex-direction:column;align-items:center;padding-top:22px}.stats-page__grid{display:grid;grid-template-columns:repeat(2,199px);gap:20px 15px}.stats-page>.level-bar{margin-top:14px}.stats-page__actions{align-self:stretch;display:grid;place-items:center;margin:auto 0 -71px}.stats-page__actions>*{grid-area:1 / 1}.stats-page__actions>.bit-pack-shortcut{justify-self:end;margin-right:7px}.stats-page__upgrade{--button-height: 103px;--button-font: 25px;--button-stroke: 4.5px;position:relative;width:235px}.stats-page__upgrade .price{font-size:22px}.stats-page__locked{--arena-capsule-cap: 30px;margin:auto 0 34px;padding:10px 26px 12px;font:900 19px/1 var(--font-display);color:#fbe7a1;-webkit-text-stroke:3.5px #5a3a1d}.unit-portrait{position:absolute;width:0;height:0}.unit-portrait__figure{position:absolute;animation:unit-portrait-idle 2s var(--ease-smoothstep) infinite}.unit-portrait__image{left:calc(var(--portrait-width) / -2);top:calc(var(--portrait-height) * -1);width:var(--portrait-width);height:var(--portrait-height);transform-origin:50% 100%}@keyframes unit-portrait-idle{0%,to{rotate:-1deg;scale:.99 1.01}25%{scale:1.01 .99}50%{rotate:1deg;scale:.99 1.01}75%{scale:1.01 .99}}.knight-rig{left:0;top:0;width:0;height:0;transform-origin:0 0}.knight-rig>*,.knight-rig__feather,.knight-rig__arm{position:absolute}.knight-rig__legs{left:-101.9px;top:-129.8px;width:243.9px;height:133.9px}.knight-rig__chest{left:-40.3px;top:-155.9px;width:134.2px;height:105.5px}.knight-rig__head{left:-28.5px;top:-259.1px;width:117px;height:132.4px}.knight-rig__feather-pivot,.knight-rig__arm-pivot{width:0;height:0;transform-origin:0 0}.knight-rig__feather-pivot{left:56.4px;top:-233.9px;animation:knight-rig-feather 1s var(--ease-smoothstep) infinite}.knight-rig__feather{left:-6.8px;top:-63.1px;width:75px;height:68.9px}.knight-rig__arm-pivot{left:-17px;top:-120.5px;animation:knight-rig-arm 3.967s var(--ease-smoothstep) infinite}.knight-rig__arm{left:-128px;top:-139.1px;width:136.4px;height:158.3px}@keyframes knight-rig-feather{0%,to{rotate:0deg}50%{rotate:9deg}}@keyframes knight-rig-arm{0%,50.42%{rotate:0deg;translate:0 0}51.68%{rotate:1.27deg;translate:0 0}53.78%{rotate:-53.44deg;translate:-1.1px -9.3px}55.04%{rotate:-51.47deg}56.3%{rotate:-54.08deg;translate:-1.1px -9.3px}58.41%{rotate:1.27deg;translate:0 0}59.67%,to{rotate:0deg;translate:0 0}}.unit-profile{--rays-color: 255, 241, 201;position:relative;height:307px}.unit-profile--rare{--rays-color: 191, 228, 255}.unit-profile--epic{--rays-color: 240, 196, 255}.unit-profile--legendary{--rays-color: 255, 226, 122}.unit-profile>.unit-portrait{left:349px;top:325px}.unit-profile__glow{position:absolute;left:344px;top:168px;width:0;height:0;pointer-events:none}.unit-profile__rays{position:absolute;left:-308px;top:-308px;width:617px;height:617px;background:radial-gradient(closest-side,rgba(var(--rays-color),.95),rgba(var(--rays-color),.55) 45%,transparent);-webkit-mask:url(/assets/effects/glow-rays.webp) center / contain no-repeat;mask:url(/assets/effects/glow-rays.webp) center / contain no-repeat;animation:shine-glow-front 19.017s linear infinite}.unit-profile__rays--back{opacity:.8;animation-name:shine-glow-back}.unit-profile__details{position:relative;width:265px;display:flex;flex-direction:column;align-items:flex-start}.unit-profile__name,.unit-profile__squad,.unit-profile__description,.unit-profile__category{box-sizing:border-box;border-radius:9px;background:#1c1432b8}.unit-profile__name{height:49px;display:grid;place-items:center;padding:0 14px 3px;font:900 27px/1 var(--font-display);color:#fff;-webkit-text-stroke:3px #231a35}.unit-profile__badges{display:flex;gap:9px;margin-top:14px}.unit-profile__rarity{--rarity-badge-cap: 12px;min-width:102px;height:37px;padding:0 14px 2px;font:900 18px/1 var(--font-display);color:#fff;-webkit-text-stroke:3px #5b3a24}.unit-profile--rare .unit-profile__rarity{-webkit-text-stroke-color:#1f3f78}.unit-profile--epic .unit-profile__rarity{-webkit-text-stroke-color:#5a1f7a}.unit-profile--legendary .unit-profile__rarity{-webkit-text-stroke-color:#7a4d0a}.unit-profile__squad{height:37px;display:flex;align-items:center;padding:0 11px}.unit-profile__squad-member{--ellipse: #fff calc(100% - .4px) , rgba(255, 255, 255, 0) calc(100% + .4px) ;width:15px;height:19px;margin-left:-4px;border-radius:0 0 11.46% 11.46%/0 0 9.05% 9.05%;background:radial-gradient(33.17% 21.32% at 50% 25%,var(--ellipse)),radial-gradient(45.17% 34.11% at 45.17% 90.95%,var(--ellipse)),radial-gradient(45.17% 34.11% at 54.83% 90.95%,var(--ellipse)),linear-gradient(#fff0 90.95%,#fff 0);background-repeat:no-repeat}.unit-profile__squad-member:first-child{margin-left:0}.unit-profile__description{width:100%;min-height:122px;margin-top:12px;display:flex;align-items:center;padding:10px 14px;font:900 15px/1.75 var(--font-display);color:#fff;direction:rtl}.unit-profile__categories{display:flex;gap:10px;margin-top:12px}.unit-profile__category{height:44px;white-space:nowrap;display:flex;align-items:center;gap:8px;padding:0 14px 0 5px;font:900 17px/1 var(--font-display);color:#fff}.unit-profile__category:before{content:"";width:34px;height:34px;background:url(/assets/unit-info/category-melee.webp) center / contain no-repeat}.unit-profile__category--ranged:before{background-image:url(/assets/unit-info/category-ranged.webp)}.unit-profile__category--frontline:before{background-image:url(/assets/unit-info/category-frontline.webp)}.unit-profile__category--artillery:before{background-image:url(/assets/unit-info/category-artillery.webp)}.unit-profile__category--explosive:before{background-image:url(/assets/unit-info/category-explosive.webp)}.unit-profile__category--mage:before{background-image:url(/assets/unit-info/category-mage.webp)}.unit-profile__category--summoner:before{background-image:url(/assets/unit-info/category-summoner.webp)}.unit-profile__category--midline:before{background-image:url(/assets/unit-info/category-midline.webp)}.unit-profile__category--backline:before{background-image:url(/assets/unit-info/category-backline.webp)}.unit-profile__category--partisan:before{background-image:url(/assets/unit-info/category-partisan.webp)}.unit-upgrade{--rays-color: 255, 241, 201;position:absolute;inset:0;z-index:5;overflow:hidden;pointer-events:auto;touch-action:none}.unit-upgrade--rare{--rays-color: 191, 228, 255}.unit-upgrade--epic{--rays-color: 240, 196, 255}.unit-upgrade--legendary{--rays-color: 255, 226, 122}.unit-upgrade.is-closing{pointer-events:none}.unit-upgrade.is-closing>:not(.unit-upgrade__visual){animation:unit-upgrade-fade 167ms var(--ease-smoothstep) reverse both}@keyframes unit-upgrade-fade{0%{opacity:0}}.unit-upgrade>*{position:absolute;inset:0}.unit-upgrade__backdrop{background:radial-gradient(circle at 50% 34%,#4e3a9c,#100a26 74%);animation:unit-upgrade-fade .25s var(--ease-smoothstep) both}.unit-upgrade__flash{background:#fff;opacity:0;pointer-events:none;animation:unit-upgrade-flash 3216ms both}@keyframes unit-upgrade-flash{0%,57%{opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45)}76.71%{opacity:.17}77.21%{opacity:1;animation-timing-function:var(--ease-smoothstep)}to{opacity:0}}.unit-upgrade__visual{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:130px;animation:unit-upgrade-appear 633ms both}.unit-upgrade.is-closing .unit-upgrade__visual{animation:unit-upgrade-disappear 167ms var(--ease-smoothstep) both}@keyframes unit-upgrade-appear{0%{scale:0;animation-timing-function:var(--ease-smoothstep)}65.88%{scale:1.02;animation-timing-function:var(--ease-smoothstep)}to{scale:1}}@keyframes unit-upgrade-disappear{to{scale:0}}.unit-upgrade__hero{position:relative;width:420px;height:300px;display:grid;place-items:center}.unit-upgrade__rays,.unit-upgrade__badge-rays{position:absolute;left:50%;top:50%;width:0;height:0}.unit-upgrade__ray{position:absolute;left:-288px;top:-288px;width:577px;height:577px;background:radial-gradient(closest-side,rgba(var(--rays-color),.95),rgba(var(--rays-color),.45) 50%,transparent);-webkit-mask:url(/assets/effects/glow-rays.webp) center / contain no-repeat;mask:url(/assets/effects/glow-rays.webp) center / contain no-repeat;animation:shine-glow-front 19.017s linear infinite}.unit-upgrade__ray--back{opacity:.8;animation-name:shine-glow-back}.unit-upgrade__rays{top:44%}.unit-upgrade__figure{position:absolute;inset:0;transform-origin:50% 100%;animation:unit-upgrade-tremble .1s linear 1217ms 12.66,unit-upgrade-hero-glow 3.1s both,unit-upgrade-hero-pop .52s var(--ease-smoothstep) 2483ms both}.unit-upgrade__figure>.unit-portrait{left:50%;top:calc(100% - 8px)}@keyframes unit-upgrade-tremble{0%,to{translate:0 0}25%{translate:3.6px 0}75%{translate:-3.6px 0}}@keyframes unit-upgrade-hero-glow{0%,20.42%{filter:brightness(1) drop-shadow(0 0 0 rgba(255,255,255,0));animation-timing-function:cubic-bezier(.55,0,1,.45)}80.1%{filter:brightness(1.7) drop-shadow(0 0 18px rgba(255,255,255,1));animation-timing-function:var(--ease-smoothstep)}to{filter:brightness(1) drop-shadow(0 0 0 rgba(255,255,255,0))}}@keyframes unit-upgrade-hero-pop{0%{scale:1}30%{scale:1.14 .9}60%{scale:.95 1.06}82%{scale:1.02 .99}to{scale:1}}.unit-upgrade__sweep{position:absolute;left:calc(50% - 219px);top:calc(50% - 249px);width:438px;height:498px;background:url(/assets/unit-upgrade/sweep.webp) center / 100% 100% no-repeat;opacity:0;pointer-events:none;animation:unit-upgrade-sweep 316ms linear 2.9s both}@keyframes unit-upgrade-sweep{0%{opacity:0;translate:0 110px}26%{opacity:1}to{opacity:0;translate:0 -224px}}.unit-upgrade__level{height:92px;display:grid;place-items:center}.unit-upgrade__bar{--level-bar-height: 34px;--level-badge-size: 48px;width:330px;animation:unit-upgrade-rattle .1s linear 633ms 18.5,unit-upgrade-drain 1.8s cubic-bezier(.4,.1,.9,.6) 683ms both}@keyframes unit-upgrade-rattle{0%,to{translate:0 0}25%{translate:0 3.6px}75%{translate:0 -3.6px}}@keyframes unit-upgrade-drain{to{--level-progress: .09}}.unit-upgrade__badge{position:relative;width:112px;height:112px;display:grid;place-items:center}.unit-upgrade__badge:after{content:"";position:absolute;inset:0;background:var(--badge) center / contain no-repeat}.unit-upgrade__badge-rays{scale:.66}.unit-upgrade__badge-number{position:relative;z-index:1;font:900 54px/1 var(--font-digits);color:#fff;-webkit-text-stroke:8px #1d4f10}.unit-upgrade__badge:after,.unit-upgrade__badge-number{animation:unit-upgrade-badge .52s both}@keyframes unit-upgrade-badge{0%{scale:0;rotate:-12deg;animation-timing-function:var(--ease-cubic-out)}38%{scale:1.3;rotate:6deg;animation-timing-function:var(--ease-smoothstep)}64%{scale:.92;rotate:-2deg;animation-timing-function:var(--ease-smoothstep)}83%{scale:1.04;rotate:0deg;animation-timing-function:var(--ease-smoothstep)}to{scale:1;rotate:0deg}}.unit-upgrade__title{margin:4px 0 0;font:900 34px/1.2 var(--font-display);color:#fff;-webkit-text-stroke:7px #2b1f55;filter:drop-shadow(0 0 12px rgba(var(--rays-color),.8));white-space:nowrap;animation:unit-upgrade-fade .4s var(--ease-smoothstep) 2483ms both,unit-upgrade-slam .48s var(--ease-back-out) 2483ms both}@keyframes unit-upgrade-slam{0%{scale:1.7}}.unit-upgrade__stats{margin:16px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.unit-upgrade__stat{width:330px;height:88px;box-sizing:border-box;display:flex;align-items:center;gap:14px;padding:0 20px;border:4px solid #1f2f6b;border-radius:18px;background:linear-gradient(#a8e6ff,#6cc7f2 55%,#57b4e6);box-shadow:inset 0 3px #fff9,0 4px #1f2f6b;animation:unit-upgrade-stat-in 417ms var(--delay) both,unit-upgrade-stat-pop 383ms calc(var(--delay) + 1.85s) both}@keyframes unit-upgrade-stat-in{0%{opacity:0;translate:-50px 0}20%{opacity:0;translate:-72px 0;animation-timing-function:var(--ease-cubic-out)}to{opacity:1;translate:0 0}}@keyframes unit-upgrade-stat-pop{0%{scale:1}4.4%{scale:1.1;animation-timing-function:var(--ease-smoothstep)}47.8%{scale:.97;animation-timing-function:var(--ease-smoothstep)}87%{scale:1}to{scale:1}}.unit-upgrade__stat-icon{flex:none;width:60px;height:60px;background:center / contain no-repeat}.unit-upgrade__stat--health .unit-upgrade__stat-icon{background-image:url(/assets/unit-info/stat-health.webp)}.unit-upgrade__stat--damage .unit-upgrade__stat-icon{background-image:url(/assets/unit-info/stat-damage.webp)}.unit-upgrade__stat-text{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.unit-upgrade__stat-title{font:900 18px/1.3 var(--font-display);color:#1f2f6b}.unit-upgrade__stat-row{position:relative;display:flex;align-items:center;gap:10px;direction:ltr}.unit-upgrade__stat-value,.unit-upgrade__stat-gain{font:900 34px/1 var(--font-digits);-webkit-text-stroke:6px #1f2f6b}.unit-upgrade__stat-value{color:#b8ff6a;transform-origin:50% 60%;animation:unit-upgrade-stat-white calc(var(--delay) + 1.85s) step-end both,unit-upgrade-stat-tick 66ms linear calc(var(--delay) + .8s) 16}@keyframes unit-upgrade-stat-white{0%{color:#fff}}@keyframes unit-upgrade-stat-tick{0%,to{scale:1}50%{scale:1.2}}.unit-upgrade__stat-gain{color:#b8ff6a;opacity:0;animation:unit-upgrade-stat-gain 833ms var(--delay) both}@keyframes unit-upgrade-stat-gain{0%,70%{opacity:1;translate:0 0;animation-timing-function:cubic-bezier(.55,0,1,.45)}to{opacity:0;translate:-42px 0}}.unit-upgrade__actions{inset:auto 0 0;display:flex;justify-content:center;padding-bottom:72px;pointer-events:none}.unit-upgrade__continue{--button-height: 82px;--button-font: 32px;--button-stroke: 6px;width:265px;pointer-events:auto;animation:unit-upgrade-fade 167ms var(--ease-smoothstep) both}.unit-upgrade.is-skipped :is(.unit-upgrade__flash,.unit-upgrade__figure,.unit-upgrade__sweep,.unit-upgrade__title,.unit-upgrade__stat,.unit-upgrade__stat-value,.unit-upgrade__stat-gain){animation:none}.unit-info{width:478px;display:flex;flex-direction:column;padding-bottom:42px}.unit-info__panel{position:relative;isolation:isolate;height:531px;box-sizing:border-box;display:flex;flex-direction:column;padding:14px 12px 29px}.unit-info__panel:before,.unit-info__panel:after{content:"";position:absolute;z-index:-1}.unit-info__panel:before{inset:6px 10px 15px;border-radius:10.5px;box-shadow:0 .1px 4.1px .6px #00000026,0 4.9px 7.8px .7px #00000054}.unit-info__panel:after{--glow: #c9b7a1 12.1%, #9d7760;inset:5px 9px 13px;clip-path:inset(.65px .97px 1.64px round 10.2px);border-radius:11.17px;background:radial-gradient(151.95% 96.21% at 50% 25.67%,var(--glow)) center / calc(100% - 34px) calc(100% - 26px),radial-gradient(151.95% 72.2px at 50% 32.3px,var(--glow)) top / calc(100% - 34px) 13px,radial-gradient(151.95% 74.1px at 50% -57.3px,var(--glow)) bottom / calc(100% - 34px) 13px,radial-gradient(110px 96.21% at 53.2px 25.67%,var(--glow)) left / 17px calc(100% - 26px),radial-gradient(110px 96.21% at -36.2px 25.67%,var(--glow)) right / 17px calc(100% - 26px),radial-gradient(110px 72.2px at 53.2px 32.3px,var(--glow)) left top / 17px 13px,radial-gradient(110px 72.2px at -36.2px 32.3px,var(--glow)) right top / 17px 13px,radial-gradient(110px 74.1px at 53.2px -57.3px,var(--glow)) left bottom / 17px 13px,radial-gradient(110px 74.1px at -36.2px -57.3px,var(--glow)) right bottom / 17px 13px;background-repeat:no-repeat;box-shadow:inset 0 -.5px 0 2.065px #5e4642}.unit-info__header{position:relative;z-index:1;height:58px;display:flex;align-items:flex-start;padding-left:1px}.unit-info__close{margin:-1px 2px 0 auto}.unit-info__page{position:relative;isolation:isolate;flex:1;min-height:0;display:flex;flex-direction:column;border-radius:0 7px 7px}.unit-info__page:before,.unit-info__page:after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit}.unit-info__page:before{box-shadow:inset 0 0 3px 2px #ffffff8c;-webkit-mask:linear-gradient(transparent 10.5%,#000);mask:linear-gradient(transparent 10.5%,#000)}.unit-info__page:after{box-shadow:inset 0 0 0 .69px var(--page-outline)}.unit-info__page--stats{--page-outline: #79595a;background:linear-gradient(#f9c89b,#f9cc9f 3.1%,#fbd3a9 15.5%,#fcd8af 24.9%,#fee7b5 48.2%,#fee6b5 52.6%,#fcd8ae 75.5%,#f9cb9f 98.8%)}.unit-info__page--mastery{--page-outline: #5a5c79;background:linear-gradient(#add5ff,#afd8fe 2%,#baeafe 45%,#acd3fe)}.unit-info__chains{position:absolute;bottom:-40px;width:154px;height:125px;background:url(/assets/unit-info/chains.webp) center / contain no-repeat;pointer-events:none}.unit-info__chains--left{left:-4px}.unit-info__chains--right{right:-4px;scale:-1 1}.unit-info__error{position:absolute;z-index:2;top:80px;left:34px;right:34px;padding:10px 14px;border-radius:14px;background:#d9443af0;direction:rtl;text-align:center;font:bold 16px/1.3 var(--font-ui);color:#fff;pointer-events:none}.bit-pack{--tear-line: 45.2px;position:relative;width:250.3px;height:417.6px}.bit-pack>*,.bit-pack__shifter>*,.bit-pack__tear>*{position:absolute}.bit-pack__glow{left:50%;top:50%}.bit-pack__rays{position:absolute;left:-373.6px;top:-373.6px;width:747.2px;height:747.2px;background:radial-gradient(closest-side,rgba(255,252,236,.85),rgba(255,244,214,.38) 50%,transparent);-webkit-mask:url(/assets/effects/glow-rays.webp) center / contain no-repeat;mask:url(/assets/effects/glow-rays.webp) center / contain no-repeat;animation:shine-glow-front 19.017s linear infinite}.bit-pack__rays--back{animation-name:shine-glow-back}.bit-pack__field{left:-144.85px;top:-221.2px;width:540px;height:820px;pointer-events:none}.bit-pack__shifter{inset:0}.bit-pack__body,.bit-pack__strip{inset:0;width:100%;height:100%}.bit-pack__body{clip-path:inset(var(--tear-line) 0 0 0)}.bit-pack__edge{left:1.1px;top:calc(var(--tear-line) - 3.6px);width:248.3px;height:3.6px;border-radius:2px;background:#fff6e4}.bit-pack__strip{clip-path:inset(0 0 calc(100% - var(--tear-line)) calc(250.3px * var(--tear)))}.bit-pack__tear{left:calc(2.75px + 245.3px * var(--tear));top:var(--tear-line);rotate:calc(-44.8deg * var(--tear))}.bit-pack__flap{left:0;bottom:0;width:calc(249.4px * var(--tear));height:calc(var(--tear-line) + 5px);overflow:hidden}.bit-pack__flap-art{position:absolute;right:0;top:5px;width:250.3px;height:417.6px;max-width:none;scale:-1 1}.bit-pack__flap-edge{left:0;top:-1.15px;width:calc(248.4px * var(--tear));height:2.3px;background:#fff6e4}.bit-pack__side-edge{left:-2px;bottom:-2.3px;width:2px;height:var(--side-edge);background:#fff6e4}.bit-pack--intro{animation:bit-pack-spin-in 583ms both,bit-pack-grow-in 583ms both,bit-pack-swoop-in 583ms both,bit-pack-fade-in 583ms both;animation-timing-function:var(--ease-smoothstep)}@keyframes bit-pack-spin-in{0%{rotate:700deg}85.7%{rotate:-4.05deg}to{rotate:0deg}}@keyframes bit-pack-grow-in{0%{scale:0}85.7%{scale:1.05}to{scale:1}}@keyframes bit-pack-swoop-in{0%,85.7%,to{translate:0 0}40%{translate:0 210.6px}}@keyframes bit-pack-fade-in{0%{opacity:0}60%,to{opacity:1}}.bit-pack--waiting{animation:bit-pack-breathe 1167ms var(--ease-smoothstep) infinite}@keyframes bit-pack-breathe{0%,to{scale:1}42.86%{scale:1.07}}.bit-pack--tearing{scale:calc(1 + .4 * var(--tear-ease));translate:0 calc(150px * var(--tear-ease));transition:scale .12s linear,translate .12s linear}.bit-pack--falling{animation:bit-pack-squash 233ms var(--ease-smoothstep) both,bit-pack-drop 2s both}@keyframes bit-pack-squash{0%{scale:1.2}7.3%{scale:1.3 1.1}35.6%{scale:1.15 1.25}57%{scale:1.2}to{scale:1}}@keyframes bit-pack-drop{0%{translate:0 159.8px;animation-timing-function:cubic-bezier(.33,0,.67,.86)}11.65%{translate:0 388.3px;animation-timing-function:cubic-bezier(.33,.41,.67,1)}to{translate:0 973.2px}}.new-unit-overlay{--overlay-inner: rgb(240 180 104);--overlay-outer: rgb(104 56 26);--rays-color: 255, 241, 201;--name-stroke: #5b3a24;position:absolute;inset:0}.new-unit-overlay--rare{--overlay-inner: rgb(64 170 255);--overlay-outer: rgb(12 40 106);--rays-color: 191, 228, 255;--name-stroke: #1f3f78}.new-unit-overlay--epic{--overlay-inner: rgb(206 96 255);--overlay-outer: rgb(58 14 106);--rays-color: 240, 196, 255;--name-stroke: #5a1f7a}.new-unit-overlay--legendary{--overlay-inner: rgb(255 202 70);--overlay-outer: rgb(124 58 0);--rays-color: 255, 226, 122;--name-stroke: #7a4d0a}.new-unit-overlay>*{position:absolute;inset:0;animation:new-unit-overlay-in 783ms both}.new-unit-overlay__back{z-index:1}.new-unit-overlay__front{z-index:3}.new-unit-overlay.is-leaving>*{animation:new-unit-overlay-out .25s var(--ease-smoothstep) both}@keyframes new-unit-overlay-in{0%{opacity:0;scale:.9;animation-timing-function:var(--ease-smoothstep)}31.93%{opacity:1}51.09%{scale:1.02;animation-timing-function:var(--ease-smoothstep)}to{opacity:1;scale:1}}@keyframes new-unit-overlay-out{0%{opacity:1;scale:1}to{opacity:0;scale:.9}}.new-unit-overlay__background,.new-unit-overlay__flash{position:absolute;inset:-12%}.new-unit-overlay__background{background:radial-gradient(circle at 50% 46%,var(--overlay-inner),var(--overlay-outer) 72%)}.new-unit-overlay__flash{background:#fff;opacity:0;animation:new-unit-overlay-flash 5067ms both}@keyframes new-unit-overlay-flash{0%,68.09%{opacity:0;animation-timing-function:var(--ease-smoothstep)}71.7%{opacity:1;animation-timing-function:var(--ease-smoothstep)}to{opacity:0}}.new-unit-overlay__heading{position:absolute;left:0;right:0;top:calc(50% - 286px);translate:0 -50%;display:flex;flex-direction:column;align-items:center;gap:8px}.new-unit-overlay__name{margin:0;font:900 50px/1.1 var(--font-display);color:#fff;-webkit-text-stroke:10px var(--name-stroke);filter:drop-shadow(0 0 14px rgba(var(--rays-color),.9));white-space:nowrap;animation:new-unit-overlay-fade .7s var(--ease-smoothstep) 4383ms both,new-unit-overlay-slam .52s var(--ease-back-out) 4383ms both}.new-unit-overlay__rarity{--rarity-badge-cap: 13px;min-width:124px;height:40px;padding:0 16px 3px;font:900 20px/1 var(--font-display);color:#fff;-webkit-text-stroke:4px var(--name-stroke);animation:new-unit-overlay-fade .4s var(--ease-smoothstep) 4783ms both,new-unit-overlay-pop .45s var(--ease-back-out) 4783ms both}@keyframes new-unit-overlay-fade{0%{opacity:0}}@keyframes new-unit-overlay-slam{0%{scale:1.7}}@keyframes new-unit-overlay-pop{0%{scale:.3}}.new-unit-overlay__actions{position:absolute;left:0;right:0;top:calc(50% + 270px);translate:0 -50%;display:flex;justify-content:center;pointer-events:auto;animation:new-unit-overlay-button .65s both}.new-unit-overlay__continue{--button-height: 82px;--button-font: 32px;--button-stroke: 6px;width:265px}@keyframes new-unit-overlay-button{0%{opacity:0;scale:.9;animation-timing-function:var(--ease-smoothstep)}33.38%{opacity:1;scale:1.05;animation-timing-function:var(--ease-smoothstep)}64.15%{scale:.98;animation-timing-function:var(--ease-smoothstep)}to{opacity:1;scale:1}}.pack-reward{--rays-color: 255, 241, 201;width:144px;height:253px;display:flex;justify-content:center;transform-origin:50% 43%;scale:.92}.pack-reward--rare{--rays-color: 191, 228, 255}.pack-reward--epic{--rays-color: 240, 196, 255}.pack-reward--legendary{--rays-color: 255, 226, 122}.pack-reward.is-hidden{visibility:hidden}.pack-reward.is-active{position:relative;z-index:1;translate:var(--to-center-x) var(--to-center-y);scale:1.18}.pack-reward.is-spotlit{z-index:2}.pack-reward.is-settled{transition:translate .3s var(--ease-cubic-out),scale .3s var(--ease-cubic-out)}.pack-reward.is-skipped{transition:none}.pack-reward__visual{display:flex;flex-direction:column;align-items:center;transform-origin:50% 43%}.pack-reward__container{display:grid;justify-items:center;margin-top:-16px}.pack-reward__card{grid-area:1 / 1;position:relative;z-index:1;display:grid}.pack-reward__card>*{grid-area:1 / 1}.pack-reward__mystery{position:relative;display:grid;place-items:center;padding-bottom:50px;background:url(/assets/collection/card-common.webp) top / 125px 189px no-repeat;clip-path:inset(0 0 25% 0 round 10px 10px 0 0);font:900 76px/1 var(--font-display);color:#fff;-webkit-text-stroke:7px #3d2b3c}.pack-reward__mystery--rare{background-image:url(/assets/collection/card-rare.webp)}.pack-reward__mystery--epic{background-image:url(/assets/collection/card-epic.webp)}.pack-reward__mystery--legendary{background-image:url(/assets/collection/card-legendary.webp)}.pack-reward__highlight{position:relative;border-radius:12px;background:#fff;opacity:0;pointer-events:none}.pack-reward__counter{grid-area:2 / 1;width:108px;height:46px;margin-top:-14px;box-sizing:border-box;display:grid;place-items:center;padding-top:11px;border-style:solid;border-width:0;border-image:url(/assets/pack-opening/bit-capsule.webp) 0 68 fill / 0 28px;font:900 17px/1 var(--font-digits);color:#fff;-webkit-text-stroke:3.5px #8a3a0c;white-space:nowrap}.pack-reward__counter.is-words{font-family:var(--font-display)}.pack-reward__title{grid-area:2 / 1;z-index:2;align-self:end;margin-bottom:-5px;padding:7px 15px 9px;border:3px solid #6b3410;border-radius:14px;background:linear-gradient(#ffe46b,#ffad1f);box-shadow:0 2px #6b3410;font:900 16px/1.1 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #6b3410;white-space:nowrap;animation:pack-reward-title 317ms var(--ease-cubic-out) .85s both}.pack-reward.is-skipped .pack-reward__title{animation:none}.pack-reward__resource{grid-area:1 / 1;width:125px;height:189px;background:center / 112px no-repeat}.pack-reward__resource--coins{background-image:url(/assets/milestones/coins.webp)}.pack-reward__resource--gems{background-image:url(/assets/milestones/gems.webp)}.pack-reward__resource--chips{background-image:url(/assets/milestones/chips.webp)}.pack-reward__info{display:flex;align-items:center;gap:2px;margin-top:4px;direction:ltr}.pack-reward__amount{font:900 27px/1 var(--font-digits);color:#fff;-webkit-text-stroke:5px #3d2b3c;animation:pack-reward-amount .3s var(--ease-back-out) both}.pack-reward__icon{width:34px;height:34px}.pack-reward.is-appearing .pack-reward__visual,.pack-reward.is-appearing-new .pack-reward__visual{animation:pack-reward-appear 483ms both}@keyframes pack-reward-appear{0%{scale:.6;animation-timing-function:cubic-bezier(.33,.33,.67,1)}27.5%{scale:1.2;animation-timing-function:var(--ease-smoothstep)}48.2%{scale:.95;animation-timing-function:var(--ease-smoothstep)}72.5%{scale:1.02;animation-timing-function:var(--ease-smoothstep)}to{scale:1}}.pack-reward.is-charging .pack-reward__container{animation:pack-reward-charge .1s var(--ease-smoothstep) infinite}@keyframes pack-reward-charge{0%,to{translate:0 1.2px}50%{translate:0 -1.2px}}.pack-reward.is-unveiling .pack-reward__visual{animation:pack-reward-unveil 2983ms both}.pack-reward.is-unveiling .pack-reward__container{animation:pack-reward-rattle 2.65s linear both}@keyframes pack-reward-unveil{0%{scale:1;animation-timing-function:cubic-bezier(.33,0,.67,.35)}88.84%{scale:1.1;animation-timing-function:var(--ease-smoothstep)}90.51%{scale:1.2;animation-timing-function:var(--ease-smoothstep)}93.3%{scale:.9;animation-timing-function:var(--ease-smoothstep)}96.65%{scale:1.03;animation-timing-function:var(--ease-smoothstep)}to{scale:1}}@keyframes pack-reward-rattle{0%,5.66%,11.32%,16.98%,22.64%,28.3%,32.72%,36.49%,40.26%,44.04%,47.81%,51.58%,55.36%,59.13%,62.91%,66.68%,70.45%,74.23%,77.36%,81.13%,84.91%,88.68%,92.45%,94.34%,96.23%,98.11%,to{translate:0 1.2px}2.53%,8.19%,13.85%,19.51%,25.17%,30.83%,34.6%,38.38%,42.15%,45.92%,49.7%,53.47%,57.25%,61.02%,64.79%,68.57%,72.34%,75.47%,79.25%,83.02%,86.79%,90.57%,93.7%,95.58%,97.47%,99.36%{translate:0 -1.2px}}.pack-reward.is-unveiled .pack-reward__highlight{animation:pack-reward-flash .85s both}@keyframes pack-reward-flash{0%{opacity:1;animation-timing-function:linear}5.9%{opacity:.6;animation-timing-function:cubic-bezier(.33,.33,.67,1)}to{opacity:0}}.pack-reward__rays{grid-area:1 / 1;place-self:center;position:relative;z-index:-1;width:0;height:0;opacity:.55;scale:.7}.pack-reward__ray{position:absolute;left:-307px;top:-307px;width:614px;height:614px;background:radial-gradient(closest-side,rgba(var(--rays-color),.95),rgba(var(--rays-color),.45) 50%,transparent);-webkit-mask:url(/assets/effects/glow-rays.webp) center / contain no-repeat;mask:url(/assets/effects/glow-rays.webp) center / contain no-repeat;animation:shine-glow-front 19.017s linear infinite}.pack-reward__ray--back{animation-name:shine-glow-back}.pack-reward.is-appearing-new .pack-reward__rays{animation:pack-reward-rays-in .4s var(--ease-smoothstep) both}.pack-reward.is-unveiling .pack-reward__rays{animation:pack-reward-rays-charge 2633ms cubic-bezier(.55,0,1,.45) both}.pack-reward.is-unveiled .pack-reward__rays{animation:pack-reward-rays-burst .8s var(--ease-back-out) both}.pack-reward.is-spotlight-leaving .pack-reward__rays{animation:pack-reward-rays-out .25s var(--ease-smoothstep) both}@keyframes pack-reward-rays-in{0%{opacity:0;scale:.3}}@keyframes pack-reward-rays-charge{to{opacity:1;scale:1}}@keyframes pack-reward-rays-burst{0%{opacity:1;scale:1.5}to{opacity:1;scale:1.1}}@keyframes pack-reward-rays-out{0%{opacity:1;scale:1.1}to{opacity:0;scale:.9}}.pack-reward.is-spotlit.is-unveiling .pack-reward__card{animation:pack-reward-tension 2633ms cubic-bezier(.55,0,1,.45) both}.pack-reward.is-spotlit.is-unveiled .pack-reward__card{animation:pack-reward-release .9s var(--ease-smoothstep) both}@keyframes pack-reward-tension{0%{filter:brightness(1) drop-shadow(0 0 0 rgba(var(--rays-color),0))}to{filter:brightness(1.45) drop-shadow(0 0 18px rgba(var(--rays-color),1))}}@keyframes pack-reward-release{0%{filter:brightness(1.8) drop-shadow(0 0 24px rgba(var(--rays-color),1))}to{filter:brightness(1) drop-shadow(0 0 0 rgba(var(--rays-color),0))}}.pack-reward__shockwave{position:absolute;left:50%;top:50%;width:170px;height:170px;margin:-85px 0 0 -85px;box-sizing:border-box;border:9px solid rgb(var(--rays-color));border-radius:50%;box-shadow:0 0 22px rgba(var(--rays-color),.9),inset 0 0 22px rgba(var(--rays-color),.9);opacity:0;pointer-events:none;animation:pack-reward-shockwave .65s var(--ease-cubic-out) both}@keyframes pack-reward-shockwave{0%{opacity:1;scale:.4;border-width:22px}to{opacity:0;scale:2.8;border-width:2px}}@keyframes pack-reward-title{0%{opacity:0;translate:0 -13px}}@keyframes pack-reward-amount{0%{scale:1.5}}.reward-reveal{width:458px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px 13px}.tear-hint{position:relative;width:0;height:0;opacity:0;transition:opacity .15s linear;pointer-events:none}.tear-hint.is-visible{opacity:1}.tear-hint>*{position:absolute}.tear-hint__trail{left:-163.2px;top:-12px;height:24px;overflow:hidden;animation:tear-hint-trail 2167ms infinite}.tear-hint__line{position:absolute;left:0;top:3.5px;width:339px;height:17px;background:url(/assets/pack-opening/tutorial-line.webp) left center / 100% 100% no-repeat;animation:tear-hint-line-fade 2167ms linear infinite}.tear-hint__slider{left:0;top:0;animation:tear-hint-slide 2167ms infinite}.tear-hint__hand{position:absolute;left:-23.3px;top:-12.3px;width:123px;height:123px;background:url(/assets/pack-opening/hand.webp) center / contain no-repeat;transform-origin:23.3px 12.3px;animation:tear-hint-hand-drop 2167ms var(--ease-smoothstep) infinite,tear-hint-hand-press 2167ms var(--ease-smoothstep) infinite,tear-hint-hand-fade 2167ms linear infinite}@keyframes tear-hint-trail{0%,15.37%{width:0;animation-timing-function:var(--ease-smoothstep)}86.9%,to{width:355px}}@keyframes tear-hint-line-fade{0%,13.06%{opacity:0}13.84%,83.06%{opacity:1}to{opacity:0}}@keyframes tear-hint-slide{0%,13.06%{translate:-163.7px 0;animation-timing-function:var(--ease-smoothstep)}83.06%,to{translate:166px 0}}@keyframes tear-hint-hand-drop{0%{translate:40px -35.5px;rotate:20.3deg}10%,to{translate:0 0;rotate:0deg}}@keyframes tear-hint-hand-press{0%{scale:1.1}10%{scale:1}10.75%{scale:1.05 .95}13.84%{scale:.98 1.002}16.94%,to{scale:1}}@keyframes tear-hint-hand-fade{0%{opacity:0}8.45%,83.06%{opacity:1}to{opacity:0}}.pack-opening{position:absolute;inset:0;z-index:60;overflow:hidden;touch-action:none;animation:pack-opening-fade .25s var(--ease-smoothstep) both}.pack-opening.is-closing{pointer-events:none;animation:pack-opening-fade .25s var(--ease-smoothstep) reverse both}@keyframes pack-opening-fade{0%{opacity:0}to{opacity:1}}.pack-opening>*{position:absolute;inset:0;pointer-events:none}.pack-opening__backdrop{background:radial-gradient(circle at 50% 46%,var(--glow-inner),var(--glow-outer) 78%)}.pack-opening__dark{background:#5c6694ad;opacity:0}.pack-opening.is-tearing .pack-opening__dark{opacity:var(--tear-ease)}.pack-opening.is-opened .pack-opening__dark{animation:pack-opening-clear 2s both}@keyframes pack-opening-clear{0%,20.8%{opacity:1;animation-timing-function:var(--ease-smoothstep)}to{opacity:0}}.pack-opening__pack{display:grid;place-items:center}.pack-opening__pack>*{grid-area:1 / 1}.pack-opening__hint{translate:-9.8px -165.6px}.pack-opening__rewards{display:grid;place-items:center;padding:110px 0 170px}.pack-opening__footer{inset:auto 0 0;display:flex;flex-direction:column;align-items:center}.pack-opening__skip{margin-bottom:135px;font:900 26px/1.2 var(--font-display);color:#fff;-webkit-text-stroke:5px #4a2a1e;animation:pack-opening-fade .25s var(--ease-smoothstep) both}.pack-opening__buttons{display:flex;flex-direction:column;align-items:center;gap:26px;margin-bottom:105px;pointer-events:auto}.pack-opening__buttons>*{animation:enter-pop .6s both}.pack-opening__double{position:relative;display:flex}.pack-opening__double.is-leaving{animation:pack-opening-double-out .25s var(--ease-smoothstep) both}@keyframes pack-opening-double-out{to{opacity:0;scale:.7}}.pack-opening__double-button{--button-height: 82px;--button-font: 31px;--button-stroke: 6px;width:300px}.pack-opening__double-label{display:flex;align-items:center;gap:12px;direction:ltr}.pack-opening__ad-icon{width:46px;height:46px}.pack-opening__pass-tag{position:absolute;right:-4px;top:-42px;height:36px;box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:0 6px 2px 14px;border:3px solid #a0612a;border-radius:18px;background:linear-gradient(#fff8dc,#ffe6a6);box-shadow:0 2px #a0612a;font:900 15px/1 var(--font-display);color:#8a4a10;white-space:nowrap}.pack-opening__pass-icon{width:30px;height:30px}.pack-opening__continue{--button-height: 82px;--button-font: 32px;--button-stroke: 6px;width:265px}.app-shell{position:relative;height:100%;display:flex;flex-direction:column}.app-shell.is-covered>.app-shell__pages{content-visibility:hidden}.app-shell.is-covered>.navbar,.app-shell.is-covered>.navbar *,.app-shell.is-bar-covered>.currency-bar,.app-shell.is-bar-covered>.currency-bar *{animation-play-state:paused!important}@supports not (content-visibility: hidden){.app-shell.is-covered>.app-shell__pages *{animation-play-state:paused!important}}.app-shell__pages{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.app-shell__overlays{position:absolute;inset:0;z-index:2;pointer-events:none}.app-battle-loading{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#474172}.app-shell__overlays.is-over-battle{z-index:4}.payment-return__hint{padding:10px 12px;border-radius:14px;background:#140f3073;text-align:center;color:#ffe27a;font-size:18px}@font-face{font-family:Dana;src:url(/assets/fonts/Dana-Thin.woff2) format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Dana;src:url(/assets/fonts/Dana-ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Dana;src:url(/assets/fonts/Dana-Light.woff2) format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Dana;src:url(/assets/fonts/Dana-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Dana;src:url(/assets/fonts/Dana-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Dana;src:url(/assets/fonts/Dana-DemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Dana;src:url(/assets/fonts/Dana-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Dana;src:url(/assets/fonts/Dana-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Dana;src:url(/assets/fonts/Dana-Black.woff2) format("woff2");font-weight:900;font-display:swap}@font-face{font-family:Dana Digits;src:url(/assets/fonts/DanaDigits-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Dana Digits;src:url(/assets/fonts/DanaDigits-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Dana Digits;src:url(/assets/fonts/DanaDigits-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Dana Digits;src:url(/assets/fonts/DanaDigits-Black.woff2) format("woff2");font-weight:900;font-display:swap}:root{--font-display: "Dana", Tahoma, sans-serif;--font-ui: "Dana", Tahoma, "Segoe UI", sans-serif;--font-digits: "Dana Digits", "Dana", Tahoma, sans-serif;--ease-sine-in-out: cubic-bezier(.37, 0, .63, 1);--ease-cubic-out: cubic-bezier(.33, 1, .68, 1);--ease-quad-out: cubic-bezier(.5, 1, .89, 1);--ease-back-out: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.34, 1.45, .64, 1);--ease-smoothstep: cubic-bezier(.33, 0, .67, 1)}html,body{margin:0;height:100%;background:#171338}body{overflow:hidden;font-family:var(--font-ui);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#root{height:100vh;height:100dvh;display:flex;justify-content:center}img{display:block;-webkit-user-drag:none}h1,h2,h3,p,ol,ul{margin:0;padding:0;font:inherit;list-style:none}button{padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}@keyframes enter-drop{0%{opacity:0;translate:0 -40px}}@keyframes enter-slide{0%{opacity:0;translate:var(--enter-x, -70px) 0}}@keyframes enter-zoom{0%{opacity:0;scale:.82}60%{opacity:1}}@keyframes enter-rise{0%{opacity:0;translate:0 24px}}@keyframes enter-rise-far{0%{translate:0 130px}}@keyframes enter-pop{0%{scale:0;animation-timing-function:var(--ease-cubic-out)}36%{scale:1.05;animation-timing-function:var(--ease-sine-in-out)}58%{scale:.98;animation-timing-function:var(--ease-sine-in-out)}to{scale:1}}@keyframes upgrade-arrow-float{0%,to{translate:0 -2.4px}50%{translate:0 2.4px}}@keyframes shine-glow-front{0%{rotate:0deg;scale:1}32.25%{scale:.8}to{rotate:-360deg;scale:1}}@keyframes shine-glow-back{0%{rotate:-180deg;scale:-.7 .7}64.24%{scale:-1 1}to{rotate:180deg;scale:-.7 .7}}@keyframes reveal-from-left{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes value-tag-swing{0%{rotate:0deg;animation-timing-function:cubic-bezier(.33,.33,.67,1)}25%{rotate:-3deg;animation-timing-function:cubic-bezier(.33,0,.67,1)}75%{rotate:3deg;animation-timing-function:cubic-bezier(.33,0,.67,.67)}to{rotate:0deg}}@keyframes value-tag-pulse{0%,20.8%,37.5%,70.8%,87.5%,to{scale:1}25%,75%{scale:1.1}}@media(prefers-reduced-motion:reduce){.stage__screen *,.stage__screen *:before,.stage__screen *:after{animation:none!important;transition:none!important}}.is-waiting,.is-waiting :not(.splash-screen,.splash-screen *){animation-play-state:paused!important}.is-intro .currency-pill{animation:enter-drop .52s var(--ease-back-out) calc(var(--stagger) * 60ms) both}.is-intro .nav-tab{animation:enter-rise-far .56s var(--ease-back-out) calc(80ms + var(--stagger) * 60ms) both}.is-intro .navbar__edge-card{animation:enter-rise-far .56s var(--ease-back-out) .22s both}.is-intro .player-card,.is-intro .home-offers{--enter-x: -70px;animation:enter-slide .62s var(--ease-back-out) .12s both}.is-intro .pass-card,.is-intro .settings-button{--enter-x: 70px;animation:enter-slide .62s var(--ease-back-out) .18s both}.is-intro .arena-panel__scene{animation:enter-zoom .76s var(--ease-cubic-out) .2s both}.is-intro .trophy-progress,.is-intro .level-selector{animation:enter-rise .52s var(--ease-cubic-out) .38s both}.is-intro .trophy-progress__fill{animation:reveal-from-left .9s var(--ease-cubic-out) .65s both}.is-intro .reward-pin{animation:enter-pop .6s linear calc(.62s + var(--stagger) * 90ms) both}.is-intro .battle-launcher{animation:enter-pop .6s linear .82s both}