.backdrop{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle 748.8px at 50% 50%,#7066b7,#6257a8 52%,#504592)}.backdrop__stars{width:calc(100% + 288px);height:calc(100% + 312px);background-size:288px 312px;will-change:translate}.page{grid-area:1 / 1;min-height:0}.page[hidden]{display:none}.page--entering{animation:page-enter .36s var(--ease-cubic-out) 90ms both}.page--leaving{pointer-events:none;animation:page-leave .2s var(--ease-sine-in-out) both}@keyframes page-enter{0%{opacity:0;translate:calc(var(--page-direction) * 72px) 0}}@keyframes page-leave{70%{opacity:0}to{opacity:0;translate:calc(var(--page-direction) * -72px) 0}}.stage{width:min(100vw,540px);height:100%;display:flex;align-items:flex-end;justify-content:center}.stage__frame{direction:ltr;overflow:hidden;border-radius:10px 10px 0 0;box-shadow:0 0 28px #08051d;background:#20154c}.stage__screen{position:relative;width:540px;height:960px;overflow:hidden;transform-origin:0 0;direction:ltr;line-height:1.2;paint-order:stroke fill}.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-ui);color:#fff8ff;-webkit-text-stroke:2px #302353}.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-alert{animation:currency-pill-glow 1.2s var(--ease-sine-in-out) infinite alternate}.currency-pill__badge{position:absolute;top:-8px;right:-6px;width:18px;height:18px;border:2px solid #7a1d3a;border-radius:50%;background:linear-gradient(#ff8a7a,#e0344f);font:bold 12px/14px var(--font-ui);text-align:center;color:#fff}@keyframes currency-pill-glow{0%{box-shadow:0 0 #ff8ce600}to{box-shadow:0 0 10px 2px #ff8ce6d9}}.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;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-height: 143.8px;--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-height: 158.5px;--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:var(--card-height);display:grid;rotate:var(--tab-tilt);transform-origin:50% 100%;background:url(/assets/nav-panels.png) 0% 100% / 318.01% 200% no-repeat;transition:height .3s var(--ease-cubic-out)}.nav-tab.is-active .nav-tab__card{background-position:94.02% 100%;transition:height .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.png) 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.png);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.png);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%{opacity:0;scale:.4}}.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.png) 0% 100% / 318.01% 200% no-repeat}.navbar__edge-card--left{rotate:-6.5deg}.navbar__edge-card--right{rotate:6.5deg}.collection-tabs{position:relative;z-index:1;display:flex;justify-content:center;gap:10px}.collection-tab{width:238px;height:52px;display:grid;border-style:solid;border-width:0;border-image:url(/assets/collection/tab-units-inactive.png) 47 47 5 fill / 20px 20px 2px}.collection-tab--units.is-active{border-image-source:url(/assets/collection/tab-units-active.png)}.collection-tab--spells{border-image-source:url(/assets/collection/tab-spells-inactive.png)}.collection-tab--spells.is-active{border-image-source:url(/assets/collection/tab-spells-active.png)}.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.png) 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.png) 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.png) 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}.deck-panel{margin:-11px -60px 0;border-style:solid;border-width:0;border-image:url(/assets/collection/deck-panel.png) 77 83 92 83 fill / 28px 30px 33px}.deck-panel__cards{display:grid;grid-template-columns:repeat(4,125px);justify-content:center;column-gap:5px;padding:36px 0 50px}.level-progress{display:grid}.level-progress>*{grid-area:1 / 1;justify-self:start;align-self:start}.level-progress__bar{width:118px;height:26.5px;margin:153px 0 0 5px;background:url(/assets/collection/level-bar.png) center / 100% 100% no-repeat}.level-progress__fill{width:92.4px;height:26.5px;margin:153px 0 0 30.7px;background:url(/assets/collection/level-bar-fill.png) center / 100% 100% no-repeat;clip-path:inset(0 calc((1 - var(--progress)) * 100%) 0 0)}.level-progress.is-ready .level-progress__fill{background-image:url(/assets/collection/level-bar-full.png)}.level-progress__badge{width:50px;height:50px;margin:138px 0 0 -9px;display:grid;place-items:center;background:var(--badge) center / contain no-repeat;font:900 25px/1 var(--font-display);color:#fff;-webkit-text-stroke:4px #6b2a10}.level-progress.is-ready .level-progress__badge{-webkit-text-stroke-color:#1d4f10}.level-progress__arrow{width:42px;height:43px;margin:143px 0 0 23.7px;background:url(/assets/collection/upgrade-arrow.png) 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.png) center / 100% 100% no-repeat}.unit-card--rare .unit-card__panel{background-image:url(/assets/collection/card-rare.png)}.unit-card--epic .unit-card__panel{background-image:url(/assets/collection/card-epic.png)}.unit-card--legendary .unit-card__panel{background-image:url(/assets/collection/card-legendary.png)}.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.png) 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.png) center / contain no-repeat;font:900 18px/1 var(--font-display);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.png) center / 100% 100% no-repeat}.unit-card__arena{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;border-style:solid;border-width:0;border-image:url(/assets/collection/arena-capsule.png) 0 61 fill / 0 27px;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.png) center / contain no-repeat;animation:unit-card-arrow-in .1s linear both}@keyframes unit-card-arrow-in{0%{opacity:0}}.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: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.png) 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.png) 0 126 fill / 0 calc(var(--button-height) * .56)}.game-button--red .game-button__face{border-image:url(/assets/buttons/red.png) 0 126 fill / 0 calc(var(--button-height) * .56)}.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{border-style:solid;border-width:0;border-image:url(/assets/buttons/flash.png) 0 99 fill / 0 calc(var(--button-height) * .39);opacity:0}.unit-dropdown{position:absolute;top:-15px;left:-15px;z-index:2;width:125px;display:flex;flex-direction:column;align-items:center;border-style:solid;border-width:15px 15px 19px;border-image:url(/assets/collection/dropdown-panel.png) 65 64 93 64 fill / 15px 15px 22px}.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}}.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}.card-slot{position:relative}.card-slot.is-raised{z-index:4}.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}}.close-button{width:150px;height:75px;padding-bottom:8px;background:url(/assets/profile/button-red.png) center / 100% 100% no-repeat;font:900 26px/1 var(--font-display);color:#fff;-webkit-text-stroke:5px #8b1d22;transition:scale 80ms}.close-button:active{scale:.94}.close-button:focus-visible{outline:2px solid #fff;outline-offset:-8px;border-radius:24px}.commander-path{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;overflow:hidden;background:#4a3486 url(/assets/commander/background.png) center / cover;color:#fff;animation:commander-path-in .26s var(--ease-cubic-out) both}.commander-path__top{position:relative;z-index:2;flex-shrink:0;height:214px}.commander-path__top:before{content:"";position:absolute;inset:-22px -32px -36px;border-style:solid;border-width:42px 64px 70px;border-image:url(/assets/commander/top-panel.png) 42 64 70 fill;pointer-events:none}.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-ui);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.png) center / 100% 100%}.commander-bonus__fill{position:absolute;inset:2px auto 2px 2px;width:calc((100% - 4px) * var(--fill));min-width:12px;box-sizing:border-box;border-style:solid;border-width:0 8px 0 3px;border-image:url(/assets/commander/bonus-fill-health.png) 0 15 0 6 fill}.commander-bonus--damage .commander-bonus__fill{border-image-source:url(/assets/commander/bonus-fill-damage.png)}.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;background:url(/assets/commander/fillbar-base.png) center / 100% 100%}.commander-path__fill{background-image:url(/assets/commander/fillbar-fill.png);transition:height .6s var(--ease-cubic-out)}.path-row{position:relative;height:170px;background:url(/assets/commander/segment-blue.png) center / 100% 100%}.path-row:nth-child(2n){background-image:linear-gradient(#ffffff12,#ffffff12),url(/assets/commander/segment-blue.png)}.path-row.path-row--green{background-image:url(/assets/commander/segment-green.png)}.path-row.path-row--red{background-image:url(/assets/commander/segment-red.png)}.path-row__number{position:absolute;top:85px;left:22px;width:50px;translate:0 -50%;text-align:center;font:bold 28px/1 var(--font-ui);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;background:url(/assets/commander/dot-inactive.png) center / contain no-repeat}.path-row__knob.is-reached{background-image:url(/assets/commander/dot-active.png)}.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-ui);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{width:100%;height:100%;object-fit:contain}.path-row__count{position:absolute;left:50%;bottom:-4px;translate:-50% 0;white-space:nowrap;font:bold 28px/1 var(--font-ui);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,.path-row.is-claimed .path-row__count{filter:brightness(.45) saturate(.7)}.path-row__tick{position:absolute;left:50%;top:50%;width:62px;translate:-50% -50%;animation:enter-pop .6s linear both}.path-row__claim{position:absolute;top:85px;right:16px;width:118px;height:48px;translate:0 -50%;background:url(/assets/commander/button-green.png) center / 100% 100%;font:900 20px/1 var(--font-display);color:#fff;-webkit-text-stroke:4px #23620f;paint-order:stroke fill;animation:path-claim-pulse 1.1s var(--ease-sine-in-out) infinite alternate}.path-row__claim:disabled{cursor:progress;filter:grayscale(.6);animation:none}.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.png) 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-ui);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}.commander-help__figure{align-self:center;width:170px}.commander-help__lines{display:flex;flex-direction:column;gap:10px}.commander-help__lines li{display:flex;align-items:center;gap:10px;font-size:16px}.commander-help__lines img{width:28px;flex-shrink:0}@keyframes commander-path-in{0%{opacity:0;translate:0 30px}}@keyframes path-claim-pulse{to{scale:1.06}}.level-selector{width:345px;height:43.8px;display:grid;grid-template-columns:46px 1fr 46px;align-items:center;background:url(/assets/progress/level-panel.png) center / 100% 100% no-repeat}.level-selector__arrow{width:46px;height:43.8px;display:grid;background:url(/assets/progress/level-arrow.png) 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{margin:4px 6px 8px 4px;border-radius:6px;background:url(/assets/progress/level-arrow-flash.png) center / 100% 100% no-repeat;opacity:0}.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;bottom:0;left:clamp(32px,calc(var(--pin-position) * 100%),calc(100% - 32px));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%;background:url(/assets/milestones/panel.png) center / 100% 100% no-repeat}.reward-pin>*{grid-area:1 / 1}.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-next .reward-pin__icon{animation:reward-pin-active 1s var(--ease-sine-in-out) infinite}@keyframes reward-pin-active{45%{scale:1.1}}.reward-pin__glow{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,rgba(255,244,186,.9) 0%,rgba(255,223,120,.35) 40%,transparent 68%);mix-blend-mode:screen;animation:reward-pin-glow 1s var(--ease-sine-in-out) infinite}@keyframes reward-pin-glow{0%,to{opacity:.35;scale:.9}45%{opacity:.85;scale:1.08}}.reward-track{position:relative;z-index:1;width:366.9px;height:82px}.trophy-progress{--track-width: 366.9px;width:398px;height:63px;box-sizing:border-box;display:flex;align-items:center;padding:0 15.55px;background:url(/assets/progress/main-background.png) 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>*{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.png) 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.png) left center / 100% 100% no-repeat;mask:url(/assets/progress/main-fill.png) 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-ui);color:#ffe35b;-webkit-text-stroke:4px #4b2366}.no-ads-button{display:flex;flex-direction:column;align-items:center;margin-top:7px}.no-ads-button__icon{width:58px;height:62px}.no-ads-button__plaque{width:58px;height:24px;box-sizing:border-box;margin-top:-14px;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}.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}.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}}@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))}}.frisky-forest{position:relative;width:346.5px;height:344.4px}.frisky-forest *{position:absolute}.frisky-forest.is-paused,.frisky-forest.is-paused *{animation-play-state:paused}.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}.red-keep{position:relative;width:346.5px;height:344.4px}.red-keep *{position:absolute}.red-keep.is-paused,.red-keep.is-paused *{animation-play-state:paused}.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.png) center / contain no-repeat;mask:url(/assets/effects/glow-rays.png) 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__shortcuts{align-self:start;display:flex;justify-content:space-between;align-items:flex-start;padding:15px 64px 0 55px}.arena-panel__road{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}.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}@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-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__image{width:64px;height:64px}.battle-launcher{display:flex;flex-direction:column;align-items:center}.battle-launcher>.battle-button{margin-top:-25px}.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-ui);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-ui);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{grid-area:avatar;display:grid;place-items:center;background:url(/assets/player-card/avatar-button.png) center / 100% 100% 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{display:flex;flex-direction:column;padding-top:26px}.home-screen__header{position:relative;z-index:1;display:flex;align-items:flex-start}.home-screen__pass-card{margin-left:-12px}.home-screen>.battle-launcher{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}}.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:before{content:"";position:absolute;inset:0;z-index:-1;border-style:solid;border-width:95px 79px 65px 79px;border-image:url(/assets/profile/picker-panel.png) 127 105 87 105 fill}.popup:after{content:"";position:absolute;inset:24px 36px 51px;z-index:-2;border-radius:28px;background:radial-gradient(closest-side,#fcb3ba,#f096c4)}.popup__title{text-align:center;font:900 26px/1.2 var(--font-display);color:#fff;-webkit-text-stroke:5px #9c3f74}.popup__close{position:absolute;left:50%;bottom:47px;translate:-50% 50%}.account-dialog{display:flex;flex-direction:column;gap:12px}.account-dialog__tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:18px;background:#9c3f7459}.account-dialog__tab{height:40px;border-radius:14px;font:bold 16px var(--font-ui);color:#ffe3f1;-webkit-text-stroke:3px #9c3f74}.account-dialog__tab.is-active{background:#fff4f9;box-shadow:0 3px #c7669c;color:#9c3f74;-webkit-text-stroke:0}.account-dialog__note,.account-dialog__label{font-size:15px;color:#fff;-webkit-text-stroke:3px #9c3f74}.account-dialog__note{text-align:center}.account-dialog__footer{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;font:12px/1.4 var(--font-ui);color:#8d2d63}.account-dialog__status:before{content:"●";margin-right:4px;color:#d9443a}.account-dialog__status.is-online:before{color:#2fa53c}.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}.discord-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)}.discord-button:active{scale:.95;transition-duration:70ms;transition-timing-function:var(--ease-quad-out)}.discord-button:focus-visible{outline:none;filter:drop-shadow(0 0 3px #fff)}.discord-button__logo{width:34px;height:34px;flex-shrink:0}.discord-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}.settings-link-button{width:100%;height:37px;box-sizing:border-box;display:flex;align-items:center;padding:0 14px 3px;border-style:solid;border-width:0 21px;border-image:url(/assets/settings/button-yellow.png) 0 60 fill;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__icon{width:40px;height:26px;margin-inline-start:-20px}.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.png) 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-ui);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__sign-in{width:190px;height:34px;border-radius:17px;background:#fff;box-shadow:0 2px #241d4540;font:bold 16px/1 var(--font-ui);color:#2c2b6b;transition:scale .12s var(--ease-back-out)}.sign-in-panel__sign-in:active{scale:.94}.sign-in-panel__sign-in:focus-visible{outline:2px solid #ffd25a;outline-offset:2px}.sign-in-panel__account{max-width:100%;display:flex;align-items:center;gap:10px}.sign-in-panel__email{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:bold 17px/1.2 var(--font-ui);color:#ffe761;-webkit-text-stroke:3px #2c2b6b}.sign-in-panel__sign-out{flex-shrink:0;width:76px;height:38px;padding-bottom:4px;background:url(/assets/profile/button-red.png) center / 100% 100% no-repeat;font:900 16px/1 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #8b1d22;transition:scale 80ms}.sign-in-panel__sign-out:active:not(:disabled){scale:.94}.sign-in-panel__sign-out:disabled{cursor:progress;filter:grayscale(.4)}.sign-in-panel__sign-out:focus-visible{outline:2px solid #fff;outline-offset:-6px;border-radius:18px}.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;border-style:solid;border-width:0 15px}.volume-slider__track:before{border-image:url(/assets/settings/slider-bar.png) 0 77 fill}.volume-slider__track:after{border-image:url(/assets/settings/slider-fill.png) 0 77 fill;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.png) 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.png) 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}.picker{position:relative;isolation:isolate}.picker:before{content:"";position:absolute;inset:0;z-index:-1;border-style:solid;border-width:24px;border-image:url(/assets/profile/picker-content.png) 66 fill}.picker:after{content:"";position:absolute;inset:4px;z-index:-2;border-radius:20px;background:#e67fb7}.picker__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;height:500px;box-sizing:border-box;padding:12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b34d86 transparent;transition:opacity .12s}.picker__grid.is-busy{opacity:.75;cursor:progress}.picker__item{position:relative;display:block;width:100%;aspect-ratio:1;box-sizing:border-box;padding:5px;background:url(/assets/profile/item-button.png) center / 100% 100% no-repeat;transition:scale .12s var(--ease-back-out)}.picker__item img{width:100%;height:100%;border-radius:9px}.picker__item.is-locked{padding:0;background-image:url(/assets/profile/item-button-locked.png)}.picker__item.is-selected{background-image:url(/assets/profile/item-button-selected.png)}.picker__item:active{scale:.92}.picker__item:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:12px}.picker__note{text-align:center;font-size:15px;color:#fff;-webkit-text-stroke:3px #9c3f74}.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{content:"";position:absolute;inset:0;z-index:-1;border-style:solid;border-width:7px 21px 14px 18px;border-image:url(/assets/profile/stat-base.png) 23 75 51 64 fill}.profile-stats__box:after{content:"";position:absolute;inset:0;z-index:-2;clip-path:polygon(13px 4px,calc(100% - 7px) 4px,calc(100% - 13px) 37px,4px 37px);background:#a378d9}.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-ui);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%;height:52px;box-sizing:border-box;display:grid;place-items:center;padding:0 20px 7px 15px;overflow:hidden;white-space:nowrap;font:bold 22px/1 var(--font-ui);color:#fffdf5;-webkit-text-stroke:4px #4b2362}.profile-tab__name:before{content:"";position:absolute;inset:0;z-index:-1;border-style:solid;border-width:10px 20px 17px 15px;border-image:url(/assets/profile/name-base.png) 39 79 67 61 fill}.profile-tab__name:after{content:"";position:absolute;inset:0;z-index:-2;clip-path:polygon(13px 4px,calc(100% - 8px) 4px,calc(100% - 14px) 41px,5px 41px);background:linear-gradient(#ff9e59,#fecc7e)}.profile-tab__avatar{width:94px;height:94px;display:grid;place-items:center;background:url(/assets/profile/avatar-frame.png) center / 100% 100% 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{width:46px;height:46px;display:grid;place-items:center;background:url(/assets/profile/edit-button.png) center / 100% 100% no-repeat;transition:scale 80ms}.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.png) 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.png) 241 91 104 90 fill}.profile-dialog:after{border-width:111px 42px 49px 43px;border-image:url(/assets/profile/panel-settings.png) 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-ui);color:#ffffffbf}.profile-dialog__close{position:absolute;left:50%;bottom:27px;translate:-50% 50%}.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}@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;inset:0;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;left:0;right:0;bottom:64.5px;display:flex;flex-direction:column;align-items:center;gap:28px;animation:splash-rise .5s var(--ease-smoothstep) both,splash-fade-in .5s var(--ease-smoothstep) both}.splash-screen__credits{display:flex;align-items:center;gap:29px}.splash-screen__voodoo{width:132px}.splash-screen__questlab{width:133.5px}.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}.close-icon-button{width:46px;height:46px;display:grid;background:url(/assets/popups/close.png) 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{margin:5px 5px 7px;border-radius:8px;background:url(/assets/popups/close-flash.png) center / 100% 100% no-repeat;opacity:0}.modal{position:absolute;inset:0;box-sizing:border-box;display:grid;place-items:center;padding:66px 0 6px;pointer-events:auto}.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%{opacity:0;scale:.8;animation-timing-function:cubic-bezier(.33,.33,.67,1)}50%{opacity:1;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%{opacity:1;scale:.95;animation-timing-function:var(--ease-smoothstep)}60%,to{opacity:0;scale:.95}}.price{display:flex;align-items:center;gap:.25em;direction:ltr}.price__icon{width:1.15em;height:1.15em;object-fit:contain}.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;border-image:url(/assets/popups/panel-diamond.png) 65 84 110 84 fill / 16px 20px 26px}.bit-pack-popup__pack{position:absolute;left:4px;top:-66px;width:118px;height:196px;rotate:-12deg;background:url(/assets/popups/bitpack-diamond.png) center / contain no-repeat;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.png) 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;-webkit-text-stroke:4px #6b3e1a}.bit-pack-popup__bits-icon{width:54px;height:50px;background:url(/assets/popups/bit-chance-common.png) 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-style:solid;border-width:0;border-image:url(/assets/popups/section.png) 79 72 60 fill / 19px 17px 14px}.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.png) center / contain no-repeat}.bit-pack-popup__row--rare .bit-pack-popup__icon--unlock{background-image:url(/assets/popups/unlock-chance-rare.png)}.bit-pack-popup__row--epic .bit-pack-popup__icon--unlock{background-image:url(/assets/popups/unlock-chance-epic.png)}.bit-pack-popup__row--legendary .bit-pack-popup__icon--unlock{background-image:url(/assets/popups/unlock-chance-legendary.png)}.bit-pack-popup__icon--bits{background-image:url(/assets/popups/bit-chance-common.png)}.bit-pack-popup__row--rare .bit-pack-popup__icon--bits{background-image:url(/assets/popups/bit-chance-rare.png)}.bit-pack-popup__row--epic .bit-pack-popup__icon--bits{background-image:url(/assets/popups/bit-chance-epic.png)}.bit-pack-popup__row--legendary .bit-pack-popup__icon--bits{background-image:url(/assets/popups/bit-chance-legendary.png)}.bit-pack-popup__chance{height:25px;display:grid;place-items:center;border-radius:14px;background:#082c4273;font:900 16px/1 var(--font-display);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.png) 0 75 fill / 0 14px;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}.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;border-image:url(/assets/unit-info/tab-stats-inactive.png) 0 60 6 fill / 0 30px 3px}.info-tab--stats.is-active{border-image-source:url(/assets/unit-info/tab-stats-active.png)}.info-tab--mastery{border-image:url(/assets/unit-info/tab-mastery-inactive.png) 0 40 4 fill / 0 30px 3px}.info-tab--mastery.is-active{border-image:url(/assets/unit-info/tab-mastery-active.png) 0 60 6 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/unit-info/level-badge-1-2.png) center / contain no-repeat;font:900 16px/1 var(--font-display);color:#fff;-webkit-text-stroke:3px #6b2a10}.info-tab--mastery .info-tab__badge{background-image:url(/assets/unit-info/mastery-level.png);-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{width:108px;height:168px;display:grid;grid-template-rows:116px 1fr;background:url(/assets/unit-info/reward-base-gold.png) center / 100% 100% no-repeat}.reward-card--upgrade{background-image:url(/assets/unit-info/reward-base.png)}.reward-card.is-large,.reward-avatar.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.png) center top / 100% 100% no-repeat}.reward-card--upgrade .reward-card__top{background-image:url(/assets/unit-info/reward-top-green.png)}.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-display);color:#fff;-webkit-text-stroke:4px #23305e;direction:ltr}.reward-card__arrow{width:26px;height:27px;margin-top:-18px;background:url(/assets/collection/upgrade-arrow.png) center / contain no-repeat}.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}.reward-avatar{width:108px;height:168px;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:12px;box-sizing:border-box}.reward-avatar__frame{width:86px;height:86px;box-sizing:border-box;display:grid;place-items:center;border-style:solid;border-width:0;border-image:url(/assets/unit-info/avatar-frame.png) 57 fill / 19px;overflow:hidden}.reward-avatar__unit{height:70px;width:auto}.reward-avatar__label{font:900 14px/1.2 var(--font-display);color:#fff;text-align:center;-webkit-text-stroke:3px #2a3f74}.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:85.5px;top:217px;width:calc(var(--steps) * 171px);height:48px;box-sizing:border-box;display:grid;padding:6px 2px 10px;border-style:solid;border-width:0;border-image:url(/assets/unit-info/timeline-bar.png) 0 14 fill / 0 6px}.mastery-timeline__fill{width:calc(var(--progress) * 171px);border-style:solid;border-width:0;border-image:url(/assets/unit-info/timeline-fill.png) 0 12 fill / 0 5px}.mastery-timeline__steps{display:flex}.mastery-step{width:171px;display:grid;grid-template-rows:206px 55px 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.png) center / contain no-repeat}.mastery-step__dot{position:relative;grid-row:2;width:55px;height:55px;display:grid;place-items:center;padding-top:2px;box-sizing:border-box;background:url(/assets/unit-info/milestone-inactive.png) center / contain no-repeat;font:900 18px/1 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #3b4a7a}.mastery-step.is-reached .mastery-step__dot{background-image:url(/assets/unit-info/milestone-active.png);-webkit-text-stroke-color:#1f4f9a}.mastery-step__points{grid-row:3;margin-top:6px;font:900 19px/1 var(--font-display);color:#3f8fd6;-webkit-text-stroke:3px #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{width:448px;margin-bottom:22px;min-height:700px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:0 28px;border-style:solid;border-width:0;border-image:url(/assets/popups/panel-mastery.png) 87 103 125 102 fill / 21px 25px 30px}.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.png) 0 85 fill / 0 21px;font:900 25px/1 var(--font-display);color:#fff;-webkit-text-stroke:4px #7a4a10}.reward-popup>.reward-card,.reward-popup>.reward-avatar{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}.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.png) 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.png) center / contain no-repeat;mask:url(/assets/effects/glow-rays.png) 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.png) 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,.level-bar__bits{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__track{width:400px;height:56px;display:grid;align-items:center}.level-bar__track>*{grid-area:1 / 1}.level-bar__bar,.level-bar__fill{justify-self:end;width:362px;height:40px}.level-bar__bar{border-style:solid;border-width:0;border-image:url(/assets/unit-info/level-bar.png) 0 30 fill / 0 21px}.level-bar__fill{box-sizing:border-box;border-style:solid;border-width:0;border-image:url(/assets/unit-info/level-bar-fill.png) 4 32 fill / 3px 22px;clip-path:inset(0 calc((1 - var(--progress)) * 100%) 0 0)}.level-bar.is-ready .level-bar__fill{border-image-source:url(/assets/unit-info/level-bar-full.png)}.level-bar__bits{justify-self:center;margin-left:38px;font:900 17px/1 var(--font-display);color:#fff;-webkit-text-stroke:3.5px #1f2a4a}.level-bar__badge{justify-self:start;width:56px;height:56px;display:grid;place-items:center;background:var(--badge) center / contain no-repeat;font:900 27px/1 var(--font-display);color:#fff;-webkit-text-stroke:4px #6b2a10}.level-bar.is-ready .level-bar__badge{-webkit-text-stroke-color:#1d4f10}.stat-tile{height:75px;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:0 10px;border-style:solid;border-width:0;border-image:url(/assets/unit-info/stat-tile.png) 29 fill / 7px}.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.png)}.stat-tile__icon--damage{background-image:url(/assets/unit-info/stat-damage.png)}.stat-tile__icon--range{background-image:url(/assets/unit-info/stat-range.png)}.stat-tile__icon--hit-speed{background-image:url(/assets/unit-info/stat-hit-speed.png)}.stat-tile__icon--ability{background-image:url(/assets/unit-info/stat-ability.png)}.stat-tile__icon--no-ability{background-image:url(/assets/unit-info/stat-no-ability.png)}.stat-tile__icon--damage-melee-single{background-image:url(/assets/unit-info/damage-melee-single.png)}.stat-tile__icon--damage-melee-area{background-image:url(/assets/unit-info/damage-melee-area.png)}.stat-tile__icon--damage-ranged-single{background-image:url(/assets/unit-info/damage-ranged-single.png)}.stat-tile__icon--damage-ranged-area{background-image:url(/assets/unit-info/damage-ranged-area.png)}.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}.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{margin:auto 0 34px;padding:10px 26px 12px;border-style:solid;border-width:0;border-image:url(/assets/collection/arena-capsule.png) 0 61 fill / 0 30px;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.png) center / contain no-repeat;mask:url(/assets/effects/glow-rays.png) 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{min-width:102px;height:37px;box-sizing:border-box;display:grid;place-items:center;padding:0 14px 2px;border-style:solid;border-width:0;border-image:url(/assets/unit-info/rarity-common.png) 0 26 fill / 0 12px;font:900 18px/1 var(--font-display);color:#fff;-webkit-text-stroke:3px #5b3a24}.unit-profile--rare .unit-profile__rarity{border-image-source:url(/assets/unit-info/rarity-rare.png);-webkit-text-stroke-color:#1f3f78}.unit-profile--epic .unit-profile__rarity{border-image-source:url(/assets/unit-info/rarity-epic.png);-webkit-text-stroke-color:#5a1f7a}.unit-profile--legendary .unit-profile__rarity{border-image-source:url(/assets/unit-info/rarity-legendary.png);-webkit-text-stroke-color:#7a4d0a}.unit-profile__squad{height:37px;display:flex;align-items:center;padding:0 11px}.unit-profile__squad-member{width:15px;height:19px;margin-left:-4px;background:url(/assets/unit-info/squad.png) center / contain 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.png) center / contain no-repeat}.unit-profile__category--ranged:before{background-image:url(/assets/unit-info/category-ranged.png)}.unit-profile__category--frontline:before{background-image:url(/assets/unit-info/category-frontline.png)}.unit-info{width:478px;display:flex;flex-direction:column;padding-bottom:42px}.unit-info__panel{position:relative;height:531px;box-sizing:border-box;display:flex;flex-direction:column;padding:14px 12px 29px;border-style:solid;border-width:0;border-image:url(/assets/unit-info/panel.png) 76 107 107 fill / 18px 26px 26px}.unit-info__header{height:58px;display:flex;align-items:flex-start;padding-left:1px}.unit-info__close{margin:-1px 2px 0 auto}.unit-info__page{flex:1;min-height:0;display:flex;flex-direction:column;border-style:solid;border-width:0;border-image:url(/assets/unit-info/page-stats.png) 36 fill / 9px}.unit-info__page--mastery{border-image-source:url(/assets/unit-info/page-mastery.png)}.unit-info__chains{position:absolute;bottom:-40px;width:154px;height:125px;background:url(/assets/unit-info/chains.png) center / contain no-repeat;pointer-events:none}.unit-info__chains--left{left:-4px}.unit-info__chains--right{right:-4px;scale:-1 1}.app-shell{position:relative;height:100%;display:flex;flex-direction:column}.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}@font-face{font-family:Potk;src:url(/assets/fonts/Potk.woff2) format("woff2"),url(/assets/fonts/Potk.woff) format("woff"),url(/assets/fonts/Potk.ttf) format("truetype");font-style:normal;font-weight:900;font-display:swap}:root{--font-display: "Potk", Tahoma, sans-serif;--font-ui: Tahoma, "Segoe UI", 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%{opacity:0;scale:.7;animation-timing-function:var(--ease-cubic-out)}36%{opacity:1;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)}}@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 .no-ads-button{--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}