.BattleScene[data-v-750d4ecb] {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.BasePopup[data-v-57ff586b] {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  pointer-events: all;
}
.BasePopup__overlay[data-v-57ff586b] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.BasePopup__box[data-v-57ff586b] {
  width: var(--base-popup-width, 340px);
  min-height: var(--base-min-height, 180px);
  margin: auto;
  padding: 10px;
  position: relative;
  z-index: 1;
  background-color: #000;
  border: 1px solid #00ffff;
  border-radius: 10px;
}
.BasePopup__box[data-v-57ff586b]::before {
  content: '';
  display: block;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  position: absolute;
  left: -6px;
  top: -6px;
  z-index: -1;
  border: 1px solid #00ffff;
  border-radius: 14px;
  opacity: 0.3;
}
.BasePopup__close[data-v-57ff586b] {
  width: 14px;
  height: 14px;
  padding: 0;
  position: absolute;
  right: 12px;
  top: 12px;
  border: none;
  background-color: transparent;
  background-image: url(../assets/app/ui/close.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.BasePopup__head[data-v-57ff586b] {
  padding: 4px 0 12px;
  border-bottom: 1px solid rgba(0, 255, 255, 0.5);
}
.BasePopup__title[data-v-57ff586b] {
  color: #00ffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: center;
}
.BasePopup__body[data-v-57ff586b] {
  padding: var(--base-popup-padding, 16px);
}


.BattleConnectIndicator[data-v-612e4403] {
  --progress-color: #39B24A;
  --strokes-opacity: 1;
  --font-size: 21px;

  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  position: relative;
  z-index: 0;
  width: 240px;
  height: 260px;
  pointer-events: all;
}
.BattleConnectIndicator.is-connect[data-v-612e4403] {
  --progress-color: #EA1C24;
  --strokes-opacity: 0.15;
  --font-size: 38px;
}
.BattleConnectIndicator.is-loading[data-v-612e4403] {
  --progress-color: #00FFFF;
  --strokes-opacity: 0.15;
}
.BattleConnectIndicator__content[data-v-612e4403] {
  position: relative;
  z-index: 1;
  max-width: 100px;
  color: #00FFFF;
  text-transform: uppercase;
  text-align: center;
  font-family: "Exo 2", sans-serif;
  font-size: var(--font-size);
  line-height: 1.1;
}
.BattleConnectIndicator__svg[data-v-612e4403] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.BattleConnectIndicator__progress[data-v-612e4403] {
  stroke: var(--progress-color);
  stroke-dasharray: var(--dasharray);
  stroke-dashoffset: var(--dashoffset);
}
.BattleConnectIndicator__strokes[data-v-612e4403] {
  opacity: var(--strokes-opacity);
}
.BattleConnectIndicator__strokes path[data-v-612e4403] {
  transform-origin: 50% 50%;
}

.BattleAcceptButton[data-v-d26e3d6a] {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  pointer-events: all;
  transition: ease transform 300ms;
  will-change: transform;
  outline: none;
}
.BattleAcceptButton[data-v-d26e3d6a]:hover {
  transform: scale(1.025);
}
.BattleAcceptButton[data-v-d26e3d6a]:active {
  transform: scale(0.975);
}

.BaseControl__container[data-v-a78be18a] {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.BaseControl[data-v-a78be18a] {
  display: flex;
  position: relative;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1/1.16;
  padding: 0;
  border: none;
  background-color: transparent;
  color: #005EEA;
  cursor: pointer;
  outline: none;
  user-select: none;
  z-index: 5;
}
.BaseControl__animated-inventory[data-v-a78be18a] {
  position: absolute;
  left:50%;
  top: 50%;
  transform: translate(-50%, -50%);
  /* блик масштабируется вместе с ячейкой (было 46px при ячейке 32x36) */
  width: 125%;
  height: 125%;
}
.BaseControl__animated-levelUp[data-v-a78be18a] {
  position: absolute;
  left:50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 145%;
}
.BaseControl__outline[data-v-a78be18a] {
  width: 100%;
  height: 100%;
}
.BaseControl[disabled][data-v-a78be18a],
.BaseControl.cooldown[data-v-a78be18a] {
  cursor: default;
  pointer-events: none;
  /* touch-action: none; */
}
.BaseControl:not(.disabled, .active) svg[data-v-a78be18a],
.BaseControl:not(.disabled, .active) .BaseControl__icon > img[data-v-a78be18a] {
  opacity: 0.3;
}
.BaseControl__fill[data-v-a78be18a] {
  fill: rgba(0, 94, 234, 0.15);
  filter: drop-shadow(0px 0px 30px rgba(0, 94, 234, 0.5));
}
.BaseControl.active .BaseControl__fill[data-v-a78be18a] {
  fill: rgba(0, 150, 255, 0.4);
}
.BaseControl.cooldown .BaseControl__fill[data-v-a78be18a] {
  fill: rgba(0, 94, 234, 0.05);
}
.BaseControl.cooldown .BaseControl__icon[data-v-a78be18a] {
  opacity: 0.2;
}
.BaseControl.invisibility .BaseControl__icon[data-v-a78be18a] {
  top: 10%;
}
.BaseControl.invisibility .BaseControl__icon > svg[data-v-a78be18a] {
  height: 80%;
}
.BaseControl.canLevelUp[data-v-a78be18a] {
  cursor: grab;
}
.BaseControl.canLevelUp[data-v-a78be18a] {
  cursor: grabbing;
  pointer-events: all;
}
.BaseControl__icon[data-v-a78be18a],
.BaseControl__content[data-v-a78be18a] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 76%;
  height: 76%;
  position: absolute;
  left: 12%;
  top: 12%;
  transition: ease transform 200ms;
  will-change: transform;
}
.BaseControl__content[data-v-a78be18a] {
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
}
.BaseControl:not(.hasContent):hover .BaseControl__icon[data-v-a78be18a],
.BaseControl:hover .BaseControl__content[data-v-a78be18a] {
  transform: scale(1.075);
}
.BaseControl[disabled]:hover .BaseControl__icon[data-v-a78be18a],
.BaseControl[disabled]:hover .BaseControl__content[data-v-a78be18a],
.BaseControl.cooldown:hover .BaseControl__icon[data-v-a78be18a],
.BaseControl.cooldown:hover .BaseControl__content[data-v-a78be18a] {
  transform: none;
}
.BaseControl:not(.hasContent):active .BaseControl__icon[data-v-a78be18a],
.BaseControl:active .BaseControl__content[data-v-a78be18a] {
  transform: scale(1);
}
.BaseControl__icon > svg[data-v-a78be18a] {
  width: 90%;
  height: 90%;
}
.BaseControl__icon > img[data-v-a78be18a] {
  width: 80%;
  height: 80%;
  object-fit: contain;
  /* картинки в ячейках не перетаскиваются нативно (Safari игнорирует draggable) */
  -webkit-user-drag: none;
  user-select: none;
}
.BaseControl__content[data-v-a78be18a] {
  padding-bottom: 2%;
  color: #00FFFF;
  font-family: "Exo 2", sans-serif;
  font-weight: 400;
  font-size: 13px;
  text-align: center;
  line-height: 1.1;
}
.BaseControl__cooldown[data-v-a78be18a] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #FF0037;
}
.BaseControl__cooldownCount[data-v-a78be18a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-bottom: 8%;
  position: absolute;
  top: 0;
  left: 0;
  color: #FF0037;
  font-family: "Exo 2", sans-serif;
  font-weight: 400;
  font-size: 42px;
  line-height: 1;
}
.BaseControl__levelUp-bg[data-v-a78be18a] {
  position: absolute;
  top: 0;
  left: -2.5px;
  top: -2.5px;
  width: calc(100% + 5px);
  z-index: 4;
}
.BaseControl__levelUp-bg > svg[data-v-a78be18a] {
  width: 100%;
  height: 100%;
}
.BaseControl__levelUp[data-v-a78be18a] {
  position: absolute;
  top: -10%;
  left: 0;
  width: 100%;
  height: 38%;
}
.BaseControl__levelContainer[data-v-a78be18a] {
  width: 100%;
  height: 100%;
  position: relative;
}
.BaseControl__levelContainer   svg[data-v-a78be18a] {
  position: absolute;
  width: 100%;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  mix-blend-mode: plus-lighter;
}
.BaseControl__levelContainer svg[data-v-a78be18a]:first-child {
  animation: levelUp01-a78be18a 1s linear infinite forwards;
  z-index: 3;
}
.BaseControl__levelContainer svg[data-v-a78be18a]:nth-child(2) {
  opacity: .6;
  bottom: -20px;
  z-index: 2;
  animation: levelUp02-a78be18a 1s linear infinite forwards;
}
.BaseControl__levelContainer svg[data-v-a78be18a]:nth-child(3) {
  opacity: .2;
  bottom: -10px;
  z-index: 1;
  animation: levelUp03-a78be18a 1s linear infinite forwards;
}
.BaseControl.selecting[data-v-a78be18a] {
  animation: kamikazePulse-a78be18a 0.8s ease-in-out infinite;
}
@keyframes kamikazePulse-a78be18a {
0%, 100% {
    color: #AA0000;
    filter: drop-shadow(0 0 4px rgba(255, 0, 0, 0.4));
}
50% {
    color: #FF3333;
    filter: drop-shadow(0 0 14px rgba(255, 0, 0, 0.95));
}
}
@keyframes levelUp01-a78be18a {
from {
      transform: translate(-50%, 0);
      opacity: 1;
}
to {
      transform: translate(-50%, -10px);
      opacity: .6;
}
}
@keyframes levelUp02-a78be18a {
from {
      transform: translate(-50%, 0);
      opacity: .6;
}
to {
      transform: translate(-50%, -10px);
      opacity: .2;
}
}
@keyframes levelUp03-a78be18a {
from {
      transform: translate(-50%, 0);
      opacity: .2;
}
to {
      transform: translate(-50%, -15px);
      opacity: 0;
}
}



.text[data-v-4df83e22] {
  color: #F9EB21;
}


.text[data-v-fc37d436] {
  position: relative;
  top: -2px;
  color: #39B24A;
  text-transform: uppercase;
}
.level[data-v-fc37d436] {
  font-size: 1.2em;
}

.ConfirmPopup[data-v-22c26d8d] {
  --base-popup-padding: 0;
  --base-min-height: 100px;
}
.ConfirmPopup__content[data-v-22c26d8d] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 6px 6px 12px;
  color: #fff;
}
.ConfirmPopup__title[data-v-22c26d8d] {
  color: #F9EB21;
  font-size: 22px;
}
.ConfirmPopup__text[data-v-22c26d8d] {
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
}
.ConfirmPopup__buttons[data-v-22c26d8d] {
  display: flex;
  gap: 16px;
  margin-top: 12px;
}
.ConfirmPopup__button[data-v-22c26d8d] {
  max-width: 80px;
  width: 100%;
  padding: 8px;
  border: none;
  background-color: #F9EB21;
  color: #000;
  font-size: 14px;
  font-family: inherit;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  transition: ease 200ms transform;
  will-change: transform;
}
.ConfirmPopup__button.is-cancel[data-v-22c26d8d] {
  background-color: #00FFFF;
}
.ConfirmPopup__button[data-v-22c26d8d]:hover {
  transform: scale(1.04);
}
.ConfirmPopup__button[data-v-22c26d8d]:active {
  transform: scale(1);
}


.ShopItemControl__row {
    /* Ширина гекса = ячейке скилла: те же 19% ряда шириной min(100vw, 430px),
       0.175 учитывает усадку скиллов от gap-ов ряда */
    --hex-w: calc(min(100vw, 430px) * 0.175);
    /* половина высоты гекса: 0.5 x (85 / 74) ширины */
    --hex-half-h: calc(var(--hex-w) * 0.574);
    position: relative;
    display: flex;
    flex-direction: column;
    /* весь кластер сдвинут на полсоты влево и вниз — визуально, не двигая соседей */
    transform: translate(calc(var(--hex-w) * -0.5), var(--hex-half-h));
}
.ShopItemControl__item {
    width: var(--hex-w);
    /* пропорция гекса BaseControl (viewBox 74x85) */
    aspect-ratio: 74 / 85;
}

/* Сотовая укладка: верхняя ячейка смещена вправо на полсоты... */
.ShopItemControl__item:first-child {
    transform: translateX(52%);
}

/* ...а нижняя подтянута под неё на четверть высоты гекса
   (margin в % считается от ширины ряда = ширины ячейки: 29% ширины ≈ 25% высоты) */
.ShopItemControl__item + .ShopItemControl__item {
    margin-top: -29%;
}
.ShopItemControl__item-name {
    position: relative;
    height: 100%;
    /* Долгое нажатие продаёт предмет — глушим выделение и системное touch-меню.
       touch-action: none — драг-прицеливание не должно скроллить страницу */
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    touch-action: none;
}
.ShopItemControl__mark {
    position: absolute;
    right: 2px;
    bottom: 4px;
    z-index: 2;
    pointer-events: none;
    font-size: 12px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 0 3px #000, 0 0 2px #000;
}

/* Дуга прицеливания: во весь экран, поверх сцены, мимо кликов */
.ShopItemControl__aim-arc {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    z-index: 5;
    pointer-events: none;
}
.ShopItemControl__aim-arc path {
    fill: none;
    stroke: #38e8ff;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-dasharray: 4 14;
    filter: drop-shadow(0 0 6px rgba(56, 232, 255, 0.8));
    /* пульсация, бегущая по дуге к прицелу */
    animation: ShopItemControl__arc-run 0.5s linear infinite;
}
.ShopItemControl__aim-arc.--cancel path {
    stroke: #ff5b5b;
    filter: drop-shadow(0 0 6px rgba(255, 91, 91, 0.8));
}
@keyframes ShopItemControl__arc-run {
to { stroke-dashoffset: -18;
}
}

.ModelControl[data-v-88c20ff6] {
    display: flex;
    width: 23%;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: transparent;
    position: relative;
    color: #005EEA;
    outline: none;
    user-select: none;
    z-index: 1;
    pointer-events: none;
}
.ModelControl__img[data-v-88c20ff6] {
    position: absolute;
    width: 82%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    overflow: hidden;
}
.ModelControl__img img[data-v-88c20ff6] {
    width: 100%;
    display: block;
}
.ModelControl__level[data-v-88c20ff6] {
    position: absolute;
    top: 70%;
    color: #112A5E;
    font-size: 11px;
}
.ModelControl__shop[data-v-88c20ff6] {
    pointer-events: all;
    position: absolute;
    width: 100%;
    top: -43%;
    text-align: center;
    z-index: 2;
}
.ModelControl__shop-name[data-v-88c20ff6] {
    position: absolute;
    top: 30%;
    font-size: 14px;
    color: #F9EB20;
    text-align: center;
    width: 100%;
}
.ModelControl__progress[data-v-88c20ff6] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    height: 90%;
    position: absolute;
    left: 5%;
    top: 4%;
    transition: ease transform 200ms;
    will-change: transform;
}
.ModelControl__boxshadow[data-v-88c20ff6] {
    position: absolute;
    width: 90%;
    height: 75%;
    box-shadow: 
    0px 0px 4px rgba(0, 93, 234, 0.9),    /* Small shadow all around */
    0px 0px 16px rgba(0, 93, 234, 0.9),   /* Larger shadow all around */
    0px 0px 30px rgba(0, 93, 234, 0.9),   /* Larger shadow all around */
    0px 0px 60px rgba(0, 93, 234, 0.9),   /* Even larger shadow */
    0px 0px 120px rgba(0, 93, 234, 0.9),  /* Very large shadow */
    0px 0px 200px rgba(0, 93, 234, 0.9);  /* Extra large shadow */
    z-index: -1;
    border-radius: 50%;
}
@media (max-width:375px) {
.ModelControl__shop-name[data-v-88c20ff6] {
        font-size: 12px;
}
}
  
  

.EnemyModelControl__row[data-v-3e087bc3] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.EnemyModelControl__item[data-v-3e087bc3]{
    width: 11%;
}
.EnemyModelControl[data-v-3e087bc3] {
    width: 18%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: transparent;
    position: relative;
    color: #005EEA;
    outline: none;
    user-select: none;
    z-index: 1;
    pointer-events: none;
}
.EnemyModelControl__img[data-v-3e087bc3] {
    position: absolute;
    width: 82%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    overflow: hidden;
}
.EnemyModelControl__img img[data-v-3e087bc3] {
    width: 100%;
    display: block;
}
.EnemyModelControl__level[data-v-3e087bc3] {
    position: absolute;
    top: 70%;
    color: #112A5E;
    font-size: 11px;
}
.EnemyModelControl__boxshadow[data-v-3e087bc3] {
    position: absolute;
    width: 90%;
    height: 75%;
    box-shadow: 
    0px 0px 4px rgba(0, 93, 234, 0.9),    /* Small shadow all around */
    0px 0px 16px rgba(0, 93, 234, 0.9),   /* Larger shadow all around */
    0px 0px 30px rgba(0, 93, 234, 0.9),   /* Larger shadow all around */
    0px 0px 60px rgba(0, 93, 234, 0.9),   /* Even larger shadow */
    0px 0px 120px rgba(0, 93, 234, 0.9),  /* Very large shadow */
    0px 0px 200px rgba(0, 93, 234, 0.9);  /* Extra large shadow */
    z-index: -1;
    border-radius: 50%;
}
@media (max-width:375px) {
.EnemyModelControl__shop-name[data-v-3e087bc3] {
        font-size: 12px;
}
}
  
.BaseSkill[data-v-2df31262] {
  position: relative;
  z-index: 0;
  width: 19%;
  outline: none;
  user-select: none;
}
.BaseSkill__content[data-v-2df31262]{
   z-index: 4;
   width: 100%;
   pointer-events: all;
}
.BaseSkill__levelUp[data-v-2df31262] {
  position: absolute;
  pointer-events: all;
  top: -15%;
  left: 0;
  width: 100%;
  height: 38%;
  z-index: 5;
}
.BaseSkill__levelContainer[data-v-2df31262] {
  width: 100%;
  height: 100%;
  position: relative;
}
.BaseSkill__levelAnimation[data-v-2df31262] {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translateY(25%) scale(1,1);
  /* transform-origin: center; */
  animation: zoomOut-2df31262 3s infinite forwards linear;
  transition: all 1s linear;
}
@keyframes zoomOut-2df31262 {
from {
      opacity: 0;
      transform: translateY(25%) scale(1,1);
}
50% {
    opacity: 0.7;
    transform: translateY(10%) scale(1,1);
}
to {
    opacity: 0;
    transform: translateY(-40%) scale(1,1);
}
}
.BaseSkill__levelAnimation[data-v-2df31262]:nth-child(1) {
  animation-delay: calc(1000ms * -1);
}
.BaseSkill__levelAnimation[data-v-2df31262]:nth-child(2) {
  animation-delay: calc(1000ms * 0);
}
.BaseSkill__levelAnimation[data-v-2df31262]:nth-child(3) {
  animation-delay: calc(1000ms * 1);
}
.BaseSkill__levelAnimation[data-v-2df31262]:nth-child(4) {
  animation-delay: calc(1000ms * 2);
}
.BaseSkill__levelAnimation[data-v-2df31262]:nth-child(5) {
  animation-delay: calc(1000ms * 3);
}
.BaseSkill__levelAnimation[data-v-2df31262]:nth-child(6) {
  animation-delay: calc(1000ms * 4);
}
.BaseSkill__levelBar[data-v-2df31262] {
  display: flex;
  gap: 2px;
  position: absolute;
  right: 0;
  top: calc(100% - 5px);
  transform: rotate(-32deg);
}
.BaseSkill__level[data-v-2df31262] {
  width: 5px;
  height: 5px;
  background-color: rgba(0, 94, 234, 0.3);
}
.BaseSkill__level.active[data-v-2df31262] {
  background-color: #005EEA;
}
@media (max-width: 375px) {
.BaseSkill__levelBar[data-v-2df31262] {
    top: calc(100% - 0px);
}
.BaseSkill__level[data-v-2df31262] {
    width: 4px;
    height: 4px;
}
}

.BattleControlPanel[data-v-7f4ca170] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.BattleControlPanel__enemy[data-v-7f4ca170] {
  position: absolute;
  top: 18px;
  max-width: 430px;
  width: 100%;
}
.BattleControlPanel__player[data-v-7f4ca170] {
  position: absolute;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 33px;
}
.BattleControlPanel__addItem[data-v-7f4ca170] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.BattleControlPanel__score[data-v-7f4ca170] {
  font-size: 14px;
  text-align: center;
  color: #F9EB21;
}
.BattleControlPanel__row[data-v-7f4ca170] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  max-width: 430px;
}
.BattleControlPanel__row + .BattleControlPanel__row[data-v-7f4ca170] {
  margin-top: -8px;
}
@media (min-width: 501px) and (max-height: 667px) {
.BattleControlPanel[data-v-7f4ca170] {
    transform: scale(0.8);
}
}



.BattleInitEnemyMember[data-v-5d4bd38a] {
    position: relative;
    width: 100%;
    height: 100%;
}
.BattleInitEnemyMember__content[data-v-5d4bd38a] {
    position: absolute;
    max-width: 300px;
    height: 82%;
    aspect-ratio: 300/375;
    right: 0;
    top: auto;
    bottom: -70%;
}
.BattleInitEnemyMember__content-container[data-v-5d4bd38a] {
    position: relative;
    width: 100%;
    height: 100%;
}
.BattleInitEnemyMember__info[data-v-5d4bd38a] {
    position: absolute;
    display: flex;
    flex-direction: column;
    color: #EA1C24;
    right: 10%;
    top: 40%;
}
.BattleInitEnemyMember__starOwner[data-v-5d4bd38a] {
    font-size: 15px;
    text-align: center;
    color: #FDFDFD;
    opacity: 0.3;
}
.BattleInitEnemyMember__name[data-v-5d4bd38a] {
    font-size: 32px;
    text-align: center;
    color: #FFFFFF;
}
.BattleInitEnemyMember__wallet[data-v-5d4bd38a] {
    font-size: 16px;
    text-align: center;
    color: #EA1C24;
}
.BattleInitEnemyMember__telegram[data-v-5d4bd38a] {
    font-size: 16px;
    text-align: center;
    color: #EA1C24;
}
.BattleInitEnemyMember__race[data-v-5d4bd38a] {
    font-size: 24px;
    text-align: center;
    color: #FFFFFF;
}
.BattleInitEnemyMember__pic[data-v-5d4bd38a] {
    position: absolute;
    bottom: -6.5%;
    left: -41%;
    width: 78%;
}
.BattleInitEnemyMember__pic__container[data-v-5d4bd38a] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.BattleInitEnemyMember__pic__img[data-v-5d4bd38a] {
    position: absolute;
    width: 73%;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    overflow: hidden;
}
.BattleInitEnemyMember__pic__img img[data-v-5d4bd38a] {
    width: 100%;
    display: block;
}
.BattleInitEnemyMember__pic__shadow[data-v-5d4bd38a] {
    position: absolute;
    width: 60%;
    height: 60%;
    border-radius: 50%;
    z-index: -1;
    box-shadow:
        0px 0px 9.62px rgba(0, 93, 234, 1),
        /* Shadow 1 */
        0px 0px 19.24px rgba(0, 93, 234, 1),
        /* Shadow 2 */
        0px 0px 67.35px rgba(0, 93, 234, 1),
        /* Shadow 3 */
        0px 0px 134.7px rgba(0, 93, 234, 1),
        /* Shadow 4 */
        0px 0px 230.92px rgba(0, 93, 234, 1),
        /* Shadow 5 */
        0px 0px 404.1px rgba(0, 93, 234, 1);
    /* Shadow 6 */
}
.BattleInitEnemyMember__left-line[data-v-5d4bd38a] {
    position: absolute;
    background-color: #F90E1B;
    width: 60%;
    height: 8px;
    transform-origin: right center;
    transform: rotate(-29deg);
    bottom: -43px;
    left: calc(-10% - 50px);
    border: #F90E1B;
    box-shadow: 0px -2px 10px 0px rgba(255, 16, 27, 0.8),
        /* First shadow */
        0px -2px 15px 0px rgba(255, 16, 27, 0.8),
        /* Second shadow */
        0px -2px 30px 0px rgba(255, 16, 27, 0.8),
        /* Third shadow */
        0px -2px 50px 0px rgba(255, 16, 27, 0.8),
        /* Fourth shadow */
        0px -2px 80px 0px rgba(255, 16, 27, 0.8),
        /* Fifth shadow */
        0px -2px 150px 0px rgba(255, 16, 27, 0.8);
    /* Sixth shadow */
}
.BattleInitEnemyMember__right-line[data-v-5d4bd38a] {
    position: absolute;
    background-color: #F90E1B;
    width: 60%;
    height: 8px;
    transform-origin: left center;
    transform: rotate(-29deg);
    bottom: 10px;
    left: calc(50% + 48px);
    border: #F90E1B;
    box-shadow: 0px -2px 10px 0px rgba(255, 16, 27, 0.8),
        /* First shadow */
        0px -2px 15px 0px rgba(255, 16, 27, 0.8),
        /* Second shadow */
        0px -2px 30px 0px rgba(255, 16, 27, 0.8),
        /* Third shadow */
        0px -2px 50px 0px rgba(255, 16, 27, 0.8),
        /* Fourth shadow */
        0px -2px 80px 0px rgba(255, 16, 27, 0.8),
        /* Fifth shadow */
        0px -2px 150px 0px rgba(255, 16, 27, 0.8);
    /* Sixth shadow */
}
@media (max-height: 800px) and (min-width: 501px) {
.BattleInitEnemyMember__content[data-v-5d4bd38a] {
        height: 92%;
        aspect-ratio: 300/375;
        right: 0;
        top: auto;
        bottom: -60%;
}
.BattleInitEnemyMember__left-line[data-v-5d4bd38a] {
        height: 8px;
        bottom: -16px;
        left: calc(-10% - 32px);
}
.BattleInitEnemyMember__right-line[data-v-5d4bd38a] {
        bottom: 22px;
        left: calc(50% + 33px);
}
}
@media (max-width: 430px) {
.BattleInitEnemyMember__content[data-v-5d4bd38a] {
        height: 75%;
        aspect-ratio: 300/375;
}
.BattleInitEnemyMember__info[data-v-5d4bd38a] {
        right: 8%;
        top: 30%;
}
.BattleInitEnemyMember__starOwner[data-v-5d4bd38a] {
        font-size: 15px;
        text-align: center;
        color: #FDFDFD;
        opacity: 0.3;
}
.BattleInitEnemyMember__name[data-v-5d4bd38a] {
        font-size: 25px;
        text-align: center;
        color: #FFFFFF;
}
.BattleInitEnemyMember__wallet[data-v-5d4bd38a] {
        font-size: 0px;
        text-align: center;
        color: #EA1C24;
}
.BattleInitEnemyMember__telegram[data-v-5d4bd38a] {
        font-size: 14px;
        text-align: center;
        color: #EA1C24;
}
.BattleInitEnemyMember__race[data-v-5d4bd38a] {
        font-size: 20px;
        text-align: center;
        color: #FFFFFF;
}
.BattleInitEnemyMember__left-line[data-v-5d4bd38a] {
        height: 8px;
        bottom: -21px;
        left: calc(-10% - 32px);
}
.BattleInitEnemyMember__right-line[data-v-5d4bd38a] {
        bottom: 17px;
        left: calc(50% + 33px);
}
}
.BattleInitPlayerMember[data-v-79a36990] {
    position: relative;
    width: 100%;
    height: 100%;
}
.BattleInitPlayerMember__content[data-v-79a36990] {
    position: absolute;
    max-width: 300px;
    height: 82%;
    aspect-ratio: 300/375;
    top: auto;
    bottom: 88%;
}
.BattleInitPlayerMember__content-container[data-v-79a36990] {
    position: relative;
    width: 100%;
    height: 100%;
}
.BattleInitPlayerMember__info[data-v-79a36990] {
    position: absolute;
    display: flex;
    flex-direction: column;
    color: #EA1C24;
    left: 10%;
    top: 35%;
}
.BattleInitPlayerMember__starOwner[data-v-79a36990] {
    font-size: 15px;
    text-align: center;
    color: #FDFDFD;
    opacity: 0.3;
}
.BattleInitPlayerMember__name[data-v-79a36990] {
    font-size: 32px;
    text-align: center;
    color: #FFFFFF;
}
.BattleInitPlayerMember__wallet[data-v-79a36990] {
    font-size: 16px;
    text-align: center;
    color: #39B24A;
}
.BattleInitPlayerMember__telegram[data-v-79a36990] {
    font-size: 16px;
    text-align: center;
    color: #39B24A;
}
.BattleInitPlayerMember__race[data-v-79a36990] {
    font-size: 24px;
    text-align: center;
    color: #FFFFFF;
}
.BattleInitPlayerMember__pic[data-v-79a36990] {
    position: absolute;
    bottom: 49%;
    right: -41%;
    width: 78%;
}
.BattleInitPlayerMember__pic__container[data-v-79a36990] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.BattleInitPlayerMember__pic__img[data-v-79a36990] {
    position: absolute;
    width: 73%;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    overflow: hidden;
}
.BattleInitPlayerMember__pic__img img[data-v-79a36990] {
    width: 100%;
    display: block;
}
.BattleInitPlayerMember__pic__shadow[data-v-79a36990] {
    position: absolute;
    width: 60%;
    height: 70%;
    border-radius: 50%;
    z-index: -1;
    box-shadow:
        0px 0px 9.62px rgba(0, 93, 234, 1),
        /* Shadow 1 */
        0px 0px 19.24px rgba(0, 93, 234, 1),
        /* Shadow 2 */
        0px 0px 67.35px rgba(0, 93, 234, 1),
        /* Shadow 3 */
        0px 0px 134.7px rgba(0, 93, 234, 1),
        /* Shadow 4 */
        0px 0px 230.92px rgba(0, 93, 234, 1),
        /* Shadow 5 */
        0px 0px 404.1px rgba(0, 93, 234, 1);
    /* Shadow 6 */
}
.BattleInitPlayerMember__left-line[data-v-79a36990] {
    position: absolute;
    background-color: #F90E1B;
    width: 60%;
    height: 8px;
    transform-origin: right center;
    transform: rotate(-29deg);
    top: 10px;
    left: calc(-10% - 47px);
    border: #F90E1B;
    box-shadow: 0px 2px 10px 0px rgba(255, 16, 27, 0.8),
        /* First shadow */
        0px 2px 15px 0px rgba(255, 16, 27, 0.8),
        /* Second shadow */
        0px 2px 30px 0px rgba(255, 16, 27, 0.8),
        /* Third shadow */
        0px 2px 50px 0px rgba(255, 16, 27, 0.8),
        /* Fourth shadow */
        0px 2px 80px 0px rgba(255, 16, 27, 0.8),
        /* Fifth shadow */
        0px 2px 150px 0px rgba(255, 16, 27, 0.8);
    /* Sixth shadow */
}
.BattleInitPlayerMember__right-line[data-v-79a36990] {
    position: absolute;
    background-color: #F90E1B;
    width: 60%;
    height: 4px;
    transform-origin: left center;
    transform: rotate(-29deg);
    top: -41px;
    left: calc(50% + 49px);
    border: #F90E1B;
    box-shadow: 0px 2px 10px 0px rgba(255, 16, 27, 0.8),
        /* First shadow */
        0px 2px 15px 0px rgba(255, 16, 27, 0.8),
        /* Second shadow */
        0px 2px 30px 0px rgba(255, 16, 27, 0.8),
        /* Third shadow */
        0px 2px 50px 0px rgba(255, 16, 27, 0.8),
        /* Fourth shadow */
        0px 2px 80px 0px rgba(255, 16, 27, 0.8),
        /* Fifth shadow */
        0px 2px 150px 0px rgba(255, 16, 27, 0.8);
    /* Sixth shadow */
}
@media (max-height: 800px) and (min-width: 501px) {
.BattleInitPlayerMember__content[data-v-79a36990] {
        height: 75%;
}
.BattleInitPlayerMember__content[data-v-79a36990] {
        height: 92%;
        aspect-ratio: 300/375;
        top: auto;
        bottom: 80%;
}
.BattleInitPlayerMember__info[data-v-79a36990] {
        left: 6%;
        top: 28%;
}
.BattleInitPlayerMember__left-line[data-v-79a36990] {
        top: 24px;
        left: calc(-10% - 32px);
}
.BattleInitPlayerMember__right-line[data-v-79a36990] {
        height: 4px;
        top: -14px;
        left: calc(50% + 33px);
}
}
@media (max-width: 430px) {
.BattleInitPlayerMember__content[data-v-79a36990] {
        height: 75%;
}
.BattleInitPlayerMember__info[data-v-79a36990] {
        left: 8%;
        top: 25%;
}
.BattleInitPlayerMember__starOwner[data-v-79a36990] {
        font-size: 15px;
        text-align: center;
        color: #FDFDFD;
        opacity: 0.3;
}
.BattleInitPlayerMember__name[data-v-79a36990] {
        font-size: 25px;
        text-align: center;
        color: #FFFFFF;
}
.BattleInitPlayerMember__wallet[data-v-79a36990] {
        font-size: 1px;
        text-align: center;
        color: #39B24A;
}
.BattleInitPlayerMember__telegram[data-v-79a36990] {
        font-size: 14px;
        text-align: center;
        color: #39B24A;
}
.BattleInitPlayerMember__race[data-v-79a36990] {
        font-size: 20px;
        text-align: center;
        color: #FFFFFF;
}
.BattleInitPlayerMember__left-line[data-v-79a36990] {
        top: 19px;
        left: calc(-10% - 32px);
}
.BattleInitPlayerMember__right-line[data-v-79a36990] {
        top: -19px;
        left: calc(50% + 33px);
}
}
.BoxContentPopup[data-v-8af80ab2] {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: all;
}
.BoxContentPopup__box[data-v-8af80ab2] {
  width: 100%;
  height: 100%;
  margin-top: 100px;
}
.BoxContentPopup__body[data-v-8af80ab2] {
  display: flex;
  justify-content: center;
  padding: 0px 10px 0px 10px;
  width: 100%;
  max-height: calc(100% - 308px);
}
.BoxContentPopup__content[data-v-8af80ab2] {
  position: relative;
  max-width: 450px;
  display: flex;
  justify-content: center;
  width: max-content;
}
.BoxContentPopup__content > img[data-v-8af80ab2] {
  height: 100%;
  object-fit: contain;
  max-height: calc(100vh - 140px);
}
.BoxContentPopup__title[data-v-8af80ab2] {
  position: absolute;
  top: 2%;
  color: #112A5E;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
}
.BoxContentPopup__close[data-v-8af80ab2] {
  position: absolute;
  top: 2.5%;
  right: 13%;
  color: #112A5E;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
  background-image: url("../assets/app/features/user-inventory/inventory/close.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.BoxContentPopup__close[data-v-8af80ab2]:hover {
  cursor: pointer;
}
.BoxContentPopup__cards[data-v-8af80ab2] {
  display: grid;
  position: absolute;
  grid-template-columns: repeat(3, 1fr);
  align-content: flex-start;
  gap: 10px;
  padding: 8px;
  margin-top: 16px;
  flex-grow: 1;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  max-height: 57%;
  width: 83%;
  top: 12%;
}
.BoxContentPopup__card[data-v-8af80ab2] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: none;
  position: relative;
}
.BoxContentPopup__card[data-rare="rare"][data-v-8af80ab2] {
  --color: #123EAB;
}
.BoxContentPopup__card[data-rare="mithic"][data-v-8af80ab2] {
  --color: #640CAB;
}
.BoxContentPopup__card[data-rare="legendary"][data-v-8af80ab2] {
  --color: #FF6200;
}
.BoxContentPopup__cardName[data-v-8af80ab2] {
  position: absolute;
  left: 50%;
  top: 1%;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #FFFFFF;
  white-space: nowrap;
  transform: translateX(-50%);
}
.BoxContentPopup__cardFigure[data-v-8af80ab2] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  width: 100%;
  height: 54%;
  margin-top: -8px;
  z-index: 0;
}
.BoxContentPopup__cardImage[data-v-8af80ab2] {
  display: block;
  width: 70%;
  height: 70%;
  object-fit: contain;
}
.BoxContentPopup__cardCaption[data-v-8af80ab2] {
  position: absolute;
  bottom: 7%;
  font-style: normal;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #FFFFFF;
}
.BoxContentPopup__bottom[data-v-8af80ab2] {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 79%;
  top: 78%;
}
@keyframes zoomOut-8af80ab2 {
from {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.95, 0.95);
}
50% {
    transform: translate(-50%, -50%) scale(1.1, 1.3);
    opacity: 0.5;
}
to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2, 1.6);
}
}
.BoxContentPopup__animation[data-v-8af80ab2] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.BoxContentPopup__button[data-v-8af80ab2] {
  /* background: linear-gradient(360deg, #00C6FB 0%, #005BEA 100%);  */
  box-shadow: 
  0px 0px 13.5px rgba(0, 94, 234, 1), 
  0px 0px 27px rgba(0, 94, 234, 1),  
  0px 0px 94.5px rgba(0, 94, 234, 1),
  0px 0px 189px rgba(0, 94, 234, 1), 
  0px 0px 324px rgba(0, 94, 234, 1), 
  0px 0px 567px rgba(0, 94, 234, 1);
  text-align: center;
  background-color: rgb(1, 105, 237, 0.8);
  width: 86%;
  z-index: 3;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; 
  border-radius: 50px;
  transition: transform 0.3s ease;
}
.BoxContentPopup__button[data-v-8af80ab2]:hover {
  cursor: pointer;
  transform: scale(1.05);
}
.BoxContentPopup__button-text[data-v-8af80ab2] {
  font-style: normal;
  font-size: 32px;
  color: white;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
}
.BoxContentPopup__button-animation[data-v-8af80ab2] {
  width: 84%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1,1);
  transform-origin: center;
  opacity: 1;
  z-index: 1;
  animation: zoomOut-8af80ab2 6s infinite forwards linear;
}
.BoxContentPopup__button-animation img[data-v-8af80ab2] {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
@keyframes zoomOut-8af80ab2 {
from {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1,1);
}
50% {
      transform: translate(-50%, -50%) scale(1.1,1.2);
      opacity: 0.5;
}
to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2,1.4);
}
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(1) {
  animation-delay: calc(1000ms * -10);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(2) {
  animation-delay: calc(1000ms * -9);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(3) {
  animation-delay: calc(1000ms * -8);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(4) {
  animation-delay: calc(1000ms * -7);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(5) {
  animation-delay: calc(1000ms * -6);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(6) {
  animation-delay: calc(1000ms * -5);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(7) {
  animation-delay: calc(1000ms * -4);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(8) {
  animation-delay: calc(1000ms * -3);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(9) {
  animation-delay: calc(1000ms * -2);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(10) {
  animation-delay: calc(1000ms * -1);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(11) {
  animation-delay: calc(1000ms * 0);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(12) {
  animation-delay: calc(1000ms * 1);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(13) {
  animation-delay: calc(1000ms * 2);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(14) {
  animation-delay: calc(1000ms * 3);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(15) {
  animation-delay: calc(1000ms * 4);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(16) {
  animation-delay: calc(1000ms * 5);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(17) {
  animation-delay: calc(1000ms * 6);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(18) {
  animation-delay: calc(1000ms * 7);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(19) {
  animation-delay: calc(1000ms * 8);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(20) {
  animation-delay: calc(1000ms * 9);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(21) {
  animation-delay: calc(1000ms * 10);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(22) {
  animation-delay: calc(1000ms * 11);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(23) {
  animation-delay: calc(1000ms * 12);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(24) {
  animation-delay: calc(1000ms * 13);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(25) {
  animation-delay: calc(1000ms * 14);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(26) {
  animation-delay: calc(1000ms * 15);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(27) {
  animation-delay: calc(1000ms * 16);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(28) {
  animation-delay: calc(1000ms * 17);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(29) {
  animation-delay: calc(1000ms * 18);
}
.BoxContentPopup__button-animation[data-v-8af80ab2]:nth-child(30) {
  animation-delay: calc(1000ms * 19);
}
@media (max-width: 980px) {
.BoxContentPopup__body[data-v-8af80ab2] {
    max-height: calc(100% - 140px);
}
}
@media (max-width: 375px) {
.BoxContentPopup__close[data-v-8af80ab2] {
    top: 2%;
}
.BoxContentPopup__title[data-v-8af80ab2] {
    font-size: 18px;
}
}
.BoxContentPopup__cards[data-v-8af80ab2]::-webkit-scrollbar {
  width: 3px;
  padding: 5px;
}
.BoxContentPopup__cards[data-v-8af80ab2]::-webkit-scrollbar-track {
  background: rgba(217, 217, 217, 0.1);
  opacity: 10%;
}
.BoxContentPopup__cards[data-v-8af80ab2]::-webkit-scrollbar-thumb {
  background: #00FFFF;
  height: 10%;
  border-radius: 10px;
}
.BoxContentPopup__cards[data-v-8af80ab2]::-webkit-scrollbar-thumb:hover {
  background: #555;
}
@media (max-height: 667px) {
.BoxContentPopup__title[data-v-8af80ab2] {
    font-size: 18px;
}
.BoxContentPopup__button-text[data-v-8af80ab2] {
    font-size: 22px;
}
}
.EmotionsSelect[data-v-a9aca056] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 40px;
  width: 210px;
  height: 180px;
  margin-left: 4px;
  margin-top: 6px;
  padding: 0 30px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  transform: translate(-50%, -50%);
}
.EmotionsSelect__button[data-v-a9aca056] {
  width: 48px;
  height: 48px;
  padding: 0;
  position: relative;
  border: none;
  background-color: transparent;
  pointer-events: all;
}
.EmotionsSelect__button.is-angry[data-v-a9aca056] { --emotion-icon: url(../assets/stardefender/ui/emotions/angry.svg);
}
.EmotionsSelect__button.is-dead[data-v-a9aca056] { --emotion-icon: url(../assets/stardefender/ui/emotions/dead.svg);
}
.EmotionsSelect__button.is-evil[data-v-a9aca056] { --emotion-icon: url(../assets/stardefender/ui/emotions/evil.svg);
}
.EmotionsSelect__button.is-sad[data-v-a9aca056] { --emotion-icon: url(../assets/stardefender/ui/emotions/sad.svg);
}
.EmotionsSelect__button.is-smile[data-v-a9aca056] { --emotion-icon: url(../assets/stardefender/ui/emotions/smile.svg);
}
.EmotionsSelect__button.is-thinking[data-v-a9aca056] { --emotion-icon: url(../assets/stardefender/ui/emotions/thinking.svg);
}
.EmotionsSelect__button[data-v-a9aca056]::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000000;
  background-repeat: no-repeat;
  background-size: 124%;
  background-position: 50% 50%;
  background-image: var(--emotion-icon);
  transition: ease transform 200ms;
}
.EmotionsSelect__button[data-v-a9aca056]:hover::before {
  transform: scale(1.15);
}
.EmotionsSelect__button[data-v-a9aca056]:active::before {
  transform: scale(0.8);
}
.EmotionsSelect__button[data-v-a9aca056]:nth-child(3) {
  left: -30px;
}
.EmotionsSelect__button[data-v-a9aca056]:nth-child(4) {
  left: 30px;
}

.InventoryCardPopup[data-v-06279a1a] {
  --base-popup-padding: 0;
}
.InventoryCardPopup__content[data-v-06279a1a] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 24px;
  padding-bottom: 12px;
  color: #fff;
}
.InventoryCardPopup__preview[data-v-06279a1a] {
  max-width: 220px;
  min-height: 72px;
  max-height: 220px;
}
.InventoryCardPopup__image[data-v-06279a1a] {
  display: block;
  max-width: 100%;
  object-fit: contain;
  border: 1px solid #00FFFF;
}
.InventoryCardPopup__title[data-v-06279a1a] {
  color: #F9EB21;
  margin-top: 16px;
  font-size: 22px;
  text-transform: uppercase;
}
.InventoryCardPopup__text[data-v-06279a1a] {
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
}
.InventoryCardPopup__button[data-v-06279a1a] {
  max-width: 120px;
  margin-top: 12px;
  padding: 8px;
  border: none;
  background-color: #00FFFF;
  color: #000;
  font-size: 16px;
  font-family: inherit;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  transition: ease 200ms transform;
  will-change: transform;
}
.InventoryCardPopup__button[data-v-06279a1a]:hover {
  transform: scale(1.04);
}
.InventoryCardPopup__button[data-v-06279a1a]:active {
  transform: scale(1);
}

.LevelsPanel[data-v-9b00c9a0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  pointer-events: all;
  user-select: none;
  cursor: default;
}
.LevelsPanel__toggle[data-v-9b00c9a0] {
  display: none;
  width: 38px;
  height: 10px;
  position: relative;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url(../assets/galaxy/ui/modes/modes-toggle-button.svg);
  cursor: pointer;
  outline: none;
  opacity: 0.8;
  transition: ease opacity 200ms, ease transform 200ms;
}
.LevelsPanel__toggle[data-v-9b00c9a0]::before {
  content: '';
  position: absolute;
  left: -10px;
  top: -10px;
  z-index: -1;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  pointer-events: none;
}
.LevelsPanel.is-hidden .LevelsPanel__toggle[data-v-9b00c9a0] {
  transform: scale(-1);
}
.LevelsPanel__toggle[data-v-9b00c9a0]:hover {
  opacity: 1;
}
.LevelsPanel__group[data-v-9b00c9a0] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 36px;
  position: relative;
  z-index: 1;
}
.LevelsPanel__button[data-v-9b00c9a0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border: none;
  background-color: transparent;
  color: #00ffff;
  font-size: 14px;
  text-transform: none;
  cursor: pointer;
  outline: none;
}
.LevelsPanel__button[data-v-9b00c9a0]::before {
  content: '';
  width: 60px;
  height: 60px;
  margin-bottom: 6px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url(../assets/galaxy/ui/star-levels/level-5.svg);
  opacity: 0.3;
  transition: ease opacity 200ms;
}
.LevelsPanel__button.is-level-1[data-v-9b00c9a0]::before {
  width: 28px;
  height: 28px;
  background-image: url(../assets/galaxy/ui/star-levels/level-1.svg);
}
.LevelsPanel__button.is-level-2[data-v-9b00c9a0]::before {
  width: 36px;
  height: 36px;
  background-image: url(../assets/galaxy/ui/star-levels/level-2.svg);
}
.LevelsPanel__button.is-level-3[data-v-9b00c9a0]::before {
  width: 44px;
  height: 44px;
  background-image: url(../assets/galaxy/ui/star-levels/level-3.svg);
}
.LevelsPanel__button.is-level-4[data-v-9b00c9a0]::before {
  width: 52px;
  height: 52px;
  background-image: url(../assets/galaxy/ui/star-levels/level-4.svg);
}
.LevelsPanel__button[data-v-9b00c9a0]:hover::before {
  opacity: 0.5;
}
.LevelsPanel__button.is-active[data-v-9b00c9a0]::before {
  opacity: 1;
}
.LevelsPanel__caption[data-v-9b00c9a0] {
  font-size: 14px;
  line-height: 1.1;
  color: #00ffff;
}
@media (max-width: 980px) {
.LevelsPanel[data-v-9b00c9a0] {
    width: 100%;
    max-width: calc(100% - 40px);
    margin: auto;
    padding: 10px 0 14px;
    border-top: 1px solid rgba(0, 255, 255, 0.3);
}
.LevelsPanel__toggle[data-v-9b00c9a0] {
    display: block;
}
.LevelsPanel__group[data-v-9b00c9a0] {
    flex-direction: row-reverse;
    align-items: flex-end;
    gap: 24px;
}
.LevelsPanel.is-hidden .LevelsPanel__group[data-v-9b00c9a0],
  .LevelsPanel.is-hidden .LevelsPanel__caption[data-v-9b00c9a0] {
    display: none;
}
.LevelsPanel__button.is-level-1[data-v-9b00c9a0]::before,
  .LevelsPanel__button.is-level-2[data-v-9b00c9a0]::before,
  .LevelsPanel__button.is-level-3[data-v-9b00c9a0]::before,
  .LevelsPanel__button.is-level-4[data-v-9b00c9a0]::before,
  .LevelsPanel__button.is-level-5[data-v-9b00c9a0]::before {
    height: 60px;
}
}

.Logo[data-v-1a9d08a9] {
  width: 172px;
  height: 50px;
  background-image: url(../assets/app/preloader/header-logo-text.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 425px) {
.Logo[data-v-1a9d08a9] {
    width: 150px;
    height: 46px;
}
}
@media (max-width: 375px) {
.Logo[data-v-1a9d08a9] {
    width: 140px;
    height: 46px;
}
}

.ModesPanel[data-v-548ac79f] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  width: 100%;
  max-width: 540px;
  pointer-events: all;
  cursor: default;
  user-select: none;
  transition: ease-in-out transform 300ms;
}
.ModesPanel.is-hidden[data-v-548ac79f] {
  transform: translateY(100%);
}
.ModesPanel__toggle[data-v-548ac79f] {
  width: 38px;
  height: 10px;
  position: relative;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url(../assets/galaxy/ui/modes/modes-toggle-button.svg);
  cursor: pointer;
  outline: none;
  opacity: 0.8;
  transition: ease opacity 200ms, ease transform 200ms;
}
.ModesPanel__toggle[data-v-548ac79f]::before {
  content: '';
  position: absolute;
  left: -10px;
  top: -10px;
  z-index: -1;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  pointer-events: none;
}
.ModesPanel.is-hidden .ModesPanel__toggle[data-v-548ac79f] {
  transform: scale(-1);
}
.ModesPanel__toggle[data-v-548ac79f]:hover {
  opacity: 1;
}
.ModesPanel__group[data-v-548ac79f] {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 100%;
  padding-top: 24px;
  transition: ease opacity 200ms, ease visibility 200ms;
}
.ModesPanel.is-hidden .ModesPanel__group[data-v-548ac79f] {
  opacity: 0;
  visibility: hidden;
}
.ModesPanel__group[data-v-548ac79f]::before {
  content: '';
  width: 100%;
  height: 64px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url(../assets/galaxy/ui/modes/mode-panel-outline.svg);
}
.ModesPanel__button[data-v-548ac79f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60px;
  border: none;
  background-color: transparent;
  color: #00ffff;
  font-size: 14px;
  text-transform: none;
  cursor: pointer;
  outline: none;
}
.ModesPanel__button[data-v-548ac79f]::before,
.ModesPanel__button[data-v-548ac79f]::after {
  content: '';
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  opacity: 0.3;
  transition: ease opacity 200ms;
}
.ModesPanel__button[data-v-548ac79f]::after {
  width: 50px; /* 27px; */
  height: 27px; /* 7px; */
  margin-top: -2px;
  margin-bottom: 0;
  opacity: 0;
  background-image: url(../assets/galaxy/ui/modes/mode-active-marker.svg);
}
.ModesPanel__button.is-phantom[data-v-548ac79f]::before {
  background-image: url(../assets/galaxy/ui/modes/mode-phantom.svg);
}
.ModesPanel__button.is-real[data-v-548ac79f]::before {
  background-image: url(../assets/galaxy/ui/modes/mode-real.svg);
}
.ModesPanel__button.is-season[data-v-548ac79f]::before {
  width: 80px;
  height: 80px;
  margin-top: -10px;
  margin-bottom: 0;
  background-image: url(../assets/galaxy/ui/modes/mode-season.svg);
}
.ModesPanel__button.is-disabled[data-v-548ac79f] {
  user-select: none;
  pointer-events: none;
  filter: grayscale() brightness(0.5);
  transition: none;
}
.ModesPanel__button.is-active[data-v-548ac79f] {
  cursor: pointer;
  pointer-events: none;
}
.ModesPanel__button[data-v-548ac79f]:hover::before,
.ModesPanel__button.is-active[data-v-548ac79f]::before,
.ModesPanel__button.is-active[data-v-548ac79f]::after {
  opacity: 1;
}
@media (max-width: 980px) {
.ModesPanel[data-v-548ac79f] {
    max-width: calc(100% - 40px);
    padding: 10px 0;
    border-top: 1px solid rgba(0, 255, 255, 0.3);
}
.ModesPanel.is-hidden[data-v-548ac79f] {
    transition: none;
    transform: none;
}
.ModesPanel.is-hidden .ModesPanel__group[data-v-548ac79f],
  .ModesPanel__group[data-v-548ac79f]::before {
    display: none;
}
.ModesPanel__group[data-v-548ac79f] {
    gap: 16px;
    padding-top: 4px;
}
}

.PlasmaMintPopup[data-v-38939b67] {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: all;
}
.PlasmaMintPopup__overlay[data-v-38939b67] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.PlasmaMintPopup__box[data-v-38939b67] {
  width: 340px;
  min-height: 180px;
  margin: auto;
  padding: 10px;
  position: relative;
  z-index: 1;
  background-color: #000;
  border: 1px solid #00ffff;
  border-radius: 10px;
}
.PlasmaMintPopup__box[data-v-38939b67]::before {
  content: '';
  display: block;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  position: absolute;
  left: -6px;
  top: -6px;
  z-index: -1;
  border: 1px solid #00ffff;
  border-radius: 14px;
  opacity: 0.3;
}
.PlasmaMintPopup__close[data-v-38939b67] {
  width: 14px;
  height: 14px;
  padding: 0;
  position: absolute;
  right: 16px;
  top: 16px;
  border: none;
  background-color: transparent;
  background-image: url(../assets/app/ui/close.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.PlasmaMintPopup__head[data-v-38939b67] {
  padding: 4px 0 12px;
  border-bottom: 1px solid rgba(0, 255, 255, 0.5);
}
.PlasmaMintPopup__title[data-v-38939b67] {
  color: #00ffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: center;
}
.PlasmaMintPopup__label[data-v-38939b67] {
  margin-top: 16px;
  color: #00ffff;
  font-size: 18px;
  font-weight: 400;
}
.PlasmaMintPopup__field[data-v-38939b67] {
  width: 100%;
  height: 30px;
  margin-top: 10px;
  padding: 8px;
  border: none;
  background-color: #fff;
  border-radius: 2px;
}
.PlasmaMintPopup__button[data-v-38939b67] {
  width: 100%;
  margin-top: 30px;
  padding: 8px 10px;
  color: #000;
  background-color: #00ffff;
  border: none;
  border-radius: 2px;
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
}
.PlasmaMintPopup__button[disabled][data-v-38939b67] {
  opacity: 0.6;
  user-select: none;
  pointer-events: none;
}

/* component style */
.vue-slider-disabled .vue-slider-process {
  background-color: #a7a7a7;
}
.vue-slider-disabled .vue-slider-dot-handle {
  border-color: #a7a7a7;
}
.vue-slider-disabled .vue-slider-mark-step-active {
  box-shadow: 0 0 0 2px #a7a7a7;
}

/* rail style */
.vue-slider-rail {
  background-color: whitesmoke;
  border-radius: 15px;
  transition: background-color 0.3s;
}
.vue-slider:hover .vue-slider-rail {
  background-color: #e1e1e1;
}

/* process style */
.vue-slider-process {
  background-color: #9cd5ff;
  border-radius: 15px;
  transition: background-color 0.3s;
}
.vue-slider:hover .vue-slider-process {
  background-color: #69c0ff;
}

/* mark style */
.vue-slider-mark-step {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #e8e8e8;
  background-color: #fff;
}
.vue-slider-mark-step-active {
  box-shadow: 0 0 0 2px #9cd5ff;
}
.vue-slider:hover .vue-slider-mark-step-active {
  box-shadow: 0 0 0 2px #69c0ff;
}

.vue-slider-mark-label {
  font-size: 12px;
  white-space: nowrap;
}
/* dot style */
.vue-slider-dot-handle {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #9cd5ff;
  box-sizing: border-box;
  transition: box-shadow 0.3s, border-color 0.3s;
}
.vue-slider:hover .vue-slider-dot-handle {
  border-color: #69c0ff;
}

.vue-slider-dot-handle-focus {
  border-color: #36abff;
  box-shadow: 0 0 0 5px rgba(54, 171, 255, 0.2);
}
.vue-slider:hover .vue-slider-dot-handle-focus {
  border-color: #36abff;
}

.vue-slider-dot-handle:hover {
  border-color: #36abff;
}
.vue-slider:hover .vue-slider-dot-handle:hover {
  border-color: #36abff;
}

.vue-slider-dot-handle-disabled {
  cursor: not-allowed;
  border-color: #ddd !important;
}

.vue-slider-dot-tooltip {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.vue-slider-dot-tooltip-inner {
  font-size: 14px;
  white-space: nowrap;
  padding: 6px 8px;
  color: #fff;
  border-radius: 5px;
  border-color: rgba(0, 0, 0, 0.75);
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transform: scale(0.9);
  transition: transform 0.3s;
}
.vue-slider-dot-tooltip-inner::after {
  content: "";
  position: absolute;
}
.vue-slider-dot-tooltip-inner-top::after {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-top-color: inherit;
}
.vue-slider-dot-tooltip-inner-bottom::after {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-bottom-color: inherit;
}
.vue-slider-dot-tooltip-inner-left::after {
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-left-color: inherit;
}
.vue-slider-dot-tooltip-inner-right::after {
  right: 100%;
  top: 50%;
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-right-color: inherit;
}
.vue-slider-dot-tooltip-inner-top {
  transform-origin: 50% 100%;
}
.vue-slider-dot-tooltip-inner-bottom {
  transform-origin: 50% 0;
}
.vue-slider-dot-tooltip-inner-left {
  transform-origin: 100% 50%;
}
.vue-slider-dot-tooltip-inner-right {
  transform-origin: 0% 50%;
}

.vue-slider-dot:hover .vue-slider-dot-tooltip, .vue-slider-dot-tooltip-show {
  opacity: 1;
  visibility: visible;
}
.vue-slider-dot:hover .vue-slider-dot-tooltip .vue-slider-dot-tooltip-inner, .vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner {
  transform: scale(1);
}

.PlasmaSlider[data-v-7654b83b] {
  padding: 4px 0 !important;
  margin-bottom: 24px;
}
.PlasmaSlider__tooltip[data-v-7654b83b] {
  padding-top: 2px;
  color: #eaf5fa;
  border-top: 1px solid currentColor;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}
.PlasmaSlider__tooltip[data-v-7654b83b]::before {
  content: '';
  display: block;
  width: 10px;
  height: 8px;
  position: absolute;
  bottom: 100%;
  left: calc(50% - 5px);
  background-image: url(../assets/galaxy/ui/boost-marker.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.PlayerEmotion[data-v-d3193fd0] {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  transform: translate(calc(-50% - 60px), calc(-50% - 60px));
}
.PlayerEmotion__icon[data-v-d3193fd0] {
  width: 70px;
  height: 70px;
  position: relative;
  z-index: 0;
  transform-origin: 70px 70px;
}
.PlayerEmotion__icon[data-v-d3193fd0]::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: calc(100% - 2px);
  top: calc(50% - 8px);
  z-index: -1;
  border: 0px solid transparent;
  border-top-width: 8px;
  border-bottom-width: 8px;
  border-left: 20px solid #000;
  transform-origin: -32px;
  transform: rotate(45deg);
}
.PlayerEmotion__icon[data-v-d3193fd0]::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  border-radius: 50%;
  background-color: #000000;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50% 50%;
  background-image: var(--emotion-icon);
}
.PlayerEmotion__icon.is-angry[data-v-d3193fd0] { --emotion-icon: url(../assets/stardefender/ui/emotions/angry.svg);
}
.PlayerEmotion__icon.is-dead[data-v-d3193fd0] { --emotion-icon: url(../assets/stardefender/ui/emotions/dead.svg);
}
.PlayerEmotion__icon.is-evil[data-v-d3193fd0] { --emotion-icon: url(../assets/stardefender/ui/emotions/evil.svg);
}
.PlayerEmotion__icon.is-sad[data-v-d3193fd0] { --emotion-icon: url(../assets/stardefender/ui/emotions/sad.svg);
}
.PlayerEmotion__icon.is-smile[data-v-d3193fd0] { --emotion-icon: url(../assets/stardefender/ui/emotions/smile.svg);
}
.PlayerEmotion__icon.is-thinking[data-v-d3193fd0] { --emotion-icon: url(../assets/stardefender/ui/emotions/thinking.svg);
}

.SearchInput[data-v-7573386e] {
  position: relative;
  width: 100%;
}
.SearchInput__field[data-v-7573386e] {
  width: 100%;
  max-width: 620px;
  height: 50px;
  margin-top: 10px;
  padding: 4px 8px;
  padding-right: 40px;
  color: #00FFFF;
  border: 1px solid currentColor !important;
  border: none;
  outline: none;
  border-radius: 14px;
  background-color: #000;
  font-family: inherit;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
}
.SearchInput__button[data-v-7573386e] {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  right: 8px;
  border: none;
  background-color: transparent;
  background-image: url(../assets/app/ui/close.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.SearchingIndicator[data-v-4721098c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 120px;
  height: 60px;
  padding: 5px;
  background-image: url(../assets/stardefender/ui/searching-indicator-bg.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 120px 80px;
  background-color: transparent;
  border: none;
  color: #00f0ff;
  font-family: 'Exo 2', sans-serif;
}
.SearchingIndicator__label[data-v-4721098c] {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.1;
  text-transform: uppercase;
}
.SearchingIndicator__loading[data-v-4721098c] {
  display: flex;
  gap: 4px;
}
.SearchingIndicator__dot[data-v-4721098c] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: relative;
  box-shadow: inset 0 0 4px currentColor;
  transition: ease opacity 200ms;
}
.SearchingIndicator__dot[data-v-4721098c]::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: currentColor;
  box-shadow: 0 0 6px currentColor;
  opacity: 0;
  transition: ease opacity 200ms;
}
.SearchingIndicator__dot.is-active[data-v-4721098c]::after {
  opacity: 1;
}
.SearchingIndicator__dot.is-disabled[data-v-4721098c] {
  opacity: 0.5;
}
.SearchingIndicator__dot.is-disabled[data-v-4721098c]::after {
  opacity: 0;
}
.SearchingIndicator__time[data-v-4721098c] {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.1;
  text-transform: uppercase;
}

.volume-control[data-v-13107c88] {
  display: flex;
  align-items: center;
}
.volume-control__indicator[data-v-13107c88] {
  display: block;
  padding: 0;
  width: 28px;
  height: 28px;
  background-color: transparent;
  color: currentColor;
  border: none;
  cursor: pointer;
}
.volume-control__icon[data-v-13107c88] {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../assets/app/ui/volume.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.volume-control__icon.is-mute[data-v-13107c88] {
  background-image: url(../assets/app/ui/volume-mute.svg);
}
.volume-control__line[data-v-13107c88] {
  margin-left: 6px;
  width: 86px;
  height: 4px;
  position: relative;
  z-index: 0;
  background-color: #102b41;
  cursor: pointer;
  user-select: none;
}
.volume-control__level[data-v-13107c88] {
  position: absolute;
  left: 0;
  top: 0;
  width: var(--volume);
  height: 100%;
  background-color: #00f0ff;
  pointer-events: none;
}
.volume-control__point[data-v-13107c88] {
  width: 2px;
  height: 8px;
  position: absolute;
  left: var(--volume);
  top: 50%;
  background-color: #00f0ff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: ease transform 200ms;
  pointer-events: none;
}

.settings-popup[data-v-4e3d0886] {
  /* width: 280px;
  background-color: #131b36; */
  width: 100%;
}

/* .settings-popup::before,
.settings-popup::after {
  content: '';
  width: 114%;
  height: 80%;
  position: absolute;
  left: -7%;
  top: -16%;
  background-image: url(../assets/app/ui/settings-edge.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
} */
.settings-popup[data-v-4e3d0886]::after {
  top: auto;
  bottom: -17%;
  transform: scaleY(-1);
}
.settings-popup__list[data-v-4e3d0886] {
  margin: 0;
  padding: 0 6px;
  list-style: none;
}
.settings-popup__item[data-v-4e3d0886] {
  display: flex;
  align-items: center;
  padding: 8px 6px;
}
.settings-popup__item + .settings-popup__item[data-v-4e3d0886] {
  border-top: 1px solid rgba(0, 240, 255, 0.3);
}
.settings-popup__label[data-v-4e3d0886] {
  flex-grow: 1;
  color: #00f0ff;
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.12;
  text-transform: uppercase;
  text-shadow: 0px 0px 20px #000000;
}
.settings-popup__controls[data-v-4e3d0886] {
  width: 120px;
  margin-left: 16px;
  opacity: 0.4;
  transition: ease opacity 200ms;
}
.settings-popup__controls[data-v-4e3d0886]:hover {
  opacity: 1;
}
.settings-popup__fullscreen[data-v-4e3d0886] {
  display: inline-block;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url(../assets/app/ui/fullscreen-on.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.settings-popup__fullscreen.is-active[data-v-4e3d0886] {
  background-image: url(../assets/app/ui/fullscreen-off.svg);
}
.settings-popup__exit[data-v-4e3d0886] {
  flex-grow: 1;
  padding: 6px 0;
  background-color: transparent;
  border: none;
  color: #00f0ff;
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.12;
  text-transform: uppercase;
  text-shadow: 0px 0px 20px #000000;
  text-align: left;
  cursor: pointer;
  transition: color ease 200ms;
}
.settings-popup__exit[data-v-4e3d0886]:hover {
  color: #39B24A;
}

.StarBoostPanel {
  width: 307px;
  position: absolute;
  left: calc(50% - 144px);
  top: calc(50% - 190px);
  will-change: transform;
  pointer-events: all;
  cursor: default;
}

.StarBoostPanel__header,
.StarBoostPanel__body {
  height: 94px;
  width: 100%;
  padding: 26px 26px 0 10px;
  background-image: url('../assets/galaxy/ui/star-tooltip/star-boost-panel.png');
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: 100%;
}

.StarBoostPanel__header {
  display: flex;
}

.StarBoostPanel__body {
  height: auto;
  min-height: 140px;
  max-height: 382px;
  padding: 2px 36px 10px 18px;
  background-position: 0 100%;
}

.StarBoostPanel__close {
  display: block;
  width: 31px;
  height: 31px;
  position: absolute;
  right: 11px;
  top: 19px;
  border: none;
  background-color: transparent;
  border-radius: 50%;
}

.StarBoostPanel__title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12px;
  color: #fff;
  font-weight: 800;
  font-size: 32px;
  line-height: 1;
  text-transform: uppercase;
}

.StarBoostPanel__group {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 0;
}

.StarBoostPanel__group + .StarBoostPanel__group {
  border-top: 1px solid #47a8d1;
}

.StarBoostPanel__level,
.StarBoostPanel__level-progress {
  width: 100%;
  height: 10px;
  position: relative;
  border-radius: 8px;
  background-color: #66abc9;
}

.StarBoostPanel__level {
  margin-bottom: 20px;
}

.StarBoostPanel__level-progress {
  width: var(--percent);
  position: absolute;
  left: 0;
  top: 0;
  position: relative;
  color: #eaf5fa;
  background-color: currentColor;
}

.StarBoostPanel__level-value {
  padding-top: 2px;
  position: absolute;
  left: 100%;
  top: calc(100% + 8px);
  color: currentColor;
  border-top: 1px solid currentColor;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  transform: translateX(-50%);
}

.StarBoostPanel__level-value::before {
  content: '';
  display: block;
  width: 10px;
  height: 8px;
  position: absolute;
  bottom: 100%;
  left: calc(50% - 5px);
  background-image: url(../assets/galaxy/ui/boost-marker.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.StarBoostPanel__label {
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
}

.StarBoostPanel__slider {
  margin-top: 2px;
}

.StarBoostPanel__label.is-white {
  color: #fff;
}

.StarBoostPanel__wallet {
  display: flex;
  align-items: baseline;
  gap: 8px;
  color: #ffffff;
}

.StarBoostPanel__wallet.is-blocked {
  color: #ed1c24;
}

.StarBoostPanel__price {
  position: relative;
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
}

.StarBoostPanel__currency {
  position: relative;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
}

.StarBoostPanel__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 64px;
  background-color: #47a8d1;
  border: none;
  color: #333;
  font-family: inherit;
  font-weight: 800;
  font-size: 18px;
  text-transform: uppercase;
  cursor: pointer;
  transition: ease background-color 200ms;
}

.StarBoostPanel__button:hover {
  background-color: #5ab1d6;
}

.StarBoostPanel__button:active {
  background-color: #47a8d1;
}

.StarBoostPanel__button.is-yellow {
  background-color: #edbf1c;
  color: #fff;
  box-shadow: 0px 0px 19px #f7931e;
}

.StarBoostPanel__button.is-yellow:hover {
  background-color: #f8d144;
}

.StarBoostPanel__button.is-yellow:active {
  background-color: #edbf1c;
}

.StarBoostPanel__button[disabled] {
  opacity: 0.2;
  pointer-events: none;
  user-select: none;
}

.StarBoostPanel__skeleton {
  width: 100%;
  background-color: #1e7fa9;
  animation: pulse 2s infinite;
}

.StarBoostPanel__skeleton.is-level {
  height: 12px;
  margin-bottom: 18px;
}

.StarBoostPanel__skeleton.is-label {
  width: 80px;
  height: 14px;
  margin-bottom: 8px;
}

.StarBoostPanel__skeleton.is-slider {
  height: 18px;
  margin-bottom: 24px;
}

.StarBoostPanel__skeleton.is-balance {
  width: calc(100% - 40px);
  height: 38px;
  margin-bottom: -2px;
}

.StarBoostPanel__skeleton.is-button {
  height: 64px;
}

.StarCreationPanel {
  width: 307px;
  position: absolute;
  left: calc(50% - 144px);
  top: calc(50% - 190px);
  will-change: transform;
  pointer-events: all;
  cursor: default;
}

.StarCreationPanel__header,
.StarCreationPanel__body,
.StarCreationPanel__footer {
  height: 132px;
  width: 100%;
  background-image: url('../assets/galaxy/ui/star-tooltip/star-create-panel.png');
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: 100%;
}

.StarCreationPanel__body {
  height: auto;
  min-height: 140px;
  max-height: 246px;
  padding: 0 20px;
  padding-right: 40px;
  background-position: 0 calc(100% + 18px);
}

.StarCreationPanel:not(.is-connected) .StarCreationPanel__body {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 30px;
}

.StarCreationPanel__footer {
  height: 18px;
  background-position: 0 100%;
}

.StarCreationPanel__preview {
  display: block;
  width: 96px;
  height: 96px;
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 50%;
  background-color: #333;
  overflow: hidden;
}

.StarCreationPanel__create {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 66px;
  padding-bottom: 2px;
  position: absolute;
  right: 30px;
  top: 35px;
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
  opacity: 0.2;
}

.StarCreationPanel__close {
  display: block;
  width: 31px;
  height: 31px;
  position: absolute;
  right: 11px;
  top: 19px;
  border: none;
  background-color: transparent;
  border-radius: 50%;
}

.StarCreationPanel__name {
  width: 100%;
  padding: 2px 8px;
  background-color: #eaf5fa;
  border: none;
  border-radius: 4px;
  color: #000000;
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  outline: none;
}

.StarCreationPanel__name:focus {
  background-color: #fff;
}

.StarCreationPanel__name.is-invalid {
  box-shadow: 0 0 0 2px #ed1c24;
}

.StarCreationPanel__group {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}

.StarCreationPanel__group + .StarCreationPanel__group {
  margin-top: 10px;
  border-top: 1px solid #47a8d1;
}

.StarCreationPanel__group.is-notice {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 74px;
}

.StarCreationPanel__label {
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
}

.StarCreationPanel__wallet {
  display: flex;
  align-items: baseline;
  gap: 8px;
  color: #ffffff;
}

.StarCreationPanel__wallet.is-blocked {
  color: #ed1c24;
}

.StarCreationPanel__price {
  position: relative;
  font-size: 36px;
  line-height: 1;
}

.StarCreationPanel__currency {
  position: relative;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
}

.StarCreationPanel__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 64px;
  background-color: #47a8d1;
  border: none;
  font-family: inherit;
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  transition: ease background-color 200ms;
}

.StarCreationPanel__button:hover {
  background-color: #5ab1d6;
}

.StarCreationPanel__button:active {
  background-color: #47a8d1;
}

.StarCreationPanel__button[disabled] {
  opacity: 0.2;
  pointer-events: none;
  user-select: none;
}

.StarCreationPanel__notice {
  padding: 4px 0;
  color: #47aad5;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
}

.StarCreationPanel__notice a {
  color: #fff;
  text-decoration: none;
}

.StarCreationPanel.is-fetching .StarCreationPanel__price {
  width: 90px;
  height: 36px;
}

.StarCreationPanel.is-fetching .StarCreationPanel__price.is-balance {
  width: 120px;
}

.StarCreationPanel.is-fetching .StarCreationPanel__currency {
  width: 46px;
  height: 18px;
  color: transparent;
}

.StarCreationPanel.is-fetching .StarCreationPanel__wallet {
  align-items: flex-end;
}

.StarCreationPanel.is-fetching .StarCreationPanel__price::after,
.StarCreationPanel.is-fetching .StarCreationPanel__currency::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: calc(100% - 4px);
  left: 0;
  bottom: 0;
  background-color: #1e7fa9;
  animation: pulse 2s infinite;
}

.StarCreationTooltip[data-v-7f1786c7] {
  --offset-x: -10px;
  --offset-y: -86px;

  display: flex;
  align-items: center;
  width: 349px;
  height: 137px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url('../assets/galaxy/ui/star-tooltip/star-create-tooltip.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  will-change: transform;
  transform-origin: 12px 0;
}
.StarCreationTooltip.is-reflect .StarCreationTooltip__preview[data-v-7f1786c7],
.StarCreationTooltip.is-reflect .StarCreationTooltip__create[data-v-7f1786c7] {
  transform: scaleX(-1);
}
.StarCreationTooltip__preview[data-v-7f1786c7] {
  display: block;
  width: 96px;
  height: 96px;
  position: absolute;
  left: 62px;
  top: 20px;
  border-radius: 50%;
  background-color: #333;
  overflow: hidden;
}
.StarCreationTooltip__create[data-v-7f1786c7],
.StarCreationTooltip__close[data-v-7f1786c7] {
  display: block;
  position: absolute;
  border: none;
  background-color: transparent;
  pointer-events: all;
}
.StarCreationTooltip__create[data-v-7f1786c7] {
  width: 150px;
  height: 66px;
  right: 30px;
  top: 35px;
  font-size: 14px;
  text-transform: uppercase;
  color: #000000;
}
.StarCreationTooltip__create[data-v-7f1786c7]::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #fff;
  opacity: 0;
  transition: ease opacity 200ms;
}
.StarCreationTooltip__create[data-v-7f1786c7]:hover::before {
  opacity: 0.15;
}
.StarCreationTooltip__close[data-v-7f1786c7] {
  width: 31px;
  height: 31px;
  right: 11px;
  top: 19px;
  border-radius: 50%;
}
@media (max-width: 980px) {
.StarCreationTooltip[data-v-7f1786c7] {
    --offset-x: -124px;
    --offset-y: -10px;

    width: 308px;
    height: 204px;
    background-image: url('../assets/galaxy/ui/star-tooltip/star-create-tooltip-mobile.png');
}
.StarCreationTooltip.is-reflect[data-v-7f1786c7] {
    --offset-x: 100px;
    --offset-y: -10px;
}
.StarCreationTooltip__preview[data-v-7f1786c7] {
    left: 21px;
    top: auto;
    bottom: 20px;
}
.StarCreationTooltip__close[data-v-7f1786c7] {
    top: auto;
    bottom: 86px;
}
.StarCreationTooltip__create[data-v-7f1786c7] {
    top: auto;
    bottom: 35px;
}
}

.StarCreationTooltipV2[data-v-e8298966] {
  --accent-color: #47a8d1;
  --dot-size: 20px;
  --dot-radius: calc(var(--dot-size) / 2);
  --body-shift: -120px;
  --connect-line-width: 46px;
  --connect-line-height: 30px;

  display: flex;
  margin-left: calc(var(--dot-radius) * -1);
  margin-top: calc(var(--dot-radius) * -1);
  position: absolute;
  left: 0;
  top: 0;
  color: var(--accent-color);
  cursor: default;
}
.StarCreationTooltipV2.horizontalIntersection[data-v-e8298966] {
  --connect-line-height: 46px;

  flex-direction: column;
}
.StarCreationTooltipV2.horizontalIntersection.verticalIntersection[data-v-e8298966] {
  flex-direction: column-reverse;
  margin-top: -178px;
}
.StarCreationTooltipV2__dot[data-v-e8298966] {
  width: var(--dot-size);
  height: var(--dot-size);
  pointer-events: all;
  z-index: 1;
}
.StarCreationTooltipV2__line[data-v-e8298966] {
  width: var(--connect-line-width);
  height: var(--connect-line-height);
  margin-top: calc(var(--connect-line-height) / -1 + var(--dot-radius));
  margin-left: calc(var(--dot-radius) * -1);
  pointer-events: all;
}
.StarCreationTooltipV2.horizontalIntersection .StarCreationTooltipV2__line[data-v-e8298966] {
  margin-top: calc(var(--dot-radius) * -1);
  margin-left: calc(var(--connect-line-width) * -1 + var(--dot-radius));
}
.StarCreationTooltipV2.leftIntersection .StarCreationTooltipV2__line[data-v-e8298966] {
  margin-left: var(--dot-radius);
  transform: scaleX(-1);
}
.StarCreationTooltipV2.verticalIntersection .StarCreationTooltipV2__line[data-v-e8298966] {
  margin-bottom: calc(var(--dot-radius) * -1);
  transform: scaleY(-1);
}
.StarCreationTooltipV2.verticalIntersection.leftIntersection .StarCreationTooltipV2__line[data-v-e8298966] {
  transform: scaleY(-1) scaleX(-1);
}
.StarCreationTooltipV2__line svg[data-v-e8298966] {
  width: 100%;
  height: 100%;
}
.StarCreationTooltipV2__body[data-v-e8298966] {
  width: 307px;
  height: 136px;
  margin-top: -90px;
  position: relative;
  pointer-events: all;
}
.StarCreationTooltipV2.horizontalIntersection .StarCreationTooltipV2__body[data-v-e8298966] {
  margin-top: 0;
  margin-left: var(--body-shift);
}
.StarCreationTooltipV2__preview[data-v-e8298966] {
  display: block;
  width: 96px;
  height: 96px;
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 50%;
  background-color: #333;
  overflow: hidden;
}
.StarCreationTooltipV2__create[data-v-e8298966],
.StarCreationTooltipV2__close[data-v-e8298966] {
  display: block;
  position: absolute;
  border: none;
  background-color: transparent;
  pointer-events: all;
  color: currentColor;
}
.StarCreationTooltipV2__create[data-v-e8298966] {
  width: 150px;
  height: 66px;
  right: 30px;
  top: 35px;
  font-size: 14px;
  text-transform: uppercase;
  color: #000000;
}
.StarCreationTooltipV2__create[data-v-e8298966]::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #fff;
  opacity: 0;
  transition: ease opacity 200ms;
}
.StarCreationTooltipV2__create[data-v-e8298966]:hover::before {
  opacity: 0.15;
}
.StarCreationTooltipV2__close[data-v-e8298966] {
  width: 27px;
  height: 27px;
  right: 13px;
  top: 21px;
  border-radius: 50%;
}
@media (max-width: 420px), (max-height: 420px) {
.StarCreationTooltipV2[data-v-e8298966] {
    transform: scale(0.75);
    transform-origin: left top;
}
.StarCreationTooltipV2.verticalIntersection[data-v-e8298966] {
    transform-origin: left bottom;
}
}

.StarPanel[data-v-7ccac895] {
  --accent-color: #00ffff;

  display: flex;
  align-items: center;
  justify-content: center;
  width: 854px;
  height: 640px;
  max-width: calc(100vw - 220px);
  margin: auto;
  position: relative;
  top: -3.6vw;
}
.StarPanel__svg[data-v-7ccac895] {
  width: 100%;
  max-height: calc(100% - 80px);
  color: var(--accent-color);
}
.StarPanel__close[data-v-7ccac895] {
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url(../assets/app/ui/close.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.StarPanel__title[data-v-7ccac895],
.StarPanel__text[data-v-7ccac895] {
  font-size: 17px;
  fill: currentColor;
  font-family: Inter, sans-serif;
  font-weight: 300;
  pointer-events: all;
}
.StarPanel__title[data-v-7ccac895] {
  font-size: 24px;
}
.StarPanel__text.is-clickable[data-v-7ccac895] {
  cursor: pointer;
}
.StarPanel__text.is-clickable[data-v-7ccac895]:hover {
  filter: drop-shadow(0 0 10px var(--accent-color));
}
.StarPanel__line[data-v-7ccac895] {
  fill: none;
  stroke: currentColor;
  stroke-miterlimit: 10;
}
.StarPanel__line.is-second[data-v-7ccac895] {
  opacity: 0.3;
}
.StarPanel__line.is-third[data-v-7ccac895] {
  opacity: 0.1;
}
.StarPanel__line.is-thin[data-v-7ccac895] {
  stroke-width: 0.25;
}
.StarPanel__line.is-progress[data-v-7ccac895] {
  stroke-width: 5;
  filter: drop-shadow(0 0 3px rgb(0 255 255 / 75%));
}
.StarPanel__line.is-aim[data-v-7ccac895] {
  stroke-width: 0.5;
}
.StarPanel__line.is-button[data-v-7ccac895] {
  fill: url(#leftButtonGradient);
}
.StarPanel__line.is-button.is-right[data-v-7ccac895] {
  fill: url(#rightButtonGradient);
}
.StarPanel__button[data-v-7ccac895] {
  cursor: pointer;
  pointer-events: all;
}
.StarPanel__button .StarPanel__line.is-button[data-v-7ccac895] {
  filter: brightness(0.8);
  transition: ease 200ms filter;
  will-change: filter;
}
.StarPanel__button:hover .StarPanel__line.is-button[data-v-7ccac895] {
  filter: brightness(1);
}
@media (max-width: 980px) {
.StarPanel[data-v-7ccac895] {
    width: calc(100vw - 20px);
    max-width: none;
    height: 100%;
    margin: 0;
    margin-left: 10px;
}
}

.StartGameButton[data-v-2b9fdea5] {
  width: 100px;
  height: 60px;
  padding: 0;
  background-image: url(../assets/galaxy/ui/start-game-button.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  border: none;
  color: #00f0ff;
  font-family: 'Exo 2', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.1;
  text-transform: uppercase;
}

.StarTooltip[data-v-482b1138] {
  --offset-x: -12px;
  --offset-y: -78px;
  --accent-color: #ffff00;
  --bg-image: url('../assets/galaxy/ui/star-tooltip/star-tooltip-l1.png');

  display: flex;
  align-items: center;
  width: 418px;
  height: 116px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: var(--bg-image);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  will-change: transform;
  transform-origin: 12px 0;
}
.StarTooltip.is-reflect .StarTooltip__preview[data-v-482b1138],
.StarTooltip.is-reflect .StarTooltip__meta[data-v-482b1138],
.StarTooltip.is-reflect .StarTooltip__divein[data-v-482b1138] {
  transform: scaleX(-1);
}
.StarTooltip.is-level-2[data-v-482b1138] {
  --accent-color: #f7931e;
  --bg-image: url('../assets/galaxy/ui/star-tooltip/star-tooltip-l2.png');
}
.StarTooltip.is-level-3[data-v-482b1138] {
  --accent-color: #30a2ff;
  --bg-image: url('../assets/galaxy/ui/star-tooltip/star-tooltip-l3.png');
}
.StarTooltip.is-level-4[data-v-482b1138] {
  --accent-color: #ffffff;
  --bg-image: url('../assets/galaxy/ui/star-tooltip/star-tooltip-l4.png');
}
.StarTooltip.is-level-5[data-v-482b1138] {
  --accent-color: #ffffff;
  --bg-image: url('../assets/galaxy/ui/star-tooltip/star-tooltip-l5.png');
}
.StarTooltip.is-level-5 .StarTooltip__divein[data-v-482b1138] {
  color: #fff;
}
.StarTooltip__preview[data-v-482b1138] {
  display: block;
  width: 90px;
  height: 90px;
  position: absolute;
  left: 65px;
  top: 13px;
  border-radius: 50%;
  background-color: #333;
  overflow: hidden;
}
.StarTooltip__meta[data-v-482b1138] {
  height: 56px;
  max-width: 132px;
  overflow: hidden;
  position: absolute;
  top: 30px;
  left: 188px;
  color: var(--accent-color);
  pointer-events: all;
}
.StarTooltip__name[data-v-482b1138],
.StarTooltip__description[data-v-482b1138],
.StarTooltip__owner[data-v-482b1138] {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.36;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.StarTooltip__description[data-v-482b1138] {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.1;
}
.StarTooltip__divein[data-v-482b1138],
.StarTooltip__close[data-v-482b1138] {
  display: block;
  position: absolute;
  border: none;
  background-color: transparent;
  pointer-events: all;
}
.StarTooltip__divein[data-v-482b1138] {
  width: 66px;
  height: 66px;
  right: 18px;
  top: 26px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #000000;
  border-radius: 10px;
}
.StarTooltip__close[data-v-482b1138] {
  width: 31px;
  height: 31px;
  right: 2px;
  top: 9px;
  border-radius: 50%;
}
@media (min-width: 980px) {
.StarTooltip.is-level-4[data-v-482b1138] {
    width: 426px;
    height: 131px;
}
.StarTooltip.is-level-4 .StarTooltip__preview[data-v-482b1138] {
    top: 20px;
}
.StarTooltip.is-level-4 .StarTooltip__meta[data-v-482b1138] {
    top: 37px;
}
.StarTooltip.is-level-4 .StarTooltip__divein[data-v-482b1138] {
    right: 23px;
    top: 32px;
}
.StarTooltip.is-level-4 .StarTooltip__close[data-v-482b1138] {
    right: 8px;
    top: 16px;
}
.StarTooltip.is-level-5[data-v-482b1138] {
    width: 429px;
    height: 137px;
}
.StarTooltip.is-level-5 .StarTooltip__preview[data-v-482b1138] {
    top: 23px;
}
.StarTooltip.is-level-5 .StarTooltip__meta[data-v-482b1138] {
    top: 39px;
}
.StarTooltip.is-level-5 .StarTooltip__divein[data-v-482b1138] {
    right: 27px;
    top: 36px;
}
.StarTooltip.is-level-5 .StarTooltip__close[data-v-482b1138] {
    right: 11px;
    top: 18px;
}
}
@media (max-width: 980px) {
.StarTooltip[data-v-482b1138] {
    --offset-x: -112px;
    --offset-y: -10px;
    --bg-image: url('../assets/galaxy/ui/star-tooltip/star-tooltip-l1-mobile.png');

    width: 366px;
    height: 184px;
}
.StarTooltip.is-level-2[data-v-482b1138] {
    --bg-image: url('../assets/galaxy/ui/star-tooltip/star-tooltip-l2-mobile.png');
}
.StarTooltip.is-level-3[data-v-482b1138] {
    --bg-image: url('../assets/galaxy/ui/star-tooltip/star-tooltip-l3-mobile.png');
}
.StarTooltip.is-level-4[data-v-482b1138] {
    --bg-image: url('../assets/galaxy/ui/star-tooltip/star-tooltip-l4-mobile.png');
    width: 366px;
    height: 184px;
}
.StarTooltip.is-level-4 .StarTooltip__preview[data-v-482b1138] {
    left: 23px;
    bottom: 16px;
}
.StarTooltip.is-level-4 .StarTooltip__meta[data-v-482b1138] {
    left: 132px;
    bottom: 31px;
}
.StarTooltip.is-level-4 .StarTooltip__close[data-v-482b1138] {
    right: 12px;
}
.StarTooltip.is-level-4 .StarTooltip__divein[data-v-482b1138] {
    right: 26px;
    bottom: 27px;
}
.StarTooltip.is-reflect[data-v-482b1138] {
    --offset-x: 90px;
    --offset-y: -10px;
}
.StarTooltip.is-reflect .StarTooltip__meta[data-v-482b1138] {
    left: 148px;
}
.StarTooltip__preview[data-v-482b1138] {
    left: 13px;
    top: auto;
    bottom: 13px;
}
.StarTooltip__close[data-v-482b1138] {
    top: auto;
    bottom: 76px;
    right: 1px;
}
.StarTooltip__meta[data-v-482b1138] {
    top: auto;
    left: 128px;
    bottom: 30px;
}
.StarTooltip__divein[data-v-482b1138] {
    right: 17px;
    top: auto;
    bottom: 25px;
}
}

.StarTooltipV2[data-v-74c37f19] {
  --accent-color: #ffff00;
  --dot-size: 20px;
  --dot-radius: calc(var(--dot-size) / 2);
  --body-shift: -120px;
  --connect-line-width: 46px;
  --connect-line-height: 30px;
  --bg-image: url('../assets/galaxy/ui/star-tooltip/star-tooltip-l1-v2.png');

  display: flex;
  margin-left: calc(var(--dot-radius) * -1);
  margin-top: calc(var(--dot-radius) * -1);
  position: absolute;
  left: 0;
  top: 0;
  color: var(--accent-color);
  cursor: default;
}
.StarTooltipV2.is-level-2[data-v-74c37f19] {
  --accent-color: #f7931e;
  --bg-image: url('../assets/galaxy/ui/star-tooltip/star-tooltip-l2-v2.png');
}
.StarTooltipV2.is-level-3[data-v-74c37f19] {
  --accent-color: #30a2ff;
  --bg-image: url('../assets/galaxy/ui/star-tooltip/star-tooltip-l3-v2.png');
}
.StarTooltipV2.is-level-4[data-v-74c37f19] {
  --accent-color: #ffffff;
  --bg-image: url('../assets/galaxy/ui/star-tooltip/star-tooltip-l4-v2.png');
}
.StarTooltipV2.is-level-5[data-v-74c37f19] {
  --accent-color: #442dde;
  --bg-image: url('../assets/galaxy/ui/star-tooltip/star-tooltip-l5-v2.png');
}
.StarTooltipV2.is-level-5 .StarTooltipV2__divein[data-v-74c37f19] {
  color: #fff;
}
.StarTooltipV2.horizontalIntersection[data-v-74c37f19] {
  --connect-line-height: 46px;

  flex-direction: column;
}
.StarTooltipV2.horizontalIntersection.verticalIntersection[data-v-74c37f19] {
  flex-direction: column-reverse;
  margin-top: -178px;
}
.StarTooltipV2__dot[data-v-74c37f19] {
  width: var(--dot-size);
  height: var(--dot-size);
  pointer-events: all;
  z-index: 1;
}
.StarTooltipV2__line[data-v-74c37f19] {
  width: var(--connect-line-width);
  height: var(--connect-line-height);
  margin-top: calc(var(--connect-line-height) / -1 + var(--dot-radius));
  margin-left: calc(var(--dot-radius) * -1);
  pointer-events: all;
}
.StarTooltipV2.horizontalIntersection .StarTooltipV2__line[data-v-74c37f19] {
  margin-top: calc(var(--dot-radius) * -1);
  margin-left: calc(var(--connect-line-width) * -1 + var(--dot-radius));
}
.StarTooltipV2.leftIntersection .StarTooltipV2__line[data-v-74c37f19] {
  margin-left: var(--dot-radius);
  transform: scaleX(-1);
}
.StarTooltipV2.verticalIntersection .StarTooltipV2__line[data-v-74c37f19] {
  margin-bottom: calc(var(--dot-radius) * -1);
  transform: scaleY(-1);
}
.StarTooltipV2.verticalIntersection.leftIntersection .StarTooltipV2__line[data-v-74c37f19] {
  transform: scaleY(-1) scaleX(-1);
}
.StarTooltipV2__line svg[data-v-74c37f19] {
  width: 100%;
  height: 100%;
}
.StarTooltipV2__body[data-v-74c37f19] {
  width: 388px;
  height: 126px;
  margin-top: -90px;
  position: relative;
  pointer-events: all;
  background-image: var(--bg-image);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.StarTooltipV2.horizontalIntersection .StarTooltipV2__body[data-v-74c37f19] {
  margin-top: 0;
  margin-left: var(--body-shift);
}
.StarTooltipV2__preview[data-v-74c37f19] {
  display: block;
  width: 90px;
  height: 90px;
  position: absolute;
  left: 17px;
  top: 17px;
  border-radius: 50%;
  background-color: #333;
  overflow: hidden;
}
.StarTooltipV2__meta[data-v-74c37f19] {
  height: 56px;
  max-width: 132px;
  overflow: hidden;
  position: absolute;
  top: 34px;
  left: 142px;
  color: var(--accent-color);
  pointer-events: all;
}
.StarTooltipV2__name[data-v-74c37f19],
.StarTooltipV2__description[data-v-74c37f19],
.StarTooltipV2__owner[data-v-74c37f19] {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.36; 
  text-overflow: ellipsis;
  white-space: nowrap;
}
.StarTooltipV2__description[data-v-74c37f19] {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.1;
}
.StarTooltipV2__divein[data-v-74c37f19],
.StarTooltipV2__close[data-v-74c37f19] {
  display: block;
  position: absolute;
  border: none;
  background-color: transparent;
  pointer-events: all;
}
.StarTooltipV2__divein[data-v-74c37f19] {
  width: 66px;
  height: 66px;
  right: 20px;
  top: 32px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #000000;
  border-radius: 10px;
}
.StarTooltipV2__close[data-v-74c37f19] {
  width: 31px;
  height: 31px;
  right: 2px;
  top: 12px;
  border-radius: 50%;
}
.StarTooltipV2.is-level-4 .StarTooltipV2__body[data-v-74c37f19] {
  width: 374px;
  height: 126px;
}
.StarTooltipV2.is-level-4 .StarTooltipV2__preview[data-v-74c37f19] {
  left: 19px;
}
.StarTooltipV2.is-level-4 .StarTooltipV2__divein[data-v-74c37f19] {
  right: 22px;
  top: 29px;
}
.StarTooltipV2.is-level-4 .StarTooltipV2__close[data-v-74c37f19] {
  right: 6px;
}
.StarTooltipV2.is-level-5 .StarTooltipV2__body[data-v-74c37f19] {
  width: 354px;
  height: 126px;
}
.StarTooltipV2.is-level-5 .StarTooltipV2__preview[data-v-74c37f19] {
  width: 86px;
  height: 86px;
  left: 20px;
  top: 20px;
}
.StarTooltipV2.is-level-5 .StarTooltipV2__meta[data-v-74c37f19] {
  top: 36px;
  left: 136px;
  color: #fff;
}
.StarTooltipV2.is-level-5 .StarTooltipV2__divein[data-v-74c37f19] {
  right: 21px;
  top: 31px;
}
.StarTooltipV2.is-level-5 .StarTooltipV2__close[data-v-74c37f19] {
  right: 7px;
  top: 17px;
}
@media (max-width: 420px), (max-height: 420px) {
.StarTooltipV2[data-v-74c37f19] {
    transform: scale(0.75);
    transform-origin: left top;
}
.StarTooltipV2.verticalIntersection[data-v-74c37f19] {
    transform-origin: left bottom;
}
}

.UserInventoryPopup[data-v-24328f1b] {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: all;
  z-index: 3;
  /* background-color: rgba(0, 0, 0, 0.7); */
}
.UserInventoryPopup__box[data-v-24328f1b] {
  width: 100%;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 40px;
  padding-left: 10px;
  padding-right: 10px;
}
.UserInventoryPopup__body[data-v-24328f1b] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 610px;
  height: 100%;
}
.UserInventoryPopup__body-image[data-v-24328f1b] {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
  aspect-ratio: 410/640;
}
.UserInventoryPopup__body-image>img[data-v-24328f1b] {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

/* Шапка и подвал — полосы на картинке рамки (410x640): 0..58px и 578..640px.
   Тянем блоки на всю ширину и центрируем флексом, иначе shrink-to-fit
   упирается в 50% ширины от left: 50% и текст ломается на две строки. */
.UserInventoryPopup__title[data-v-24328f1b] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 9%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* font-family: 'Jura'; */
  font-style: normal;
  /* font-weight: 700; */
  font-size: 28px;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  color: #112A5E;
}
.UserInventoryPopup__close[data-v-24328f1b] {
  position: absolute;
  top: 2.5%;
  right: 13%;
  color: #112A5E;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
  background-image: url("../assets/app/features/user-inventory/inventory/close.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.UserInventoryPopup__balance[data-v-24328f1b] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 9.7%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* font-family: 'Jura'; */
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  white-space: nowrap;
  text-align: center;
  color: #00FFFF;
}
.UserInventoryPopup__tabs[data-v-24328f1b] {
  position: absolute;
  height: 76.6%;
  overflow-y: auto !important; 
  -webkit-overflow-scrolling: touch !important;
  display: flex;
  left: 0px;
  top: 12.5%;
  flex-direction: column;
  gap: 1%;
  width: 13.5%;
  flex-shrink: 0;
  padding-right: 5px;
  z-index: 10;
}
.UserInventoryPopup__tab[data-v-24328f1b] {
  display: flex;
  height: 11.5%;
  position: relative;
  background-color: transparent;
  border: 2px solid #21D7FB;
  border-left: none;
  border-radius: 0 6px 6px 0;
  color: #00FFFF;
  cursor: pointer;
  transition: ease background-color 200ms;
  will-change: background-color;
  background-color: transparent;
  margin-left: 21%;
  padding-right: 3px;
  padding-left: 3px;
  transition: all 0.2s ease;
}
.UserInventoryPopup__tab.empty-tab[data-v-24328f1b] {
  border: 2px solid #4FACFE;
  border-left: none;
  opacity: 30%;
}
.UserInventoryPopup__tab[data-v-24328f1b]:hover {
  background-color: #001616;
}
.UserInventoryPopup__tab[data-v-24328f1b]::after {
  content: '';
  display: block;
  width: 26px;
  height: 26px;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.UserInventoryPopup__tab.inventory[data-v-24328f1b]::after {
  background-image: url(../assets/app/features/user-inventory/box.svg);
}
.UserInventoryPopup__tab.events[data-v-24328f1b]::after {
  background-image: url(../assets/app/features/user-inventory/star.svg);
}
.UserInventoryPopup__tab.unboxing[data-v-24328f1b]::after {
  height: 34px;
  background-image: url(../assets/app/features/user-inventory/unbox.svg);
}
.UserInventoryPopup__tab.active[data-v-24328f1b] {
  background-color: transparent;
  border: none;
  margin-left: 4px;
  color: #000;
}
.UserInventoryPopup__tab.active[data-v-24328f1b]::after {
  filter: brightness(0);
}
.UserInventoryPopup__tab.inventory[assets-count][data-v-24328f1b]::before {
  content: attr(assets-count);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -6px;
  top: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: red;
  color: white;
  text-align: center;
  font-size: 12px;
}
.UserInventoryPopup__tab.events[events-count][data-v-24328f1b]::before {
  content: attr(events-count);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -6px;
  top: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: red;
  color: white;
  text-align: center;
  font-size: 12px;
}
.UserInventoryPopup__tab.unboxing[data-count][data-v-24328f1b]::before {
  content: attr(data-count);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -6px;
  top: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: red;
  color: white;
  text-align: center;
  font-size: 12px;
}
.UserInventoryPopup__content[data-v-24328f1b] {
  position: absolute;
  height: 76.6%;
  width: calc(100% - 64px);
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  left: 55px;
  top: 11.4%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  margin-top: 8px;
  flex-grow: 1;
  z-index: 2;
}
.UserInventoryPopup__content_openbox[data-v-24328f1b] {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 76%;
  width: 100%;
  top: 12%;
}
.UserInventoryPopup__list[data-v-24328f1b] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-content: flex-start;
  gap: 10px;
  width: 100%;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding-right: 5px;
}
.UserInventoryPopup__content.unboxing[data-v-24328f1b] {
  /* padding-bottom: 16px; */
}
.UserInventoryPopup__card[data-v-24328f1b] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: none;
  position: relative;
}
.UserInventoryPopup__card img[data-v-24328f1b] {
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.UserInventoryPopup__close[data-v-24328f1b]:hover {
  cursor: pointer;
}
.UserInventoryPopup__card.is-store[data-v-24328f1b] {
  cursor: pointer;
}
.UserInventoryPopup__card[data-amount="0"][data-v-24328f1b] {
  cursor: default;
  user-select: none;
  pointer-events: none;
  opacity: 0.3;
}
.UserInventoryPopup__card[data-rare="rare"][data-v-24328f1b] {
  --color: #123EAB;
}
.UserInventoryPopup__card[data-rare="mythic"][data-v-24328f1b] {
  --color: #640CAB;
}
.UserInventoryPopup__card[data-rare="mithic"][data-v-24328f1b] {
  --color: #640CAB;
}
.UserInventoryPopup__card[data-rare="legendary"][data-v-24328f1b] {
  --color: #FF6200;
}
.UserInventoryPopup__cardName[data-v-24328f1b] {
  position: absolute;
  left: 50%;
  top: 1%;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #FFFFFF;
  white-space: nowrap;
  transform: translateX(-50%);
}
.UserInventoryPopup__cardFigure[data-v-24328f1b] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  width: 100%;
  height: 70%;
  margin-top: -8px;
  z-index: 0;
}
.UserInventoryPopup__cardCount[data-v-24328f1b] {
  min-width: 16px;
  position: absolute;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #FFFFFF;
  right: 2px;
  top: 2px;
}
.UserInventoryPopup__cardImage[data-v-24328f1b] {
  display: block;
  width: 70%;
  height: 70%;
  object-fit: contain;
}
.UserInventoryPopup__cardCaption[data-v-24328f1b] {
  position: absolute;
  bottom: 4%;
  width: 97%;
  height: 21%;
  font-style: normal;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #FFFFFF;
}
.UserInventoryPopup__open-box[data-v-24328f1b] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  height: 100%;
}
.UserInventoryPopup__count[data-v-24328f1b] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 51%;
}
.UserInventoryPopup__count-text[data-v-24328f1b] {
  position: absolute;
  color: #00ffff;
  font-size: 44px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
.UserInventoryPopup__count>img[data-v-24328f1b] {
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.UserInventoryPopup__animation[data-v-24328f1b] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 14%;
  z-index: 4;
}
.UserInventoryPopup__button[data-v-24328f1b] {
  position: relative;
  box-shadow: 0px 0px 583.2px #FFAC0F, 0px 0px 340.2px #FFAC0F, 0px 0px 170.1px #FFAC0F, 0px 0px 48.6px #FFAC0F, 0px 0px 24.3px #FFAC0F;
  background-color: rgb(255, 172, 15, 0.8);
  border: none;
  border-radius: 42px;
  width: 70%;
  height: 100%;
  color: #FFFFFF;
  transition: all 0.3s ease;
}
.UserInventoryPopup__button-text[data-v-24328f1b] {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  color: white;
}
.UserInventoryPopup__cardCaption-button[data-v-24328f1b] {
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #00C6FB, #005BEA);
  border: none;
  box-shadow: 
    0px 1px 0.5px rgba(0, 0, 0, 0.98),
    0px 3px 1.5px rgba(0, 0, 0, 0.85),
    0px 6px 2px rgba(0, 0, 0, 0.5),
    0px 11px 2px rgba(0, 0, 0, 0.15),
    0px 16px 2.5px rgba(0, 0, 0, 0.02);
  color: white;
  font-size: 16px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.UserInventoryPopup__cardCaption-button[data-v-24328f1b]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 105%;
  height: 110%;
  background: linear-gradient(to top, #00C6FB, #005BEA);
  border-radius: inherit;
  z-index: -1;
  transform: translate(-50%, -50%);
}
.UserInventoryPopup__cardCaption-button[data-v-24328f1b]:hover {
   cursor: pointer;
   opacity: 0.8;
}
.UserInventoryPopup__button[data-v-24328f1b]:hover {
  transform: scale(1.05);
}
.UserInventoryPopup__button-animation[data-v-24328f1b] {
  width:  100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1,1);
  transform-origin: center;
  opacity: 0;
  z-index: 1;
  /* overflow: hidden; */
  animation: zoomOut-24328f1b 4s infinite forwards linear;
  /* transition: all 4s linear;
  z-index: -1; */
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes zoomOut-24328f1b {
0% {
      opacity: 0.4;
      transform: translate(-50%, -50%) scale(1,1);
}
100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.17, 1.38);
}
}
.UserInventoryPopup__button-animation[data-v-24328f1b]:nth-child(1) {
  animation-delay: calc(1000ms * -5);
}
.UserInventoryPopup__button-animation[data-v-24328f1b]:nth-child(2) {
  animation-delay: calc(1000ms * -4);
}
.UserInventoryPopup__button-animation[data-v-24328f1b]:nth-child(3) {
  animation-delay: calc(1000ms * -3);
}
.UserInventoryPopup__button-animation[data-v-24328f1b]:nth-child(4) {
  animation-delay: calc(1000ms * -2);
}
.UserInventoryPopup__button-animation[data-v-24328f1b]:nth-child(5) {
  animation-delay: calc(1000ms * -1);
}
.UserInventoryPopup__button-animation[data-v-24328f1b]:nth-child(6) {
  animation-delay: calc(1000ms * 0);
}
.UserInventoryPopup__button-animation[data-v-24328f1b]:nth-child(7) {
  animation-delay: calc(1000ms * 1);
}
.UserInventoryPopup__button-animation[data-v-24328f1b]:nth-child(8) {
  animation-delay: calc(1000ms * 2);
}
.UserInventoryPopup__connect[data-v-24328f1b] {
  position: absolute;
  top: 32%;
  left: 27%;
  margin: auto;
  padding: 12px 22px;
  border: none;
  color: #000;
  background-color: #00ffff;
  /* font-family: 'Exo 2'; */
  font-size: 16px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
.UserInventoryPopup__loader[data-v-24328f1b] {
  flex-grow: 1;
  display: flex;
}
.UserInventoryPopup__loader.in-store[data-v-24328f1b] {
  margin: auto;
}
.UserInventoryPopup__tabs[data-v-24328f1b]::-webkit-scrollbar {
  width: 3px;
  padding: 5px;
}
.UserInventoryPopup__tabs[data-v-24328f1b]::-webkit-scrollbar-track {
  background: rgba(217, 217, 217, 0.1);
  opacity: 10%;
}
.UserInventoryPopup__tabs[data-v-24328f1b]::-webkit-scrollbar-thumb {
  background: #00FFFF;
  border-radius: 10px;
}
.UserInventoryPopup__tabs[data-v-24328f1b]::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.UserInventoryPopup__list[data-v-24328f1b]::-webkit-scrollbar {
  width: 3px;
  padding: 5px;
}
.UserInventoryPopup__list[data-v-24328f1b]::-webkit-scrollbar-track {
  background: rgba(217, 217, 217, 0.1);
  opacity: 10%;
}
.UserInventoryPopup__list[data-v-24328f1b]::-webkit-scrollbar-thumb {
  background: #00FFFF;
  height: 10%;
  border-radius: 10px;
}
.UserInventoryPopup__list[data-v-24328f1b]::-webkit-scrollbar-thumb:hover {
  background: #555;
}
@media (max-width: 980px) {
}
@media (max-width: 425px) {
.UserInventoryPopup__balance[data-v-24328f1b] {
    font-size: 17px;
}
.UserInventoryPopup__title[data-v-24328f1b] {
    font-size: 24px;
}
.UserInventoryPopup__button[data-v-24328f1b] {
    font-size: 24px;
}
}
@media (max-width: 375px) {
.UserInventoryPopup__cardCaption[data-v-24328f1b] {
    font-size: 12px;
    bottom: 4%;
}
.UserInventoryPopup__cardCount[data-v-24328f1b] {
    font-size: 10px;
    top: 1px;
}
.UserInventoryPopup__count[data-v-24328f1b] {
    max-width: 200px;
}
.UserInventoryPopup__button[data-v-24328f1b] {
    font-size: 20px;
}
.UserInventoryPopup__close[data-v-24328f1b] {
    top: 2%;
}
}
@media (max-width: 375px) {
.UserInventoryPopup__button > div[data-v-24328f1b] {
    font-size: 28px;
}
}
@media (max-height: 667px) {
.UserInventoryPopup__title[data-v-24328f1b] {
    font-size: 22px;
}
.UserInventoryPopup__close[data-v-24328f1b] {
    top: 2%;
    width: 16px;
}
.UserInventoryPopup__balance[data-v-24328f1b] {
    font-size: 16px;
}
.UserInventoryPopup__connect[data-v-24328f1b] {
    left: 6%;
}
}
@media (max-height: 580px) {
.UserInventoryPopup__title[data-v-24328f1b] {
    font-size: 20px;
}
}
@media (max-height: 540px) {
.UserInventoryPopup__title[data-v-24328f1b] {
    font-size: 18px;
}
.UserInventoryPopup__balance[data-v-24328f1b] {
    font-size: 14px;
}
}




/* General styles */
.UserBar[data-v-098b3b72] {
  display: flex;
  gap: 16px;
  align-items: center;
  position: relative;
  z-index: 2;
}
.UserBar__buttons[data-v-098b3b72] {
  display: flex;
  gap: 16px;
  align-items: center;
}

/* Search styles */
.UserBar__search[data-v-098b3b72] {
  position: relative;
}
.UserBar__search-field[data-v-098b3b72] {
  width: 320px;
  position: absolute;
  right: -8px;
  top: -8px;
  z-index: 1;
  pointer-events: all;
}

/* Button styles */
.UserBar__button[data-v-098b3b72] {
  display: block;
  width: 24px;
  height: 41px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: all;
  will-change: filter;
  font-family: inherit;
  transition: filter 200ms ease;
}
.UserBar__button.active[data-v-098b3b72],
.UserBar__button[data-v-098b3b72]:hover {
  filter: drop-shadow(0px 0px 8px #00f0ff);
}

/* Specific button styles */
.UserBar__button.is-mint[data-v-098b3b72],
.UserBar__account[data-v-098b3b72] {
  width: auto;
  height: auto;
  padding: 4px 8px;
  color: #00ffff;
  border: 2px solid currentColor;
  border-radius: 12px;
  text-transform: uppercase;
  white-space: nowrap;
}
.UserBar__button.is-mint[data-v-098b3b72] {
  font-size: 17px;
}
.UserBar__account[data-v-098b3b72] {
  border: none;
  font-size: 12px;
}
.UserBar__button.is-mint[data-v-098b3b72]::before {
  display: none;
}
.UserBar__button.is-search[data-v-098b3b72] { background-image: url(../assets/app/ui/search.svg);
}
.UserBar__button.is-box[data-v-098b3b72] { background-image: url(../assets/stardefender/ui/box-filled.svg);
}
.UserBar__button.is-settings[data-v-098b3b72] { background-image: url(../assets/app/ui/settings.svg);
}
.UserBar__button.is-wallet[data-v-098b3b72] { background-image: url(../assets/app/ui/wallet.svg);
}
.UserBar__button.menu-bar[data-v-098b3b72] { 
  background-image: url(../assets/galaxy/ui/menu-bar.svg); 
  width: 21px;
}
.UserBar__button.is-box[data-count][data-v-098b3b72]::before {
  content: attr(data-count);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -20px;
  top: 6px;
  width: 31px;
  height: 14px;
  border-radius: 10px;
  background-color: red;
  color: white;
  text-align: center;
  font-size: 12px;
}

/* Popup styles */
.UserBar__popup[data-v-098b3b72] {
  position: absolute;
  right: 0;
  top: calc(100% + 20px);
  pointer-events: all;
}

/* Bar icon styles */
.bar-icon[data-v-098b3b72] {
  display: none;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  pointer-events: all;
}

/* Media queries */
@media (max-width: 960px) {
.UserBar__button.is-mint[data-v-098b3b72] {
    position: fixed;
    right: 20px;
    top: 74px;
}
}
@media (max-width: 800px) {
.UserBar__search-field[data-v-098b3b72] {
    width: calc(100% - 36px);
    left: 18px;
    top: 86px;
    position: fixed;
}
.UserBar.connected .UserBar__search-field[data-v-098b3b72] {
    top: 20px;
}
.UserBar.connected .UserBar__popup[data-v-098b3b72] {
    top: calc(100% + 20px);
}
}
@media (max-width: 640px) {
.UserBar[data-v-098b3b72] {
    display: none;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    pointer-events: none;
}
.UserBar__buttons[data-v-098b3b72] {
    gap: 10px;
}
.UserBar__button.is-mint[data-v-098b3b72] {
    position: static;
    top: 52px;
    right: 12px;
    font-size: 12px;
    order: 3;
}
.UserBar__account[data-v-098b3b72] {
    font-size: 12px;
}
.bar-icon[data-v-098b3b72] {
    display: flex;
}
}
@media (max-width: 375px) {
.UserBar__button[data-v-098b3b72] {
    width: 32px;
    height: 30px;
}
.UserBar__button.menu-bar[data-v-098b3b72] {
    width: 24px;
    height: 25px;
}
}

/* User Menu styles */
.UserMenu[data-v-098b3b72] {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.UserMenu__body[data-v-098b3b72] {
  position: absolute;
  top: 70px;
  pointer-events: all;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(7, 16, 50, 0.5);
  backdrop-filter: blur(32.5px);
  padding: 10px;
  border-radius: 37px;
  width: 98%;
  max-width: 450px;
}
.UserMenu__content[data-v-098b3b72] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.UserMenu__separate__line[data-v-098b3b72] {
  position: absolute;
  height: 100%;
  left: 84%;
}
.UserMenu__search[data-v-098b3b72] {
  width: 100%;
  transition: all 0.3s ease; /* Add a smooth transition */
}
.UserMenu img[data-v-098b3b72] {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.UserMenu__icons[data-v-098b3b72] {
  position: absolute;
  width: 89%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.UserMenu__icon[data-v-098b3b72] {
  opacity: 30%;
  width: 10%;
}
.UserMenu__icon[data-v-098b3b72]:hover,
.UserMenu__icon.active[data-v-098b3b72] {
  opacity: 100%;
}
@media (max-height: 667px) {
.UserMenu__body[data-v-098b3b72] {
    transform: scale(0.9);
    top: 70px;
}
}
@media (min-width: 501px) and (max-height: 667px) {
.UserMenu__body[data-v-098b3b72] {
  transform: scale(0.8);
  top: 70px;
}
}
.ViewsPanel[data-v-86f2ca40] {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 100%;
  max-height: 540px;
  pointer-events: all;
  cursor: default;
  transition: ease-in-out transform 300ms;
}
.ViewsPanel.is-hidden[data-v-86f2ca40] {
  transform: translateX(calc(-100% + 10px));
}
.ViewsPanel__toggle[data-v-86f2ca40] {
  width: 10px;
  height: 38px;
  position: relative;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url(../assets/galaxy/ui/views/views-panel-toggle.svg);
  cursor: pointer;
  outline: none;
  opacity: 0.8;
  transition: ease opacity 200ms, ease transform 200ms;
}
.ViewsPanel__toggle[data-v-86f2ca40]::before {
  content: '';
  position: absolute;
  left: -10px;
  top: -10px;
  z-index: -1;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  pointer-events: none;
}
.ViewsPanel.is-hidden .ViewsPanel__toggle[data-v-86f2ca40] {
  transform: scale(-1);
}
.ViewsPanel__toggle[data-v-86f2ca40]:hover {
  opacity: 1;
}
.ViewsPanel__group[data-v-86f2ca40] {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 28px;
  width: 104px;
  height: 100%;
  padding-right: 24px;
  transition: ease opacity 200ms, ease visibility 200ms;
}
.ViewsPanel.is-hidden .ViewsPanel__group[data-v-86f2ca40] {
  opacity: 0;
  visibility: hidden;
}
.ViewsPanel__group[data-v-86f2ca40]::before {
  content: '';
  width: 64px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url(../assets/galaxy/ui/views/views-panel-outline.svg);
}
.ViewsPanel__button[data-v-86f2ca40] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 78px;
  padding-left: 20px;
  position: relative;
  border: none;
  background-color: transparent;
  color: #00ffff;
  font-size: 14px;
  text-transform: none;
  cursor: pointer;
  outline: none;
}
.ViewsPanel__button[data-v-86f2ca40]::before,
.ViewsPanel__button[data-v-86f2ca40]::after {
  content: '';
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  opacity: 0.3;
  transition: ease opacity 200ms;
}
.ViewsPanel__button[data-v-86f2ca40]::after {
  width: 50px;
  height: 27px;
  margin-bottom: 0;
  position: absolute;
  left: -20px;
  top: 18px;
  opacity: 0;
  background-image: url(../assets/galaxy/ui/modes/mode-active-marker.svg);
  transform: rotate(90deg);
}
.ViewsPanel__button.is-galaxy[data-v-86f2ca40]::before {
  background-image: url(../assets/galaxy/ui/views/view-galaxy.svg);
}
.ViewsPanel__button.is-star[data-v-86f2ca40]::before {
  width: 83px;
  height: 87px;
  margin-top: -10px;
  margin-bottom: 0;
  background-image: url(../assets/galaxy/ui/views/view-star.svg);
}
.ViewsPanel__button.is-planet[data-v-86f2ca40]::before {
  width: 82px;
  height: 82px;
  margin-top: -10px;
  margin-bottom: 0;
  background-image: url(../assets/galaxy/ui/views/view-planet.svg);
}
.ViewsPanel__button.is-disabled[data-v-86f2ca40] {
  user-select: none;
  pointer-events: none;
  filter: grayscale() brightness(0.5);
}
.ViewsPanel__button.is-active[data-v-86f2ca40] {
  cursor: pointer;
  user-select: none;
}
.ViewsPanel__button[data-v-86f2ca40]:not(.is-clickable) {
  user-select: none;
  pointer-events: none;
}
.ViewsPanel__button[data-v-86f2ca40]:hover::before,
.ViewsPanel__button.is-active[data-v-86f2ca40]::before,
.ViewsPanel__button.is-active[data-v-86f2ca40]::after {
  opacity: 1;
}
@media (max-width: 980px) {
.ViewsPanel[data-v-86f2ca40] {
    width: 100%;
    max-width: calc(100% - 40px);
    height: auto;
    max-height: none;
    flex-direction: column-reverse;
    margin: auto;
    padding: 10px 0 14px;
    border-top: 1px solid rgba(0, 255, 255, 0.3);
}
.ViewsPanel.is-hidden[data-v-86f2ca40] {
    transition: none;
    transform: none;
}
.ViewsPanel__group[data-v-86f2ca40] {
    flex-direction: row;
    gap: 6px;
    width: 100%;
    padding: 0;
    padding-top: 4px;
}
.ViewsPanel.is-hidden .ViewsPanel__group[data-v-86f2ca40],
  .ViewsPanel__group[data-v-86f2ca40]::before {
    display: none;
}
.ViewsPanel__toggle[data-v-86f2ca40] {
    width: 38px;
    height: 10px;
    background-image: url(../assets/galaxy/ui/modes/modes-toggle-button.svg);
}
.ViewsPanel__button[data-v-86f2ca40] {
    padding: 0;
}
.ViewsPanel__button[data-v-86f2ca40]::after {
    margin-bottom: -12px;
    position: relative;
    left: auto;
    top: auto;
    transform: rotate(0deg);
}
.ViewsPanel__button.is-star[data-v-86f2ca40]::before,
  .ViewsPanel__button.is-planet[data-v-86f2ca40]::before {
    height: 80px;
}
}

.WalletConnectPopup[data-v-5d0f995a] {
}
.WalletConnectPopup__wallets[data-v-5d0f995a] {
  display: flex;
  justify-content: space-around;
}
.WalletConnectPopup__wallet[data-v-5d0f995a] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  padding: 0;
  padding-top: 12px;
  color: #eee;
  border: none;
  background-color: transparent;
  font-size: 14px;
  font-family: inherit;
  text-align: center;
  text-transform: none;
  cursor: pointer;
  transition: ease transform 200ms;
}
.WalletConnectPopup__wallet[data-v-5d0f995a]:hover {
  transform: scale(1.05);
}
.WalletConnectPopup__wallet[data-v-5d0f995a]::before {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.WalletConnectPopup__wallet.is-metamask[data-v-5d0f995a]::before {
  background-image: url(../assets/app/features/wallets/metamask-logo.png);
}
.WalletConnectPopup__wallet.is-walletconnect[data-v-5d0f995a]::before {
  background-image: url(../assets/app/features/wallets/wallet-connect-logo.png);
}
.WalletConnectPopup__wallet.is-telegram[data-v-5d0f995a]::before {
  background-image: url(../assets/app/features/wallets/telegram-logo.png);
}
.WalletConnectPopup__wallet.is-ton[data-v-5d0f995a]::before {
  background-image: url(../assets/app/features/wallets/ton-logo.png);
}
.WalletConnectPopup__wallet[disabled][data-v-5d0f995a] {
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
  filter: brightness(0.5) saturate(0.5);
}

.MainMenu__container[data-v-3e16d7e1] {
  position: absolute;
  display: flex;
  justify-content: center;
  left: 0;
  width: 100%;
  bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 2;
  pointer-events: all;
  user-select: none;
  transform: scale(0.9);
}
.MainMenu[data-v-3e16d7e1] {
  width: 100%;
  max-width: 430px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MainMenu__title[data-v-3e16d7e1] {
  position: absolute;
  top: 1%;
  /* font-size: 30px; */
  font-size: 28px;
  text-align: center;
  text-transform: uppercase;
  color: #112A5E;
}
.MainMenu__close[data-v-3e16d7e1] {
  position: absolute;
  top: 3.5%;
  right: 13%;
  color: #112A5E;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
  background-image: url("../assets/app/features/user-inventory/inventory/close.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.MainMenu__close[data-v-3e16d7e1]:hover {
  cursor: pointer;
}
.MainMenu img[data-v-3e16d7e1] {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.MainMenu__items[data-v-3e16d7e1] {
  position: absolute;
  width: 90%;
  height: 74%;
  top: 20%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.MainMenu__items-boxshadow[data-v-3e16d7e1] {
  pointer-events: none;
  position: absolute;
  width: calc(100% - 14px);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  height: 78%;
  top: 20%;
  background: linear-gradient(0deg, rgba(7,16,50,1) 0%, rgba(7,16,50,0) 50%);
}
.MainMenu__item[data-v-3e16d7e1] {
  width: 70%;
  padding: 10px;
  transition: opacity 0.2s ease-in-out;
  text-align: center;
  font-style: normal;
  /* font-size: 24px; */
  font-size: 22px;
  text-transform: uppercase;
  color: #00FFFF;
  border-bottom: 1px solid #00FFFF;
  opacity: 0.8;
}
.MainMenu__item[data-v-3e16d7e1]:hover {
  cursor: pointer;
  text-shadow: 0px 0px 138.24px #00FFFF, 0px 0px 80.64px #00FFFF, 0px 0px 40.32px #00FFFF, 0px 0px 11.52px #00FFFF, 0px 0px 5.76px #00FFFF;
}
.MainMenu__item--selected[data-v-3e16d7e1] {
  text-shadow: 0px 0px 241.92px #00FFFF, 0px 0px 138.24px #00FFFF, 0px 0px 80.64px #00FFFF, 0px 0px 40.32px #00FFFF, 0px 0px 11.52px #00FFFF, 0px 0px 5.76px #00FFFF;
}
.MainMenu__item--disabled[data-v-3e16d7e1] {
  pointer-events: none; 
  opacity: 0.5;
}
.MainMenu__items-boxshadow--hidden[data-v-3e16d7e1] {
  opacity: 0;
}
.MainMenu__items[data-v-3e16d7e1]::-webkit-scrollbar {
  width: 3px;
  padding: 5px;
}
.MainMenu__items[data-v-3e16d7e1]::-webkit-scrollbar-track {
  background: rgba(217, 217, 217, 0.1);
  opacity: 10%;
}
.MainMenu__items[data-v-3e16d7e1]::-webkit-scrollbar-thumb {
  background: #00FFFF;
  border-radius: 10px;
}
@media (max-width: 430px) {
.MainMenu__container[data-v-3e16d7e1] {
    transform: scale(0.9);
}
.MainMenu__title[data-v-3e16d7e1] {
    font-size: 24px;
}
.MainMenu__item[data-v-3e16d7e1] {
    font-size: 20px;
}
}
@media (max-height: 667px) and (min-width: 501px) {
.MainMenu__container[data-v-3e16d7e1] {
    bottom: -30px;
    transform: scale(0.7);
}
}
.DuelMenu__container[data-v-79375d1d] {
    position: absolute;
    display: flex;
    justify-content: center;
    left: 0;
    bottom: 2%;
    width: 100%;
    bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 2;
    pointer-events: all;
    user-select: none;
    transform: scale(0.9);
}
.DuelMenu[data-v-79375d1d] {
    width: 100%;
    max-width: 410px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.DuelMenu__previous[data-v-79375d1d] {
    position: absolute;
    top: 5%;
    left: 13%;
}
.DuelMenu__previous[data-v-79375d1d]:hover {
    cursor: pointer;
}
.DuelMenu__title[data-v-79375d1d] {
    position: absolute;
    top: 2%;
    font-size: 30px;
    /* font-size: 28px; */
    text-align: center;
    text-transform: uppercase;
    color: #112A5E;
}
.DuelMenu__close[data-v-79375d1d] {
    position: absolute;
    top: 3.5%;
    right: 13%;
    color: #112A5E;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    background-image: url("../assets/app/features/user-inventory/inventory/close.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.DuelMenu__close[data-v-79375d1d]:hover {
    cursor: pointer;
}
.DuelMenu img[data-v-79375d1d] {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.DuelMenu__items[data-v-79375d1d] {
    position: absolute;
    width: 80%;
    height: 74%;
    top: 20%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.DuelMenu__link[data-v-79375d1d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid ;
    border-color: #00FFFF;
    text-align: center;
    width: 100%;
    padding: 5px;
    border-radius: 10px;
    height: 26%;
}
.DuelMenu__link-text[data-v-79375d1d] {
    color: #00FFFF;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
}
.DuelMenu__link-copy[data-v-79375d1d] {
    height: 80%;
    transition: all 0.2s ease;
}
.DuelMenu__link-copy[data-v-79375d1d]:hover {
    transform: scale(1.05);
    cursor: pointer;
}
.DuelMenu__link-copy[data-v-79375d1d]:active {
    transform: scale(0.95);
}
.DuelMenu__animation[data-v-79375d1d] {
    width: 100%;
    height: 74%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.DuelMenu__button[data-v-79375d1d] {
    /* background: linear-gradient(360deg, #00C6FB 0%, #005BEA 100%);  */
    box-shadow: 
    0px 0px 13.5px rgba(0, 94, 234, 1), 
    0px 0px 27px rgba(0, 94, 234, 1),  
    0px 0px 94.5px rgba(0, 94, 234, 1),
    0px 0px 189px rgba(0, 94, 234, 1), 
    0px 0px 324px rgba(0, 94, 234, 1), 
    0px 0px 567px rgba(0, 94, 234, 1);
    text-align: center;
    background-color: rgba(0, 94, 234, 0.8);
    width: 86%;
    height: 50%;
    z-index: 3;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; 
    border-radius: 50px;
    transition: transform 0.3s ease;
}
.DuelMenu__button[data-v-79375d1d]:hover {
    cursor: pointer;
    transform: scale(1.05);
}
.DuelMenu__button-text[data-v-79375d1d] {
    font-style: normal;
    font-size: 32px;
    color: white;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
}
.DuelMenu__button-animation[data-v-79375d1d] {
    width: 88.2%;
    height: 49.6%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1,1);
    transform-origin: center;
    opacity: 1;
    z-index: 1;
    animation: zoomOut-79375d1d 6s infinite forwards linear;
}
.DuelMenu__button-animation img[data-v-79375d1d] {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
@keyframes zoomOut-79375d1d {
from {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1,1);
}
50% {
        transform: translate(-50%, -50%) scale(1.1,1.2);
        opacity: 0.5;
}
to {
      opacity: 0;
      transform: translate(-50%, -50%) scale(1.2,1.4);
}
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(1) {
    animation-delay: calc(1000ms * -10);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(2) {
    animation-delay: calc(1000ms * -9);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(3) {
    animation-delay: calc(1000ms * -8);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(4) {
    animation-delay: calc(1000ms * -7);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(5) {
    animation-delay: calc(1000ms * -6);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(6) {
    animation-delay: calc(1000ms * -5);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(7) {
    animation-delay: calc(1000ms * -4);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(8) {
    animation-delay: calc(1000ms * -3);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(9) {
    animation-delay: calc(1000ms * -2);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(10) {
    animation-delay: calc(1000ms * -1);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(11) {
    animation-delay: calc(1000ms * 0);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(12) {
    animation-delay: calc(1000ms * 1);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(13) {
    animation-delay: calc(1000ms * 2);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(14) {
    animation-delay: calc(1000ms * 3);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(15) {
    animation-delay: calc(1000ms * 4);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(16) {
    animation-delay: calc(1000ms * 5);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(17) {
    animation-delay: calc(1000ms * 6);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(18) {
    animation-delay: calc(1000ms * 7);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(19) {
    animation-delay: calc(1000ms * 8);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(20) {
    animation-delay: calc(1000ms * 9);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(21) {
    animation-delay: calc(1000ms * 10);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(22) {
    animation-delay: calc(1000ms * 11);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(23) {
    animation-delay: calc(1000ms * 12);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(24) {
    animation-delay: calc(1000ms * 13);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(25) {
    animation-delay: calc(1000ms * 14);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(26) {
    animation-delay: calc(1000ms * 15);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(27) {
    animation-delay: calc(1000ms * 16);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(28) {
    animation-delay: calc(1000ms * 17);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(29) {
    animation-delay: calc(1000ms * 18);
}
.DuelMenu__button-animation[data-v-79375d1d]:nth-child(30) {
    animation-delay: calc(1000ms * 19);
}
@media (max-width: 430px) {
.DuelMenu__container[data-v-79375d1d] {
      transform: scale(0.9);
}
.DuelMenu__title[data-v-79375d1d] {
      font-size: 24px;
}
.DuelMenu__button-text[data-v-79375d1d] {
      font-size: 28px;
}
}
@media (max-height: 667px) and (min-width: 501px) {
.DuelMenu__container[data-v-79375d1d] {
      transform: scale(0.7);
      bottom: -30px;
}
}
.StarDefenderButton[data-v-0c2e1928] {
    position: relative;
    pointer-events: none;
    user-select: none;
    z-index: 3;
}
.StarDefenderButton__wrapper[data-v-0c2e1928] {
    position: absolute;
    top: -43px;
    left: -33px;
    /* transition: transform 0.1s ease-out; */
    will-change: transform;
}
.StarDefenderButton__container[data-v-0c2e1928] {
    position: relative;
}
.StarDefenderButton__connectLine[data-v-0c2e1928] {
    width: 38px;
    height: 48px;
    position: relative;
}
.StarDefenderButton__content[data-v-0c2e1928] {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -100%);
    width: 200px;
}
.StarDefenderButton__bg[data-v-0c2e1928] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}
.StarDefenderButton__search[data-v-0c2e1928] {
     display: flex;
     flex-direction: column;
     gap: 4px;
     justify-content: center;
     align-items: center;
     position: absolute;
}
.StarDefenderButton__search-title[data-v-0c2e1928] {
    font-size: 14px;
    color: #00FFFF;
    /* text-shadow: 0px 0px 483.84px #00FFFF, 0px 0px 276.48px #00FFFF, 0px 0px 161.28px #00FFFF, 0px 0px 80.64px #00FFFF, 0px 0px 23.04px #00FFFF, 0px 0px 11.52px #00FFFF; */
    text-shadow: 0px 0px 23.04px #00FFFF, 0px 0px 11.52px #00FFFF;
}
.StarDefenderButton__title[data-v-0c2e1928]:hover {
    cursor: pointer;
}
.StarDefenderButton__online[data-v-0c2e1928] {
    position: absolute;
    bottom: 3%;
    font-size: 12px;
    color: white;
}
.StarDefenderButton__loading[data-v-0c2e1928] {
      display: flex;
      padding-right: 3px;
      padding-left: 3px;
      gap: 6px;
      justify-content: space-between;
}
.StarDefenderButton__dot[data-v-0c2e1928] {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      position: relative;
      transition: ease opacity 200ms;
      background-color: #00FFFF;
      opacity: 0.5;
      /* box-shadow: inset 0px 0px 7px #00FFFF; */
}
.StarDefenderButton__dot[data-v-0c2e1928]::after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: currentColor;
      box-shadow: 0 0 6px currentColor;
      opacity: 0;
      transition: ease opacity 200ms;
}
.StarDefenderButton__dot.is-active[data-v-0c2e1928] {
      opacity: 1;
      box-shadow: 0px 0px 10px #00FFFF;
}
.StarDefenderButton__dot.is-disabled[data-v-0c2e1928] {
      opacity: 0.5;
}
.StarDefenderButton__dot.is-disabled[data-v-0c2e1928]::after {
      opacity: 0;
}
.StarDefenderButton__name[data-v-0c2e1928] {
    position: absolute;
    top: 4%;
    font-size: 15px;
    color: black;
    z-index: 16;
    pointer-events:all;
}
.StarDefenderButton__title[data-v-0c2e1928] {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #00FFFF;
    text-shadow: 0px 0px 11.52px #00FFFF;
    z-index: 10;
    pointer-events: all;
}
.StarDefenderButton__name[data-v-0c2e1928]:hover {
    cursor: pointer;
}
.StarDefenderButton__title[data-v-0c2e1928]:hover {
    cursor: pointer;
}
.StarDefenderButton__online[data-v-0c2e1928] {
    position: absolute;
    bottom: 3%;
    font-size: 12px;
    color: white;
}
@media (max-width: 430px) {
.StarDefenderButton__content[data-v-0c2e1928] {
    width: 170px;
}
}
@media (max-height: 667px) and (min-width: 501px) {
.StarDefenderButton__content[data-v-0c2e1928] {
        width: 170px;
}
}
.AudioMenu__container[data-v-4860d8a3] {
    position: absolute;
    display: flex;
    justify-content: center;
    left: 0;
    bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    z-index: 2;
    pointer-events: all;
    user-select: none;
    transform: scale(0.9);
}
.AudioMenu[data-v-4860d8a3] {
    width: 100%;
    max-width: 430px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.AudioMenu__previous[data-v-4860d8a3] {
    position: absolute;
    top: 4%;
    left: 13%;
}
.AudioMenu__previous[data-v-4860d8a3]:hover {
    cursor: pointer;
}
.AudioMenu__title[data-v-4860d8a3] {
    position: absolute;
    top: 1%;
    font-size: 30px;
    /* font-size: 28px; */
    text-align: center;
    text-transform: uppercase;
    color: #112A5E;
}
.AudioMenu__close[data-v-4860d8a3] {
    position: absolute;
    top: 3.5%;
    right: 13%;
    color: #112A5E;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    background-image: url("../assets/app/features/user-inventory/inventory/close.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.AudioMenu__close[data-v-4860d8a3]:hover {
    cursor: pointer;
}
.AudioMenu img[data-v-4860d8a3] {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.AudioMenu__items[data-v-4860d8a3] {
    position: absolute;
    width: 80%;
    height: 74%;
    top: 23%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
.AudioMenu__icon-item[data-v-4860d8a3] {
    width: 100%;
    height: 30%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top:1px solid #00FFFF;
    border-bottom: 1px solid #00FFFF;
    padding:8px;
}
.AudioMenu__icon-item-text[data-v-4860d8a3] {
    font-size: 24px;
    color: #00FFFF;
    text-align: center;
}
.AudioMenu__icon-item-img[data-v-4860d8a3] {
    border: 2px solid #00FFFF;
    border-radius: 30px;
    width: 28%;
    height: 100%;
    padding:1px;
    position: relative;
}
.AudioMenu__icon-item-img[data-v-4860d8a3]:hover {
    cursor: pointer;
}
.AudioMenu__icon-item-icon[data-v-4860d8a3] {
      position: absolute;
      width: 45%;
      height: 93%;
      top: 1px;
      left: 0%;
      border-radius: 50%;
      border: 2px solid #00FFFF;
      transition: left 0.3s ease ;
}
.AudioMenu__icon-item-icon.off[data-v-4860d8a3] {
    left: 1%;
    background-color: rgba(0, 255, 255, 0.3);
}
.AudioMenu__icon-item-icon.on[data-v-4860d8a3] {
    left: 53%;
    background-color: rgba(0, 255, 255, 1);
}
.AudioMenu__setting-item[data-v-4860d8a3] {
    height: 30%;
    width:100%;
    font-size: 24px;
    color: #00FFFF;
    text-align: center;
    border-bottom: 1px solid #00FFFF;
    padding:8px;
}
@media (max-width: 430px) {
.AudioMenu__container[data-v-4860d8a3] {
      transform: scale(0.9);
}
.AudioMenu__title[data-v-4860d8a3] {
      font-size: 24px;
}
.AudioMenu__button-text[data-v-4860d8a3] {
      font-size: 28px;
}
}
@media (max-width: 375px) {
.AudioMenu__icon-item[data-v-4860d8a3] {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top:1px solid #00FFFF;
      border-bottom: 1px solid #00FFFF;
      padding:5px;
}
.AudioMenu__icon-item-text[data-v-4860d8a3] {
      font-size: 20px;
      color: #00FFFF;
      text-align: center;
}
.AudioMenu__setting-item[data-v-4860d8a3] {
      width:100%;
      font-size: 20px;
      color: #00FFFF;
      text-align: center;
      border-bottom: 1px solid #00FFFF;
      padding:5px;
}
}
@media (max-height: 667px) and (min-width: 501px) {
.AudioMenu__container[data-v-4860d8a3] {
      transform: scale(0.7);
      bottom: -30px;
}
}
.BattleDebugMenu[data-v-5a6fa8a5] {
  position: absolute;
  left: 20%;
  top: 12px;
  z-index: 100;
  pointer-events: all;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.BattleDebugMenu__toggle[data-v-5a6fa8a5] {
  width: 40px;
  height: 20px;
  background: rgba(255, 80, 80, 0.75);
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 10px;
  font-weight: bold;
  cursor: pointer;
  letter-spacing: 0.5px;
}
.BattleDebugMenu__panel[data-v-5a6fa8a5] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  background: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(255, 80, 80, 0.5);
  border-radius: 4px;
  padding: 6px;
}
.BattleDebugMenu__panel button[data-v-5a6fa8a5] {
  padding: 4px 8px;
  background: rgba(40, 40, 40, 0.9);
  color: #ff9;
  border: 1px solid rgba(255, 200, 0, 0.4);
  border-radius: 3px;
  font-size: 11px;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
}
.BattleDebugMenu__panel button[data-v-5a6fa8a5]:active {
  background: rgba(80, 80, 20, 0.9);
}

.SearchingMenu__container[data-v-4e87289d] {
    position: absolute;
    display: flex;
    justify-content: center;
    left: 0;
    width: 100%;
    bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 2;
    pointer-events: all;
    user-select: none;
    transform: scale(0.9);
}
.SearchingMenu[data-v-4e87289d] {
    width: 100%;
    max-width: 430px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.SearchingMenu__previous[data-v-4e87289d] {
    position: absolute;
    top: 4%;
    left: 13%;
}
.SearchingMenu__previous[data-v-4e87289d]:hover {
    cursor: pointer;
}
.SearchingMenu__title[data-v-4e87289d] {
    position: absolute;
    top: 1%;
    font-size: 30px;
    /* font-size: 28px; */
    text-align: center;
    text-transform: uppercase;
    color: #112A5E;
}
.SearchingMenu__close[data-v-4e87289d] {
    position: absolute;
    top: 3.5%;
    right: 13%;
    color: #112A5E;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    background-image: url("../assets/app/features/user-inventory/inventory/close.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.SearchingMenu__inviteFriend[data-v-4e87289d] {
    position: absolute;
    z-index: 10;
    top: 22.5%;
    right: 10%;
}
.SearchingMenu__inviteFriend[data-v-4e87289d]:hover {
    cursor: pointer;
}
.SearchingMenu__close[data-v-4e87289d]:hover {
    cursor: pointer;
}
.SearchingMenu img[data-v-4e87289d] {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.SearchingMenu__items[data-v-4e87289d] {
    position: absolute;
    width: 100%;
    height: 74%;
    top: 20%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.SearchingMenu__link[data-v-4e87289d] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 2px;
    border: none;
    text-align: center;
    width: 100%;
    border-radius: 10px;
}
.SearchingMenu__link-text[data-v-4e87289d] {
    color: #00FFFF;
    font-size: 15px;
}
.SearchingMenu__link-copy[data-v-4e87289d] {
    height: 100%;
}
.SearchingMenu__link-copy[data-v-4e87289d] {
    cursor: pointer;
}
.SearchingMenu__button[data-v-4e87289d]:hover {
    cursor: pointer;
    transform: scale(1.05);
}
.SearchingMenu__button-text[data-v-4e87289d] {
    font-style: normal;
    font-size: 32px;
    color: white;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
}
.SearchingMenu__label[data-v-4e87289d] {
    font-size: 24px;
    line-height: 1.1;
    color: #00FFFF;
    text-transform: uppercase;
}
.SearchingMenu__loading[data-v-4e87289d] {
    display: flex;
    gap: 4px;
}
.SearchingMenu__dot[data-v-4e87289d] {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    position: relative;
    transition: ease opacity 200ms;
    background: rgba(0, 255, 255, 0.01);
    box-shadow: inset 0px 0px 7px #00FFFF;
}
.SearchingMenu__dot[data-v-4e87289d]::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: currentColor;
    box-shadow: 0 0 6px currentColor;
    opacity: 0;
    transition: ease opacity 200ms;
}
.SearchingMenu__dot.is-active[data-v-4e87289d] {
    background: #00FFFF;
    box-shadow: 0px 0px 10px #00FFFF;
}
.SearchingMenu__dot.is-disabled[data-v-4e87289d] {
    opacity: 0.5;
}
.SearchingMenu__dot.is-disabled[data-v-4e87289d]::after {
    opacity: 0;
}
.SearchingMenu__time[data-v-4e87289d] {
    font-weight: 500;
    font-size: 36px;
    line-height: 1.1;
    text-transform: uppercase;
    color: #00FFFF;
}
.SearchingMenu__animation[data-v-4e87289d] {
    aspect-ratio: 300/80;
    height: 74%;
    margin-top: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.SearchingMenu__button[data-v-4e87289d] {
    /* background: linear-gradient(360deg, #00C6FB 0%, #005BEA 100%); 
    box-shadow: 0px 0px 24.3px #0169ED; */
    text-align: center;
    background-color: rgba(249, 4, 32, 0.8);
    width: 75%;
    /* height: 100%; */
    z-index: 3;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; 
    box-shadow: 
    0px 0px 13.5px rgba(249, 4, 32, 1),   /* Corresponds to the smallest blur */
    0px 0px 27px rgba(249, 4, 32, 1),     /* Slightly larger blur */
    0px 0px 94.5px rgba(249, 4, 32, 1),   /* Medium blur */
    0px 0px 189px rgba(249, 4, 32, 1),    /* Larger blur */
    0px 0px 324px rgba(249, 4, 32, 1),    /* Even larger blur */
    0px 0px 567px rgba(249, 4, 32, 1);    /* Largest blur */
    border-radius: 50px;
    transition: transform 0.3s ease;
}
.SearchingMenu__button-animation[data-v-4e87289d] {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 300/80;
    width: 75%;
    position: absolute;
    transform: scale(1,1);
    transform-origin: center;
    opacity: 1;
    z-index: 1;
    animation: zoomOut-4e87289d 6s infinite forwards linear;
}
@keyframes zoomOut-4e87289d {
from {
        opacity: 1;
        transform: scale(1,1);
}
to {
      opacity: 0;
      transform: scale(1.112,1.4);
}
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(1) {
    animation-delay: calc(1000ms * -1);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(2) {
    animation-delay: calc(1000ms * 0);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(3) {
    animation-delay: calc(1000ms * 1);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(4) {
    animation-delay: calc(1000ms * 2);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(5) {
    animation-delay: calc(1000ms * 3);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(6) {
    animation-delay: calc(1000ms * 4);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(7) {
    animation-delay: calc(1000ms * 5);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(8) {
    animation-delay: calc(1000ms * 6);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(9) {
    animation-delay: calc(1000ms * 7);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(10) {
    animation-delay: calc(1000ms * 8);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(11) {
    animation-delay: calc(1000ms * 9);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(12) {
    animation-delay: calc(1000ms * 10);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(13) {
    animation-delay: calc(1000ms * 11);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(14) {
    animation-delay: calc(1000ms * 2);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(15) {
    animation-delay: calc(1000ms * 3);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(16) {
    animation-delay: calc(1000ms * 4);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(17) {
    animation-delay: calc(1000ms * 5);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(18) {
    animation-delay: calc(1000ms * 6);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(19) {
    animation-delay: calc(1000ms * 7);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(20) {
    animation-delay: calc(1000ms * 8);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(21) {
    animation-delay: calc(1000ms * 9);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(22) {
    animation-delay: calc(1000ms * 10);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(23) {
    animation-delay: calc(1000ms * 11);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(24) {
    animation-delay: calc(1000ms * 12);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(25) {
    animation-delay: calc(1000ms * 13);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(26) {
    animation-delay: calc(1000ms * 14);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(27) {
    animation-delay: calc(1000ms * 15);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(28) {
    animation-delay: calc(1000ms * 16);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(29) {
    animation-delay: calc(1000ms * 17);
}
.SearchingMenu__button-animation[data-v-4e87289d]:nth-child(30) {
    animation-delay: calc(1000ms * 18);
}
@media (max-width: 430px) {
.SearchingMenu__container[data-v-4e87289d] {
      transform: scale(0.9);
}
.SearchingMenu__title[data-v-4e87289d] {
      font-size: 24px;
}
.SearchingMenu__button-text[data-v-4e87289d] {
      font-size: 28px;
}
}
@media (max-width: 375px) {
.SearchingMenu__label[data-v-4e87289d] {
        /* font-weight: 600; */
        font-size: 22px;
        line-height: 1.1;
        color: #00FFFF;
        text-transform: uppercase;
}
.SearchingMenu__loading[data-v-4e87289d] {
        display: flex;
        gap: 4px;
}
.SearchingMenu__dot[data-v-4e87289d] {
        width: 11px;
        height: 11px;
        border-radius: 50%;
        position: relative;
        transition: ease opacity 200ms;
        background: rgba(0, 255, 255, 0.01);
        box-shadow: inset 0px 0px 7px #00FFFF;
}
.SearchingMenu__dot[data-v-4e87289d]::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: currentColor;
        box-shadow: 0 0 6px currentColor;
        opacity: 0;
        transition: ease opacity 200ms;
}
.SearchingMenu__dot.is-active[data-v-4e87289d] {
        background: #00FFFF;
        box-shadow: 0px 0px 10px #00FFFF;
}
.SearchingMenu__dot.is-disabled[data-v-4e87289d] {
        opacity: 0.5;
}
.SearchingMenu__dot.is-disabled[data-v-4e87289d]::after {
        opacity: 0;
}
.SearchingMenu__time[data-v-4e87289d] {
        font-weight: 500;
        font-size: 28px;
        line-height: 1.1;
        text-transform: uppercase;
        color: #00FFFF;
}
}
@media (max-height: 667px) and (min-width: 501px) {
.SearchingMenu__container[data-v-4e87289d] {
      transform: scale(0.7);
      bottom: -30px;
}
}
.StarDefenderProcess[data-v-666e9c8a] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.StarDefenderProcess__container[data-v-666e9c8a] {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  user-select: none;
}
.StarDefenderProcess__connectLine[data-v-666e9c8a] {
  width: 38px;
  height: 48px;
  position: relative;
}
.StarDefenderProcess__content[data-v-666e9c8a] {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -100%);
  width: 200px;
}
.StarDefenderProcess__bg[data-v-666e9c8a] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
  pointer-events: all;
}
.StarDefenderProcess__name[data-v-666e9c8a] {
  position: absolute;
  top: 4%;
  font-size: 15px;
  color: black;
}
.StarDefenderProcess__search[data-v-666e9c8a] {
   display: flex;
   flex-direction: column;
   gap: 4px;
   justify-content: center;
   position: absolute;
}
.StarDefenderProcess__title[data-v-666e9c8a] {
  font-size: 16px;
  color: #00FFFF;
  text-shadow: 0px 0px 483.84px #00FFFF, 0px 0px 276.48px #00FFFF, 0px 0px 161.28px #00FFFF, 0px 0px 80.64px #00FFFF, 0px 0px 23.04px #00FFFF, 0px 0px 11.52px #00FFFF;
}
.StarDefenderProcess__title[data-v-666e9c8a]:hover {
  cursor: pointer;
}
.StarDefenderProcess__online[data-v-666e9c8a] {
  position: absolute;
  bottom: 3%;
  font-size: 12px;
  color: white;
}
.StarDefenderProcess__loading[data-v-666e9c8a] {
    display: flex;
    padding-right: 3px;
    padding-left: 3px;
    justify-content: space-between;
}
.StarDefenderProcess__dot[data-v-666e9c8a] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: relative;
    transition: ease opacity 200ms;
    background-color: #00FFFF;
    opacity: 0.5;
    /* box-shadow: inset 0px 0px 7px #00FFFF; */
}
.StarDefenderProcess__dot[data-v-666e9c8a]::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: currentColor;
    box-shadow: 0 0 6px currentColor;
    opacity: 0;
    transition: ease opacity 200ms;
}
.StarDefenderProcess__dot.is-active[data-v-666e9c8a] {
    opacity: 1;
    box-shadow: 0px 0px 10px #00FFFF;
}
.StarDefenderProcess__dot.is-disabled[data-v-666e9c8a] {
    opacity: 0.5;
}
.StarDefenderProcess__dot.is-disabled[data-v-666e9c8a]::after {
    opacity: 0;
}
@media (max-width: 430px) {
.StarDefenderProcess[data-v-666e9c8a] {
        transform: scale(0.8);
}
}
@media (max-height: 667px) and (min-width: 501px) {
.StarDefenderProcess[data-v-666e9c8a] {
    transform: scale(0.7);
}
}


.container[data-v-9fe63e74] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.BattleAcceptProgress[data-v-9fe63e74] {
    width: 100%;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 20px;
    padding: 2.5px;
    background-color: black;
}
.BattleAcceptProgress__bar[data-v-9fe63e74] {
    height: 6px;
    width: var(--progress);
    min-width: 6px;
    display: flex;
    justify-content: flex-end;
    border-radius: 5px;
    background: linear-gradient(90deg, #4FACFE 0%, #00F2FE 100%);
    box-shadow: 0px 0px 623.677px #01C0FB, 0px 0px 356.387px #01C0FB, 0px 0px 207.892px #01C0FB, 0px 0px 103.946px #01C0FB, 0px 0px 29.6989px #01C0FB, 0px 0px 14.8495px #01C0FB;
    transition: all 1s linear;
    flex-shrink: 0;
}
.BattleAcceptProgress__bar-tab[data-v-9fe63e74] {
    width:5px;
    height: 5px;
    border-radius: 50%;
    background: #00FFFF;
    box-shadow: 0px 0px 18.9001px #00FFFF, 0px 0px 10.8px #00FFFF, 0px 0px 6.30002px #00FFFF, 0px 0px 3.15001px #00FFFF, 0px 0px 0.900003px #00FFFF, 0px 0px 0.450001px #00FFFF;
}



.BattleReadyProgress[data-v-8971f9fc] {
    position: absolute;
    top:0%;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url(../assets/app/ui/background.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.BattleReadyProgress__container[data-v-8971f9fc] {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 10px;
}
.BattleReadyProgress__title[data-v-8971f9fc] {
    font-size: 36px;
    line-height: 43px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.BattleReadyProgress__time[data-v-8971f9fc] {
    font-size: 160px;
    color: #E2FCFF;
    text-shadow: 0px 0px 76.104px #0866EB, 0px 0px 43.488px #0866EB, 0px 0px 25.368px #0866EB, 0px 0px 12.684px #E2FCFF, 0px 0px 3.624px #E2FCFF, 0px 0px 1.812px #E2FCFF;
}
.BattleReadyProgress__buton[data-v-8971f9fc] {
    position: relative;
    display: flex;
    justify-content: center;
    background: transparent;
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    box-shadow: 
        0px 0px 18.45px rgba(0, 106, 237, 1), 
        0px 0px 36.9px rgba(0, 106, 237, 1),  
        0px 0px 129.15px rgba(0, 106, 237, 1);
        
    border-radius:37px;
    transition: all 0.3s linear;
}
.BattleReadyProgress__buton[data-v-8971f9fc]:hover {
    transform: scale(1.05);
}
.BattleReadyProgress__buton[data-v-8971f9fc]:active {
    transform: scale(0.95);
}
.BattleReadyProgress__buton img[data-v-8971f9fc] {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}
.BattleReadyProgress__buton-name[data-v-8971f9fc] {
    position: absolute;
    top: 34%;
    text-align: center;
    font-family:'jura', sans-serif;
    font-size: 36px;
    color: white;
}
.BattleReadyProgress__acceptprogress[data-v-8971f9fc] {
    position: absolute;
    top: 10%;
    width: 85%;
}
.BattleReadyProgress__content[data-v-8971f9fc] {
    background-color: rgba(7, 16, 50);
    padding: 17px;
    border-radius: 20px;
    max-width: 430px;
    position: relative;  
    margin-top: 40px;
}
.BattleReadyProgress__content-name[data-v-8971f9fc] {
    font-size: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 6%, rgba(0, 0, 0, 0.5) 100%), #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.BattleReadyProgress__content-description[data-v-8971f9fc] {
    font-size: 16px;
    color: white;
    margin-top: 20px;
    margin-bottom: 20px;
}
.BattleReadyProgress__bottom[data-v-8971f9fc] {
    pointer-events: all;
    margin-top: 23px;
    font-size: 14px;
    text-align: center;
    color: #FF0000;
    text-shadow:  0px 0px 20.16px #FF0000, 0px 0px 10.08px #FF0000;
}
.BattleReadyProgress__bottom[data-v-8971f9fc]:hover {
    cursor: pointer;
}
@media (max-width: 425px) {
.BattleReadyProgress__title[data-v-8971f9fc] {
        font-size: 32px;
}
.BattleReadyProgress__time[data-v-8971f9fc] {
        font-size: 120px;
}
.BattleReadyProgress__buton-name[data-v-8971f9fc] {
        font-size: 32px;
}
.BattleReadyProgress__acceptprogress[data-v-8971f9fc] {
        position: absolute;
        top: 10%;
        width: 85%;
}
.BattleReadyProgress__content[data-v-8971f9fc] {
        background-color: rgba(7, 16, 50);
        padding: 17px;
        border-radius: 20px;
        position: relative;
}
.BattleReadyProgress__content-name[data-v-8971f9fc] {
        font-size: 20px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 6%, rgba(0, 0, 0, 0.5) 100%), #FFFFFF;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
}
.BattleReadyProgress__content-description[data-v-8971f9fc] {
        font-size: 16px;
        color: white;
        margin-top: 20px;
        margin-bottom: 20px;
}
.BattleReadyProgress__bottom[data-v-8971f9fc] {
        margin-top: 23px;
        font-size: 14px;
        text-align: center;
        color: #FF0000;
        text-shadow: 0px 0px 20.16px #FF0000, 0px 0px 10.08px #FF0000;
}
}
@media (min-width: 768px) {
.BattleReadyProgress__buton[data-v-8971f9fc]{
          margin-top: 60px;
          margin-bottom: 60px;
}
}
@media (max-height: 667px) and (min-width: 501px) {
.BattleReadyProgress__container[data-v-8971f9fc] {
          justify-content: start;
          max-height: calc(100vh - 20px);
          pointer-events: all;
}
.BattleReadyProgress__time[data-v-8971f9fc] {
        font-size: 120px;
}
.BattleReadyProgress__buton[data-v-8971f9fc] {
        transform: scale(0.8);
}
.BattleReadyProgress__buton[data-v-8971f9fc]:hover {
        transform: scale(0.85);
}
.BattleReadyProgress__buton[data-v-8971f9fc]:active {
        transform: scale(0.8);
}
.BattleReadyProgress__content[data-v-8971f9fc] {
        transform: scale(0.8);
}
}
.BattleWaitProgress[data-v-536642fe] {
    position: absolute;
    top:0%;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background-image: url(../assets/app/ui/background.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.BattleWaitProgress__title[data-v-536642fe] {
    font-size: 36px;
    line-height: 43px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.BattleWaitProgress__time[data-v-536642fe] {
    font-size: 160px;
    color: #E2FCFF;
    text-shadow: 0px 0px 76.104px #0866EB, 0px 0px 43.488px #0866EB, 0px 0px 25.368px #0866EB, 0px 0px 12.684px #E2FCFF, 0px 0px 3.624px #E2FCFF, 0px 0px 1.812px #E2FCFF;
}
.BattleWaitProgress__buton[data-v-536642fe] {
    position: relative;
    display: flex;
    justify-content: center;
    background: transparent;
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius:37px;
}
.BattleWaitProgress__buton img[data-v-536642fe] {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}
.BattleWaitProgress__buton-name[data-v-536642fe] {
    position: absolute;
    top: 34%;
    text-align: center;
    font-family:'jura', sans-serif;
    font-size: 36px;
    color: white;
}
.BattleWaitProgress__acceptprogress[data-v-536642fe] {
    position: absolute;
    top: 5%;
    width: 85%;
}
.BattleWaitProgress__content[data-v-536642fe] {
    background-color: rgba(7, 16, 50, 0.5);
    padding: 17px;
    border-radius: 20px;
    max-width: 430px;
    position: relative;
    margin-top: 40px;
}
.BattleWaitProgress__content-name[data-v-536642fe] {
    font-size: 20px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 6%, rgba(0, 0, 0, 0.5) 100%), #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.BattleWaitProgress__content-description[data-v-536642fe] {
    font-size: 16px;
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
}
.BattleWaitProgress__bottom[data-v-536642fe] {
    margin-top: 23px;
    font-size: 14px;
    text-align: center;
    color: #FF0000;
    text-shadow: 0px 0px 423.36px #FF0000, 0px 0px 241.92px #FF0000, 0px 0px 141.12px #FF0000, 0px 0px 70.56px #FF0000, 0px 0px 20.16px #FF0000, 0px 0px 10.08px #FF0000;
}
@media (max-width: 375px) {
.BattleWaitProgress__title[data-v-536642fe] {
        font-size: 32px;
}
.BattleWaitProgress__time[data-v-536642fe] {
        font-size: 120px;
}
.BattleWaitProgress__buton-name[data-v-536642fe] {
        font-size: 32px;
}
.BattleWaitProgress__acceptprogress[data-v-536642fe] {
        position: absolute;
        top: 10%;
        width: 85%;
}
.BattleWaitProgress__content[data-v-536642fe] {
        background-color: rgba(7, 16, 50, 0.5);
        padding: 17px;
        border-radius: 20px;
        position: relative;
}
.BattleWaitProgress__content-name[data-v-536642fe] {
        font-size: 20px;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 6%, rgba(0, 0, 0, 0.5) 100%), #FFFFFF;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
}
.BattleWaitProgress__content-description[data-v-536642fe] {
        font-size: 16px;
        color: white;
        margin-top: 30px;
        margin-bottom: 40px;
}
}




.BattleTutorialAnimationButton[data-v-5623b7f7] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.2s ease;
}
.BattleTutorialAnimationButton.is-disabled[data-v-5623b7f7] {
  pointer-events: none;
}
.BattleTutorialAnimationButton[data-v-5623b7f7]:hover {
  cursor: pointer;
  transform: scale(1.05);
}
.BattleTutorialAnimationButton[data-v-5623b7f7]:active {
  transform: scale(0.95);
}
.BattleTutorialAnimationButton img[data-v-5623b7f7] {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.BattleTutorialAnimationButton__text[data-v-5623b7f7] {
    position: absolute;
    text-align: center;
    font-size:16px;
    color: white
}
.BattleTutorialAnimationButton__item[data-v-5623b7f7] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1,1);
    transform-origin: center;
    opacity: 1;
    z-index: -1;
    overflow: hidden;
    animation: zoomOut-5623b7f7 4s infinite forwards linear;
}
@keyframes zoomOut-5623b7f7 {
from {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0.9,0.9);
}
50% {
        transform: translate(-50%, -50%) scale(1.1,1.15);
        opacity: 0.8;
}
to {
      opacity: 0;
      transform: translate(-50%, -50%) scale(1.2,1.3);
}
}
.BattleTutorialAnimationButton__item[data-v-5623b7f7]:nth-child(1) {
    animation-delay: calc(1000ms * -1);
}
.BattleTutorialAnimationButton__item[data-v-5623b7f7]:nth-child(2) {
    animation-delay: calc(1000ms * 0);
}
.BattleTutorialAnimationButton__item[data-v-5623b7f7]:nth-child(3) {
    animation-delay: calc(1000ms * 1);
}
.BattleTutorialAnimationButton__item[data-v-5623b7f7]:nth-child(4) {
    animation-delay: calc(1000ms * 2);
}
.BattleTutorialAnimationButton__item[data-v-5623b7f7]:nth-child(5) {
    animation-delay: calc(1000ms * 3);
}
.BattleTutorialAnimationButton__item[data-v-5623b7f7]:nth-child(6) {
    animation-delay: calc(1000ms * 4);
}
.BattleTutorialAnimationButton__item[data-v-5623b7f7]:nth-child(7) {
    animation-delay: calc(1000ms * 5);
}
.BattleTutorialAnimationButton__item[data-v-5623b7f7]:nth-child(8) {
    animation-delay: calc(1000ms * 6);
}
.BattleTutorialAnimationButton__item[data-v-5623b7f7]:nth-child(9) {
    animation-delay: calc(1000ms * 7);
}
.BattleTutorialAnimationButton__item[data-v-5623b7f7]:nth-child(10) {
    animation-delay: calc(1000ms * 8);
}
  






.BattleTutorial[data-v-3b123114] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: all;
    background-image: url(../assets/app/ui/background.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: contain;
    user-select: none;
}
.BattleTutorial img[data-v-3b123114] {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
}
.BattleTutorial__container[data-v-3b123114] {
    position: absolute;
    top:0%;
    height: 100%;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 40px 10px 30px 10px;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
.BattleTutorial__title[data-v-3b123114] {
    font-size: 36px;
    color: white;
    margin-bottom: 40px;
}
.BattleTutorial__content[data-v-3b123114] {
    padding: 17px;
    background-color: rgba(7, 16, 50);
    border-radius: 20px;
    max-width: 430px;
}
.BattkeTutorial__content-name[data-v-3b123114] {
    font-size: 20px;
    color:gray;
}
.BattleTutorial__content-description[data-v-3b123114] {
    margin-top: 4.6%;
    margin-bottom: 17px;
    font-size: 16px;
    color: white;
}
.BattleTutorial__content-image[data-v-3b123114] {
    /* margin-bottom: 8.2%; */
}
.Battle__Tutorial-flow[data-v-3b123114] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 40px;
    margin-bottom: 90px;
}
.Battle__Tutorial-flow-item[data-v-3b123114] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #D9D9D94D;
}
.Battle__Tutorial-flow-item--selected[data-v-3b123114] {
    background: linear-gradient(360deg, #00C6FB 0%, #005BEA 100%);
    box-shadow: 0px 0px 12.6px #006FED;
}
.BattleTutorial-bottom[data-v-3b123114] {
    display: flex;
    gap:20px;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 375px) {
.Battle__Tutorial-flow[data-v-3b123114] {
        margin-bottom: 40px;
}
}
@media (max-height: 667px) and (min-width: 501px) {
.BattleTutorial__container[data-v-3b123114] {
        justify-content: start;
}
.BattleTutorial__container[data-v-3b123114] {
        overflow-y: auto;
}
.Battle__Tutorial-flow[data-v-3b123114] {
        margin-bottom: 20px;
}
.BattleTutorial__title[data-v-3b123114] {
        font-size: 26px;
}
.BattleTutorial__content-description[data-v-3b123114] {
        font-size: 14px;
}
.BattkeTutorial__content-name[data-v-3b123114] {
        font-size: 16px;
}
.Battle__Tutorial-flow[data-v-3b123114] {
        margin-bottom: 20px;
        margin-top: 20px;
        transform: scale(0.8);
}
}





.BattleLoadingProgress[data-v-bc14f6e2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url(../assets/app/ui/background.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 35px;
    gap: 20px;
}
.BattleLoadingProgress__title[data-v-bc14f6e2] {
    font-size: 36px;
    color: white;
}
.dots[data-v-bc14f6e2]::after {
    content: '';
    animation: dots-bc14f6e2 1.5s linear infinite;
    transition: all 0.5s linear;
}
@keyframes dots-bc14f6e2 {
0% {
      content: '';
}
33% {
      content: '.';
}
66% {
      content: '..';
}
100% {
      content: '...';
}
}
@media (max-width: 375px) {
.BattleLoadingProgress__title[data-v-bc14f6e2] {
      font-size: 30px;
}
}
              
.PlayerModel[data-v-76a8cfcc] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 190px;
    width: 100%;
    max-height: 236px;
    height: 100%;
    z-index: 3;
}
.PlayerModel__pic[data-v-76a8cfcc] {
    position: absolute;
    aspect-ratio: 1/1;
    height: 79%;
    max-width: 170px;
    top: 6%;
    z-index: -1;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    overflow: hidden;
}
.PlayerModel__pic img[data-v-76a8cfcc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.PlayerModel__info[data-v-76a8cfcc] {
    pointer-events: all;
    position: absolute;
    z-index: 4;
    height: 26.8%;
    top: 66%;
}
.PlayerModel__shadow[data-v-76a8cfcc] {
    position: absolute;
    pointer-events: none;
    z-index: -2;
    width: 60%;
    height: 80%;
    border-radius: 50%;
    box-shadow: 0px 0px 9.87px rgba(12, 123, 238, 0.7),
        0px 0px 19.73px rgba(12, 123, 238, 0.7), 
        0px 0px 69.06px rgba(12, 123, 238, 0.7), 
        0px 0px 138.11px rgba(12, 123, 238, 0.7)
}
.PlayerModel__pickArea[data-v-76a8cfcc] {
    position: absolute;
    width: 110%;
    height: 110%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: all;
    cursor: pointer;
}
.PlayerModel__info[data-v-76a8cfcc]:hover {
    cursor: pointer;
}
@media (max-width: 375px) {
.PlayerModel__info[data-v-76a8cfcc] {
        top: 67%;
}
}

.PlayerPick[data-v-c6f0b9e0] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-image: url(../assets/app/ui/background.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.PlayerPick__container[data-v-c6f0b9e0] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
.PlayerPick__name[data-v-c6f0b9e0] {
    margin-bottom: 30px;
    font-size: 24px;
    display: flex;
    flex-direction: column;
}
.PlayerPick__name span[data-v-c6f0b9e0]:nth-child(2) {
    color: #00C6FB;
    text-align: center;
}
.PlayerPick__name span[data-v-c6f0b9e0]:nth-child(1) {
    color: white;
    text-align: center;
}
.PlayerPick__item[data-v-c6f0b9e0] {
    
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 23%;
}
.PlayerPick__item-name[data-v-c6f0b9e0] {
    font-size: 16px;
}
.PlayerPick__item-name span[data-v-c6f0b9e0]:nth-child(1) {
    color: white;
    padding-right: 10px;
}
.PlayerPick__item-name span[data-v-c6f0b9e0]:nth-child(2) {
    color: #00C6FB;
    padding-right: 10px;
}
.PlayerPick__time[data-v-c6f0b9e0] {
    display: flex;
    width: 100%;
    justify-content:space-between;
    align-items: center;
    margin-top: 32px;
}
.PlayerPick__time hr[data-v-c6f0b9e0] {
    border: 1px solid #751577;
    width: calc(50% - 30px);
}
.PlayerPick__time>p[data-v-c6f0b9e0] {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
    background: linear-gradient(0deg, #0250C5 0%, #D43F8D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.PlayerPick h4[data-v-c6f0b9e0] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.PlayerPick__title[data-v-c6f0b9e0] {
    padding-left: 17px;
    padding-right: 17px;
    max-width: 430px;
    font-size: 18px;
}
.PlayerPick p[data-v-c6f0b9e0] {
    padding-top: 5px;
    color: white;
    font-size: 18px;
}
.PlayerPick__title-line[data-v-c6f0b9e0] {
    border: 1px solid #751577;
    width: 100%
}
.PlayerPick__ability[data-v-c6f0b9e0] {
    display: flex;
    gap:10px;
    justify-content: flex-start;
    align-items: center;
    max-width: 430px;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.PlayerPick__ability-content[data-v-c6f0b9e0] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.PlayerPick__ability-img[data-v-c6f0b9e0] {
    flex-shrink: 0;
    width: 90px;
    height: 90px;
}
.PlayerPick__ability-img img[data-v-c6f0b9e0] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.PlayerPick img[data-v-c6f0b9e0] {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.PlayerPick__button[data-v-c6f0b9e0] {
    max-width: 430px;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 20px;
    background-color: transparent;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}
.PlayerPick__button-name[data-v-c6f0b9e0] {
    position: absolute;
}
.PlayerPick__title[data-v-c6f0b9e0] {
    margin-bottom: 15px;
}
@media (max-width: 425px)  {
.PlayerPick__title[data-v-c6f0b9e0] {
        margin-bottom: 20px;
}
}
@media (max-width:375px)  {
.PlayerPick__name[data-v-c6f0b9e0]{
        margin-bottom: 15px;
}
.PlayerPick__time[data-v-c6f0b9e0] {
        margin-top: 5px;
}
.PlayerPick__ability[data-v-c6f0b9e0] {
        padding-top: 20px;
        padding-bottom: 20px;
}
}
@media (max-height: 620px) {
.PlayerPick__container[data-v-c6f0b9e0] {
        justify-content: start;
        pointer-events: all;
}
}



.PreGameCountdown[data-v-14e3343e] {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  pointer-events: none;
  background-image: url(../assets/app/ui/background.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.PreGameCountdown img[data-v-14e3343e] {
object-fit: contain;
}
.PreGameCountdown__title[data-v-14e3343e] {
  height: 13%;
  margin-top: 20px;
  margin-bottom: 46px;
  animation: flyInAndScale-14e3343e 3s infinite ease-in-out;
}
.title-image[data-v-14e3343e] {
  width: 100%;
  height: auto;
}
.PreGameCountdown__player[data-v-14e3343e] {
  height: calc(23.5% + 50px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.PreGameCountdown__player-info[data-v-14e3343e] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 50px);
  width: 80%;
  z-index: 3;
}
.PreGameCountdown__player-img[data-v-14e3343e] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  overflow: hidden;
}
.PreGameCountdown__player-img img[data-v-14e3343e] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.PreGameCountdown__player-shadow[data-v-14e3343e]{
  position: absolute;
  width: 70%;
  height: 55%;
  border-radius: 50%;
  box-shadow: 
    0px 0px 4px rgba(0, 93, 234, 0.5),    /* Small shadow all around */
    0px 0px 16px rgba(0, 93, 234, 0.5),   /* Larger shadow all around */
    0px 0px 30px rgba(0, 93, 234, 0.5),   /* Larger shadow all around */
    0px 0px 60px rgba(0, 93, 234, 0.5),   /* Even larger shadow */
    0px 0px 120px rgba(0, 93, 234, 0.5),  /* Very large shadow */
    0px 0px 200px rgba(0, 93, 234, 0.5);  /* Extra large shadow */
    z-index: -1;
  z-index: -1;
}
.PreGameCountdown__panel[data-v-14e3343e] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 30px);
  height: 25%;
}
.PreGameCountdown__player-name[data-v-14e3343e] {
  font-size: 16px;
  color: white;
}
@keyframes flyInAndScale-14e3343e {
0% {
    transform: scale(0.5) translateY(0);
    opacity: 1;
}
100% {
    transform: scale(1) translateY(0);
    opacity: 1;
}
}


.container[data-v-152a28d3] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    pointer-events: all;
}

/* Светящаяся обводка вокруг панели */
.ShopMenu[data-v-152a28d3] {
    position: relative;
    width: 100%;
    max-width: 410px;
    height: min(96%, 760px);
    padding: 2px;
    border-radius: 22px;
    background: rgba(56, 232, 255, 0.7);
    box-shadow: 0 0 40px rgba(20, 140, 220, 0.45), 0 0 120px rgba(20, 110, 200, 0.25);
}
.ShopMenu__panel[data-v-152a28d3] {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 14px 14px 14px;
    border-radius: 20px;
    background: linear-gradient(180deg, #0a1730 0%, #071228 40%, #050e20 100%);
    color: #dbe9ff;
}

/* ── Шапка: баланс | SHOP | закрыть ────────────────────────────────────────── */
.ShopMenu__header[data-v-152a28d3] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 8px;
}
.ShopMenu__balance[data-v-152a28d3] {
    justify-self: start;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    padding: 6px 12px;
    border: 1px solid rgba(56, 232, 255, 0.4);
    border-radius: 999px;
    background: rgba(8, 24, 48, 0.9);
}
.ShopMenu__balance-value[data-v-152a28d3] {
    font-size: 14px;
    color: #ffffff;
}
.ShopMenu__title-wrap[data-v-152a28d3] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.ShopMenu__title[data-v-152a28d3] {
    margin: 0;
    font-size: 22px;
    letter-spacing: 0.1em;
    color: #ffffff;
    text-shadow: 0 0 24px rgba(56, 232, 255, 0.75), 0 0 60px rgba(56, 232, 255, 0.35);
}
.ShopMenu__title-dash[data-v-152a28d3] {
    width: 12px;
    height: 2px;
    background: #38e8ff;
    box-shadow: 0 0 12px #38e8ff;
}
.ShopMenu__title-line[data-v-152a28d3] {
    width: 22px;
    height: 2px;
    box-shadow: 0 0 12px #38e8ff;
}
.ShopMenu__title-line.--left[data-v-152a28d3] {
    background: linear-gradient(90deg, transparent, #38e8ff);
}
.ShopMenu__title-line.--right[data-v-152a28d3] {
    background: linear-gradient(270deg, transparent, #38e8ff);
}
.ShopMenu__header-right[data-v-152a28d3] {
    justify-self: end;
}
.ShopMenu__close[data-v-152a28d3] {
    width: 38px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid rgba(56, 232, 255, 0.55);
    background: rgba(10, 32, 60, 0.85);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: inset 0 0 14px rgba(56, 232, 255, 0.18);
}
.ShopMenu__close[data-v-152a28d3]:hover {
    background: rgba(90, 20, 50, 0.9);
    border-color: #ff5d8f;
    color: #ff5d8f;
}

/* ── Поиск и вкладки ───────────────────────────────────────────────────────── */
.ShopMenu__controls[data-v-152a28d3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ShopMenu__search[data-v-152a28d3] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(90, 140, 190, 0.4);
    border-radius: 10px;
    background: rgba(7, 20, 40, 0.9);
}
.ShopMenu__search-icon[data-v-152a28d3] {
    color: #6f93bb;
    font-size: 15px;
}
.ShopMenu__search input[data-v-152a28d3] {
    flex: 1;
    min-width: 0;
    background: transparent;
    border: 0;
    outline: 0;
    color: #dbe9ff;
    font-size: 13px;
}
.ShopMenu__search input[data-v-152a28d3]::placeholder {
    color: #6f93bb;
}
.ShopMenu__search-clear[data-v-152a28d3] {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid rgba(90, 140, 190, 0.45);
    background: rgba(14, 34, 60, 0.9);
    color: #9ab8d8;
    font-size: 11px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ShopMenu__search-clear[data-v-152a28d3]:hover {
    border-color: #ff5d8f;
    color: #ff5d8f;
}
.ShopMenu__tabs[data-v-152a28d3] {
    display: flex;
    gap: 8px;
}
.ShopMenu__tab[data-v-152a28d3] {
    flex: 1;
    height: 34px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.12em;
    border: 1px solid rgba(90, 140, 190, 0.4);
    background: rgba(7, 20, 40, 0.9);
    color: #9ab8d8;
}
.ShopMenu__tab.--on[data-v-152a28d3] {
    border-color: #38e8ff;
    background: rgba(56, 232, 255, 0.16);
    color: #ffffff;
    box-shadow: 0 0 18px rgba(56, 232, 255, 0.4), inset 0 0 14px rgba(56, 232, 255, 0.18);
}

/* ── Список секций ─────────────────────────────────────────────────────────── */
.ShopMenu__list-frame[data-v-152a28d3] {
    flex: 1;
    min-height: 0;
    border: 1px solid rgba(60, 110, 170, 0.35);
    border-radius: 14px;
    background: rgba(5, 14, 30, 0.75);
    padding: 10px 6px 10px 10px;
}
.ShopMenu__list[data-v-152a28d3] {
    height: 100%;
    overflow-y: auto;
    padding-right: 8px;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.ShopMenu__list[data-v-152a28d3]::-webkit-scrollbar {
    width: 6px;
}
.ShopMenu__list[data-v-152a28d3]::-webkit-scrollbar-track {
    background: rgba(20, 40, 70, 0.45);
    border-radius: 3px;
}
.ShopMenu__list[data-v-152a28d3]::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #38e8ff, #1479a8);
    border-radius: 3px;
}
.ShopMenu__section[data-v-152a28d3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ShopMenu__section-head[data-v-152a28d3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
.ShopMenu__section-title[data-v-152a28d3] {
    margin: 0;
    font-size: 15px;
    letter-spacing: 0.16em;
    color: var(--tier);
    text-shadow: 0 0 20px var(--tier-glow);
}
.ShopMenu__section-line[data-v-152a28d3] {
    flex: 1;
    max-width: 90px;
    height: 2px;
}
.ShopMenu__section-line.--left[data-v-152a28d3] {
    background: linear-gradient(90deg, transparent, var(--tier));
}
.ShopMenu__section-line.--right[data-v-152a28d3] {
    background: linear-gradient(270deg, transparent, var(--tier));
}
.ShopMenu__items[data-v-152a28d3] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

/* ── Карточка предмета ─────────────────────────────────────────────────────── */
.ShopMenu__item[data-v-152a28d3] {
    position: relative;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid var(--tier-edge);
    background: linear-gradient(180deg, var(--tier-top) 0%, rgba(6, 16, 34, 0.95) 100%);
    box-shadow: 0 0 18px var(--tier-card-glow) inset;
}
.ShopMenu__item.--owned[data-v-152a28d3] {
    border-color: rgba(255, 196, 80, 0.6);
    background: linear-gradient(180deg, rgba(64, 44, 8, 0.85) 0%, rgba(6, 16, 34, 0.95) 100%);
    box-shadow: 0 0 26px rgba(255, 190, 60, 0.16) inset;
}
.ShopMenu__item-check[data-v-152a28d3] {
    position: absolute;
    top: 6px;
    right: 6px;
    z-index: 2;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    color: #2a1704;
    background: linear-gradient(160deg, #ffe9a8, #e39a12);
    box-shadow: 0 0 14px rgba(255, 190, 60, 0.8);
}
.ShopMenu__item-badge-row[data-v-152a28d3] {
    display: flex;
    padding: 7px 8px 0;
}
.ShopMenu__badge[data-v-152a28d3] {
    padding: 2px 6px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 9px;
    letter-spacing: 0.14em;
    color: #D7E4F2;
}

/* ACTIVE — залитый чип («кнопочный»), PASSIVE — призрачный контур */
.ShopMenu__badge.--active[data-v-152a28d3] {
    background: rgba(215, 228, 242, 0.16);
    border: 1px solid rgba(215, 228, 242, 0.5);
}
.ShopMenu__badge.--passive[data-v-152a28d3] {
    background: transparent;
    border: 1px solid rgba(215, 228, 242, 0.25);
}
.ShopMenu__item-icon[data-v-152a28d3] {
    height: 82px;
    margin: 5px 10px 0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--tier-edge);
    background-color: var(--tier-icon-bg);
}
.ShopMenu__item.--owned .ShopMenu__item-icon[data-v-152a28d3] {
    border-color: rgba(255, 196, 80, 0.6);
    background-color: rgba(70, 48, 10, 0.55);
}
.ShopMenu__item-icon img[data-v-152a28d3] {
    max-width: 86%;
    max-height: 86%;
    object-fit: contain;
}
.ShopMenu__item-name[data-v-152a28d3] {
    display: block;
    padding: 7px 8px 8px;
    min-height: 36px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.15;
    color: #ffffff;
}
.ShopMenu__item-action[data-v-152a28d3] {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 6px;
    cursor: pointer;
    border: 0;
    font-size: 12px;
    letter-spacing: 0.04em;
}
.ShopMenu__item-action.--buy[data-v-152a28d3] {
    border-top: 1px solid var(--tier-edge);
    background: linear-gradient(180deg, rgba(14, 58, 96, 0.85), rgba(5, 22, 44, 0.92));
    color: #ffffff;
}
.ShopMenu__item-action.--buy[data-v-152a28d3]:hover {
    background: linear-gradient(180deg, rgba(24, 92, 146, 0.95), rgba(10, 40, 74, 0.95));
}
.ShopMenu__item-action.--sell[data-v-152a28d3] {
    border-top: 1px solid rgba(255, 196, 80, 0.55);
    background: linear-gradient(180deg, rgba(120, 78, 10, 0.85), rgba(70, 44, 4, 0.9));
    color: #ffe6ae;
    letter-spacing: 0.1em;
}
.ShopMenu__item-action.--sell[data-v-152a28d3]:hover {
    background: linear-gradient(180deg, rgba(168, 110, 14, 0.95), rgba(104, 64, 6, 0.95));
    color: #fff8e6;
}
.ShopMenu__item-action.--pending[data-v-152a28d3] {
    cursor: default;
    border-top: 1px solid rgba(90, 140, 190, 0.3);
    background: rgba(7, 20, 40, 0.6);
}
.ShopMenu__empty[data-v-152a28d3] {
    padding: 50px 0;
    text-align: center;
    color: #6f93bb;
    font-size: 14px;
    letter-spacing: 0.08em;
}

/* ── Золотой шестигранник ──────────────────────────────────────────────────── */
.goldHex[data-v-152a28d3] {
    width: 13px;
    height: 16px;
    flex: 0 0 auto;
    background: linear-gradient(160deg, #fff2c4 0%, #ffce5c 38%, #e39a12 62%, #8a5504 100%);
    clip-path: polygon(50% 0, 94% 26%, 94% 74%, 50% 100%, 6% 74%, 6% 26%);
}
.goldHex.--small[data-v-152a28d3] {
    width: 11px;
    height: 14px;
}
.goldHex.--balance[data-v-152a28d3] {
    width: 15px;
    height: 19px;
    /* box-shadow обрезается clip-path, поэтому свечение через drop-shadow */
    filter: drop-shadow(0 0 6px rgba(255, 190, 60, 0.7));
}

/* ── Попап деталей предмета ────────────────────────────────────────────────── */

/* ниже z-index: 10 у BasePopup — ConfirmPopup должен всплывать поверх */
.ShopDetail[data-v-152a28d3] {
    position: absolute;
    inset: 0;
    z-index: 8;
    background: rgba(3, 7, 16, 0.78);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
}
.ShopDetail__glow[data-v-152a28d3] {
    width: min(380px, 100%);
    padding: 2px;
    border-radius: 18px;
    background: rgba(56, 232, 255, 0.7);
    box-shadow: 0 0 50px rgba(20, 140, 220, 0.5), 0 0 140px rgba(20, 110, 200, 0.3);
}
.ShopDetail__panel[data-v-152a28d3] {
    border-radius: 16px;
    background: linear-gradient(180deg, #0b1a34 0%, #071228 55%, #050e20 100%);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    color: #dbe9ff;
}
.ShopDetail__head[data-v-152a28d3] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.ShopDetail__head-meta[data-v-152a28d3] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.ShopDetail__tags[data-v-152a28d3] {
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.16em;
}
.ShopDetail__tier[data-v-152a28d3] {
    color: var(--tier);
    font-size: 11px;
    letter-spacing: 0.16em;
}
.ShopDetail__name[data-v-152a28d3] {
    margin: 0;
    font-size: 20px;
    line-height: 1.15;
    letter-spacing: 0.04em;
    color: #ffffff;
    text-shadow: 0 0 22px rgba(56, 232, 255, 0.5);
}
.ShopDetail__body[data-v-152a28d3] {
    display: flex;
    gap: 14px;
    align-items: stretch;
}
.ShopDetail__icon[data-v-152a28d3] {
    width: 104px;
    height: 104px;
    flex: 0 0 104px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--tier-edge);
    background-color: var(--tier-icon-bg);
}
.ShopDetail__icon img[data-v-152a28d3] {
    max-width: 86%;
    max-height: 86%;
    object-fit: contain;
}
.ShopDetail__texts[data-v-152a28d3] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ShopDetail__desc[data-v-152a28d3] {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: #c3dbf5;
}
.ShopDetail__hint[data-v-152a28d3] {
    margin: 0;
    font-size: 11px;
    line-height: 1.4;
    color: #6f93bb;
}
.ShopDetail__owned[data-v-152a28d3] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid rgba(255, 196, 80, 0.5);
    background: rgba(58, 38, 6, 0.75);
    font-size: 11px;
    letter-spacing: 0.14em;
    color: #ffce5c;
}
.ShopDetail__owned-check[data-v-152a28d3] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #2a1704;
    background: linear-gradient(160deg, #ffe9a8, #e39a12);
}
.ShopDetail__actions[data-v-152a28d3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    justify-items: center;
}
.ShopDetail__actions > .ShopMenu__loading[data-v-152a28d3] {
    grid-column: 1 / -1;
}
.ShopDetail__buy[data-v-152a28d3],
.ShopDetail__sell[data-v-152a28d3] {
    width: 100%;
    height: 52px;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    font-size: 15px;
    letter-spacing: 0.06em;
}
.ShopDetail__buy[data-v-152a28d3] {
    border: 1px solid rgba(56, 232, 255, 0.8);
    background: linear-gradient(180deg, rgba(18, 86, 140, 0.95), rgba(8, 42, 80, 0.95));
    color: #ffffff;
    box-shadow: 0 0 26px rgba(56, 232, 255, 0.35);
}
.ShopDetail__buy[data-v-152a28d3]:hover {
    box-shadow: 0 0 44px rgba(56, 232, 255, 0.6);
}
.ShopDetail__sell[data-v-152a28d3] {
    border: 1px solid rgba(244, 114, 208, 0.6);
    background: rgba(38, 16, 44, 0.9);
    color: #ffd9f2;
}
.ShopDetail__sell[data-v-152a28d3]:hover {
    border-color: #f472d0;
    background: rgba(66, 22, 74, 0.95);
}

/* ── Общее ─────────────────────────────────────────────────────────────────── */
.disabled[data-v-152a28d3] {
    opacity: 0.5;
    pointer-events: none;
}

/* Тап по задизейбленной покупке должен показать причину (тост), а не глотаться */
.ShopMenu__item-action.--buy.disabled[data-v-152a28d3],
.ShopDetail__buy.disabled[data-v-152a28d3] {
    pointer-events: auto;
    cursor: default;
}
.ShopMenu__loading[data-v-152a28d3] {
    width: 24px;
    height: 24px;
}
@media (max-width: 325px) {
.ShopMenu__balance-value[data-v-152a28d3] {
        font-size: 12px;
}
.ShopMenu__title[data-v-152a28d3] {
        font-size: 18px;
}
.ShopMenu__title-line[data-v-152a28d3] {
        width: 12px;
}
}

.LeadersHero[data-v-1686fe03] {
    width:100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    bottom: 0;
}
.LeadersHero__crown[data-v-1686fe03] {
   padding-bottom: 5px;
   z-index: 1;
}
.LeadersHero__avatar[data-v-1686fe03] {
    border-radius: 100%;
    width: 100%;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.LeadersHero__avatar-img[data-v-1686fe03] {
    position: absolute;
    width: 90%;
    height: 90%;
    z-index: 1;
}
.LeadersHero__info[data-v-1686fe03] {
    color: #00FFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.LeadersHero__info h3[data-v-1686fe03] {
    font-size: 14px;
}
.LeadersHero__info p[data-v-1686fe03] {
    font-size: 12px;
}
.gold[data-v-1686fe03] {
    background: linear-gradient(180deg, #FF9900 0%, #FEE140 100%);
    box-shadow: 0px 0px 302.423px #F8D63D, 0px 0px 172.813px #F8D63D, 0px 0px 100.808px #F8D63D, 0px 0px 50.4038px #F8D63D, 0px 0px 14.4011px #F8D63D, 0px 0px 7.20054px #F8D63D;
}
.silver[data-v-1686fe03] {
    background: linear-gradient(0deg, #F5F7FA 0%, #C3CFE2 100%);
    box-shadow: 0px 0px 302.423px #B5C7E4, 0px 0px 172.813px #B5C7E4, 0px 0px 100.808px #B5C7E4, 0px 0px 50.4038px #B5C7E4, 0px 0px 14.4011px #B5C7E4, 0px 0px 7.20054px #B5C7E4;
}
.bronze[data-v-1686fe03] {
    background: linear-gradient(0deg, #FF8177 0%, #FF867A 0%, #FF8C7F 21%, #F99185 52%, #CF556C 78%, #B12A5B 100%);
    box-shadow: 0px 0px 302.423px #FD8A7F, 0px 0px 172.813px #FD8A7F, 0px 0px 100.808px #FD8A7F, 0px 0px 50.4038px #FD8A7F, 0px 0px 14.4011px #FD8A7F, 0px 0px 7.20054px #FD8A7F;
}




.LeadersBoard[data-v-0abdf4c2] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 70px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 10;
    pointer-events: all;
}
.LeadersBoard__container[data-v-0abdf4c2] {
    max-width: 410px;
    max-height: calc(100vh - 100px);
    aspect-ratio: 410/640;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.LeadersBoard__container-content[data-v-0abdf4c2] {
    position:absolute;
    top:0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-height: calc(100% - 10px);
}
.LeadersBoard__header[data-v-0abdf4c2] {
    top: 3px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    width: 100%;
    position: relative;
}
.LeadersBoard__header-menu[data-v-0abdf4c2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 65px);
}
.LeadersBoard__header-previous[data-v-0abdf4c2] {
    cursor: pointer;
}
.LeadersBoard__header-close[data-v-0abdf4c2] {
    cursor: pointer;
}
.LeadersBoard__navbar[data-v-0abdf4c2] {  
    /* position: sticky;   
    top: 0; */
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 15px;
    padding-bottom: 15px;
}
.LeadersBoard__header-title[data-v-0abdf4c2] {
    color: #112A5E;
    font-size: 30px;
}
.LeadersBoard__navbar-item[data-v-0abdf4c2] {
    cursor: pointer;
    transition: all 0.3s ease;
    color: #00FFFF;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
}
.LeadersBoard__navbar-item.active[data-v-0abdf4c2] {
    opacity: 1;
    /* text-shadow: 0px 0px 340.2px #00FFFF, 0px 0px 194.4px #00FFFF, 0px 0px 113.4px #00FFFF, 0px 0px 56.7px #00FFFF, 0px 0px 16.2px #00FFFF, 0px 0px 8.1px #00FFFF;   */
    text-shadow:   0px 0px 8.1px #00FFFF;
}
.--LeadersBoard__navbar-item-center[data-v-0abdf4c2] {
    border-left: 2px solid #00FFFF;
    border-right: 2px solid #00FFFF;
    width: 35%;
}
.LeadersBoard__body[data-v-0abdf4c2] {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;  
    overflow-y: auto !important ;   
    -webkit-overflow-scrolling: touch !important;
}
.LeadersBoard__body[data-v-0abdf4c2]::-webkit-scrollbar {
    width: 3px;
    padding: 5px;
}
.LeadersBoard__body[data-v-0abdf4c2]::-webkit-scrollbar-track {
    background: rgba(217, 217, 217, 0.1);
    opacity: 10%;
}
.LeadersBoard__body[data-v-0abdf4c2]::-webkit-scrollbar-thumb {
    background: #00FFFF;
    border-radius: 10px;
}
.LeadersBoard__body[data-v-0abdf4c2]::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.LeadersBoard__content[data-v-0abdf4c2] {
    padding-top: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.LeadersBoard__info[data-v-0abdf4c2] {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    border-bottom: 2px solid rgba(50, 129, 211, 0.5);
    padding-bottom: 15px;
    width: 100%;
    padding-left: 10px;
}
.LeadersBoard__info-avatar[data-v-0abdf4c2] {
    width: 28%;
    background: linear-gradient(180deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%);
    /* box-shadow: 0px 0px 377.947px #186DDC, 0px 0px 215.97px #186DDC, 0px 0px 125.982px #186DDC, 0px 0px 62.9911px #186DDC, 0px 0px 17.9975px #186DDC, 0px 0px 8.99873px #186DDC; */
    border-radius: 50%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.LeadersBoard__info-avatar-animation[data-v-0abdf4c2] {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #0263EB;
    animation: zoomOut-0abdf4c2 2s infinite forwards linear;
}
@keyframes zoomOut-0abdf4c2 {
from {
        opacity: 1;
        transform: scale(1.01,1.01);
}
50% {
        transform: scale(1.1,1.1);
        opacity: 0.8;
}
to {
      opacity: 0;
      transform: scale(1.2,1.2);
}
}
.LeadersBoard__info-avatar-animation[data-v-0abdf4c2]:nth-child(1) {
    animation-delay: calc(1000ms * -1);
}
.LeadersBoard__info-avatar-animation[data-v-0abdf4c2]:nth-child(2) {
    animation-delay: calc(1000ms * 0);
}
.LeadersBoard__info-avatar-animation[data-v-0abdf4c2]:nth-child(3) {
    animation-delay: calc(1000ms * 1);
}
.LeadersBoard__info-avatar-animation[data-v-0abdf4c2]:nth-child(4) {
    animation-delay: calc(1000ms * 2);
}
.LeadersBoard__info-avatar-animation[data-v-0abdf4c2]:nth-child(5) {
    animation-delay: calc(1000ms * 3);
}
.LeadersBoard__info-avatar-animation[data-v-0abdf4c2]:nth-child(6) {
    animation-delay: calc(1000ms * 4);
}
.LeadersBoard__info-details h3[data-v-0abdf4c2] {
    font-size: 32px;
    color: #00FFFF;
}
.LeadersBoard__info-details p[data-v-0abdf4c2] {
    padding-top: 5px;
    font-size: 14px;
    color: #00FFFF;
}
.LeadersBoard__hero-list[data-v-0abdf4c2] {
    width: 100%;
    padding-top: 8px;
    display: flex;
    align-items: end;
    justify-content: space-around;
}
.gold[data-v-0abdf4c2] {
    width: 30%;
}
.silver[data-v-0abdf4c2] {
    width: 24%;
}
.bronze[data-v-0abdf4c2] {
    width: 24%;
}
.LeadersBoard__hero[data-v-0abdf4c2] {
    height: 100%;
}
.LeadersBoard__ranking-list[data-v-0abdf4c2] {
    width: 100%;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}
.LeadersBoard__ranking-item-avatar[data-v-0abdf4c2] {
    padding-right: 10px;
    width:50px;
}
.LeadersBoard__ranking-item[data-v-0abdf4c2] {
    width: 100%;
    background: rgba(17, 42, 94, 0.5);
    border: 1px solid rgba(216, 216, 216, 0.05);
    border-radius: 50px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.LeadersBoard__ranking-item-details[data-v-0abdf4c2] {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 2px solid rgba(216, 216, 216, 0.3);
    border-left: 2px solid rgba(216, 216, 216, 0.3);
}
.LeadersBoard__ranking-item-details h3[data-v-0abdf4c2]{
    font-size: 14px;
    color: #00FFFF;
}
.LeadersBoard__ranking-item-details p[data-v-0abdf4c2]{
    font-size: 13px;
    color: #00FFFF;
}
.LeadersBoard__ranking-item-ranking[data-v-0abdf4c2] {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #00FFFF;
}
.LeadersBoard__load-more[data-v-0abdf4c2] {
    margin-top: 26px;
    margin-bottom: 26px;    
    position: relative;
    cursor: pointer;
   
    pointer-events: all;
}
.LeadersBoard__load-more-button[data-v-0abdf4c2] {
    z-index: 12;
    display: flex;
    position: absolute;
    background: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    text-shadow: 0px 0px 340.2px #00FFFF, 0px 0px 194.4px #00FFFF, 0px 0px 113.4px #00FFFF, 0px 0px 56.7px #00FFFF, 0px 0px 16.2px #00FFFF, 0px 0px 8.1px #00FFFF;
    color: #FFFFFF;
    font-size: 24px;
    padding: 14px 28px 14px 28px;
    position: relative;
}
.LeadersBoard__load-more-animation[data-v-0abdf4c2] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.LeadersBoard__load-more-animation-container[data-v-0abdf4c2] {
    position: relative;
    width: 100%;
    height: 100%;
}
.LeadersBoard__load-more-animation-item[data-v-0abdf4c2] {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: zoomOut-load-0abdf4c2 3s infinite forwards linear;
}
@keyframes zoomOut-load-0abdf4c2 {
from {
        opacity: 1;
        transform: scale(1,1);
}
to {
      opacity: 0;
      transform: scale(1.08,1.28);
}
}
.LeadersBoard__load-more-animation-item[data-v-0abdf4c2]:nth-child(1) {
    animation-delay: calc(1000ms * -1);
}
.LeadersBoard__load-more-animation-item[data-v-0abdf4c2]:nth-child(2) {
    animation-delay: calc(1000ms * 0);
}
.LeadersBoard__load-more-animation-item[data-v-0abdf4c2]:nth-child(3) {
    animation-delay: calc(1000ms * 1);
}
.LeadersBoard__load-more-animation-item[data-v-0abdf4c2]:nth-child(4) {
    animation-delay: calc(1000ms * 2);
}
.LeadersBoard__load-more-animation-item[data-v-0abdf4c2]:nth-child(5) {
    animation-delay: calc(1000ms * 3);
}
.LeadersBoard__load-more-animation-item[data-v-0abdf4c2]:nth-child(6) {
    animation-delay: calc(1000ms * 4);
}
.LeadersBoard__load-more-animation-item[data-v-0abdf4c2]:nth-child(7) {
    animation-delay: calc(1000ms * 5);
}
.LeadersBoard__load-more-animation-item[data-v-0abdf4c2]:nth-child(8) {
    animation-delay: calc(1000ms * 6);
}
.LeadersBoard__load-more-animation-item[data-v-0abdf4c2]:nth-child(9) {
    animation-delay: calc(1000ms * 7);
}
.LeadersBoard__load-more-animation-item[data-v-0abdf4c2]:nth-child(10) {
    animation-delay: calc(1000ms * 8);
}
.LeadersBoard__load-more-animation-item[data-v-0abdf4c2]:nth-child(11) {
    animation-delay: calc(1000ms * 9);
}
.LeadersBoard__load-more-animation-item[data-v-0abdf4c2]:nth-child(12) {
    animation-delay: calc(1000ms * 10);
}
.LeadersBoard__load-more-animation-item[data-v-0abdf4c2]:nth-child(13) {
    animation-delay: calc(1000ms * 11);
}
@media (max-width: 768px) {
.LeadersBoard__header-title[data-v-0abdf4c2] {
        color: #112A5E;
        font-size: 26px;
}
.LeadersBoard__navbar-item[data-v-0abdf4c2] {
        font-size: 22px;
}
.LeadersBoard__header-close[data-v-0abdf4c2] {
        width: 18px;
}
}


















.RewardItem[data-v-55587178] {
    position: relative;
    width: 87.5%;
    display: flex;
    flex-direction: column;
    opacity: 0.5;
    gap: 5px;
}
.RewardItem.is-processed[data-v-55587178] {
    opacity: 1;
}
.RewardItem-avatar[data-v-55587178] {
    position: relative;
    z-index: 3;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 2px solid #ffffff;
    overflow: hidden;
}
.RewardItem-avatar.is-reward-day[data-v-55587178] {
    border: 2px solid #04FFFB;
    box-shadow: 0px 0px 6.3px #41B6FF;
}
.RewardItem-avatar.is-reward-day[data-v-55587178]:hover {
    cursor: pointer;
}
.RewardItem-avatar.is-received[data-v-55587178] {
    background: rgba(112, 255, 68, 0.24);
    border: 2px solid #70FF44;
}
.RewardItem-avatar.is-missed[data-v-55587178] {
    background: rgba(255, 0, 0, 0.24);
    border: 2px solid #FF0000;
}
.RewardItem-avatar.is-missed[data-v-55587178]:hover {
    cursor: pointer;
}
.RewardItem-avatar.is-bonus-day[data-v-55587178] {
    border: 2px solid #FEC023;
    box-shadow: 0px 0px 6.3px #FEC023;
}
.RewardItem-status[data-v-55587178] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 2;
}
.RewardItem-status.is-received[data-v-55587178] {
    background: rgba(112, 255, 68, 0.24);
}
.RewardItem-status.is-reward-day[data-v-55587178] {
}
.RewardItem-status.is-missed[data-v-55587178] {
    background: rgba(255, 0, 0, 0.24);
}
.RewardItem-status img[data-v-55587178] {
    width: 50%;
    height: 50%;
}
.RewardItem-status.RewardItem__day.is-received[data-v-55587178]{
    background: rgba(112, 255, 68, 0.24);
}
.RewardItem__count[data-v-55587178] {
    position: absolute;
    top: 2px;
    right: -5px;
    z-index: 3;
    width: 32px;
    text-align: center;
    padding: 0.5px 4px;
    background: #1B2933;
    border: 1px solid #ffffff;
    color: #ffffff;
    border-radius: 6px;
    font-size: 12px;
}
.RewardItem-check[data-v-55587178] {
    position: absolute;
    top: 0;
    right: -8px;
    z-index: 3;
    padding: 5px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #1B2933;
    border: 1px solid #04FFFB;
}
.RewardItem__count.is-bonus-day[data-v-55587178] {
    border: 1px solid #FEC023;
    color: #FEC023;
}
.RewardItem__count.is-reward-day[data-v-55587178] {
    border: 1px solid #04FFFB;
    color: #04FFFB;
}
.RewardItem__count.is-received[data-v-55587178] {
    border: 1px solid #70FF44;
    color: #70FF44;
}
.RewardItem__count.is-missed[data-v-55587178] {
    border: 1px solid #FF0000;
    color: #FF0000;
}
.RewardItem__day[data-v-55587178] {
    text-align: center;
    font-size: 16px;
    color: #ffffff;
}
.RewardItem__day.is-reward-day[data-v-55587178] {
    color: #04FFFB;
}
.RewardItem__day.is-received[data-v-55587178] {
    color: #70FF44;
}
.RewardItem__day.is-missed[data-v-55587178] {
    color: #FF0000;
}
.RewardItem-bonus-text[data-v-55587178] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FEC023;
    text-shadow: 0px 0px 6.9px #293352, 0px 0px 5.1px #192540;
}   

.Quests__item[data-v-6d2b245f] {
    width: 100%;
    background: #272727;
    border: 2px solid #3F3F3F;
    border-radius: 20px;
    transition: all 0.3s ease;
}
.Quests__item.is-waiting[data-v-6d2b245f] {
    background: #0E4DA2;
    border: 2px solid #3689C1;
}
.Quests__item--daily--normal[data-v-6d2b245f] {
    background-image: url(../assets/app/features/quests/vorpal-bg.png);
    border: 2px solid #2E2E2E;
}
.Quests__item--daily--mythic[data-v-6d2b245f] {
    border: 2px solid #4315B1;
}
.Quests__item--daily--legendary[data-v-6d2b245f] {
    border: 2px solid #F4771E;
}
.Quests__item--weekly--normal[data-v-6d2b245f] {
    background-image: url(../assets/app/features/quests/vorpal-bg.png);
    border: 2px solid #2E2E2E;
}
.Quests__item--weekly--mythic[data-v-6d2b245f] {
    border: 2px solid #4315B1;
}
.Quests__item--weekly--legendary[data-v-6d2b245f] {
    border: 2px solid #F4771E;
}
.Quests__item--unique--normal[data-v-6d2b245f] {
    background: linear-gradient(124.1deg, rgba(92, 92, 92, 0.46) 2.18%, rgba(45, 45, 45, 0.46) 72.26%), rgba(45, 45, 45, 0.46);
    border: 2px solid rgba(143, 143, 143, 0.3);
}
.Quests__item--unique--rare[data-v-6d2b245f] {
    background: linear-gradient(123.69deg, rgba(0, 110, 255, 0.46) 2.27%, rgba(0, 61, 141, 0.46) 72.49%);
    border: 2px solid #0461B5;
    box-shadow: 0px 0px 30px #0094FF;
}
.Quests__item--unique--mythic[data-v-6d2b245f] {
    background: linear-gradient(125.41deg, #3D00B8 1.9%, #230069 70.78%);
    border: 2px solid #6732D4;
    box-shadow: 0px 0px 30px rgba(85, 0, 255, 1),inset 0px 0px 43.9px rgba(85, 0, 255, 0.5);
}
.Quests__item--unique--legendary[data-v-6d2b245f] {
    background: linear-gradient(125.97deg, #AA3300 2.01%, #892900 71.03%);
    border: 2px solid rgba(244, 119, 30, 0.64);
    box-shadow: 0px 0px 30px #FF9D00, inset 0px 0px 43.9px rgba(255, 236, 24, 0.81);
}
.Quests__item--unique--vorpal[data-v-6d2b245f] {
    background-image: url(../assets/app/features/quests/vorpal-bg.png);
    border: 2px solid #104756;
    filter: drop-shadow(0px 0px 20px rgba(0, 255, 255, 0.3));
}
.Quests__item-cotainer[data-v-6d2b245f]{
    position: relative;
    width: 100%;
}
.Quests__item-cotainer.expand[data-v-6d2b245f]:hover {
    cursor: pointer;
}
.Quests__item-body[data-v-6d2b245f] {
    width: 100%;
    display: flex;
    gap: 7px;
    justify-content:flex-start;
    padding: 2px;
}
.Quests__item-icon[data-v-6d2b245f] {
    position: relative;
    width: 26%;
    /* aspect-ratio: 1/1; */
    border-radius: 50%;
    border: 1px solid rgba(112, 112, 112, 0.2);
    padding-top: 26%;
    padding: 4px;
    overflow: show;
}
.Quests__item-icon--daily[data-v-6d2b245f] {
    border: none;
    padding: 6px;
}
.Quests__item-icon--weekly[data-v-6d2b245f] {
    border: none;
    padding: 5px;
}
.Quests__item-icon--unique--rare[data-v-6d2b245f] {
    border: 1px solid rgba(4, 137, 234, 0.2);
}
.Quests__item-icon--unique--mythic[data-v-6d2b245f] {
    border: 1px solid rgba(160, 113, 255, 0.2);
}
.Quests__item-icon--unique--legendary[data-v-6d2b245f] {
    border: 1px solid rgba(215, 196, 55, 0.2);
}
.Quests__item-icon--unique--vorpal[data-v-6d2b245f] {
    border: 1px solid rgba(42, 179, 218, 0.2);
}
.Quests__item-outer-circle[data-v-6d2b245f] {
    border-radius: 50%;
    border: 1px solid rgba(131, 131, 131, 0.6);
    padding: 4px;
}
.Quests__item-outer-circle--daily[data-v-6d2b245f] {
    border: none;
}
.Quests__item-outer-circle--weekly--rare[data-v-6d2b245f] {
    border: 1px solid rgba(4, 137, 234, 0.6);
}
.Quests__item-outer-circle--weekly--mythic[data-v-6d2b245f] {
    border: 1px solid rgba(160, 113, 255, 0.6);
}
.Quests__item-outer-circle--weekly--legendary[data-v-6d2b245f] {
    border: 1px solid rgba(215, 196, 55, 0.6);
}
.Quests__item-outer-circle--weekly--rare[data-v-6d2b245f] {
    border: 1px solid rgba(4, 137, 234, 0.6);
}
.Quests__item-outer-circle--unique--mythic[data-v-6d2b245f] {
    border: 1px solid rgba(160, 113, 255, 0.6);
}
.Quests__item-outer-circle--unique--legendary[data-v-6d2b245f] {
    border: 1px solid rgba(215, 196, 55, 0.6);
}
.Quests__item-outer-circle--unique--vorpal[data-v-6d2b245f] {
    border: 1px solid rgba(42, 179, 218, 0.4);
}
.Quests__item-inner-circle[data-v-6d2b245f] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 2px;
    background: linear-gradient(180deg, #E9E9E9 0%, #A9A9A9 48%, #6B6B6B 100%);
    box-shadow: 0px 0px 30px #6F6F6F, 0px 0px 8.99873px #696969;
}
.Quests__item-inner-circle--daily[data-v-6d2b245f] {
    box-shadow: none;
}
.Quests__item-inner-circle--daily--normal[data-v-6d2b245f] {
    box-shadow: none;
}
.Quests__item-inner-circle--daily--rare[data-v-6d2b245f] {
    background: linear-gradient(180deg, #86CCFF 0%, #0A8EED 48%, #037BD1 100%);
    box-shadow: none;
}
.Quests__item-inner-circle--daily--mythic[data-v-6d2b245f] {
    background: linear-gradient(180deg, #4B0FDB 0%, #3B1D82 100%);
    box-shadow: none;
}
.Quests__item-inner-circle--daily--legendary[data-v-6d2b245f] {
    background: linear-gradient(180deg, #F4771E 0%, #7A3300 100%);
    box-shadow: none;
}
.Quests__item-inner-circle--weekly[data-v-6d2b245f] {
    box-shadow: none;
}
.Quests__item-inner-circle--weekly--normal[data-v-6d2b245f] {
    box-shadow: none;
}
.Quests__item-inner-circle--weekly--rare[data-v-6d2b245f] {
    background: linear-gradient(180deg, #86CCFF 0%, #0A8EED 48%, #037BD1 100%);
    box-shadow: none;
}
.Quests__item-inner-circle--weekly--mythic[data-v-6d2b245f] {
    background: linear-gradient(180deg, #4B0FDB 0%, #3B1D82 100%);
    box-shadow: none;
}
.Quests__item-inner-circle--weekly--legendary[data-v-6d2b245f] {
    background: linear-gradient(180deg, #F4771E 0%, #7A3300 100%);
    box-shadow: none;
}
.Quests__item-inner-circle--unique--rare[data-v-6d2b245f] {
    background: linear-gradient(180deg, #86CCFF 0%, #0A8EED 48%, #037BD1 100%);
    box-shadow: 0px 0px 377.947px #008CF1, 0px 0px 215.97px #0094FF, 0px 0px 125.982px #0195FF, 0px 0px 8.99873px #0094FF;
}
.Quests__item-inner-circle--unique--mythic[data-v-6d2b245f] {
    background: linear-gradient(180deg, #C1A3FF 0%, #9E6DFF 48%, #894EFF 100%);
    box-shadow: 0px 0px 377.947px #5500FF, 0px 0px 215.97px #5500FF, 0px 0px 125.982px #5500FF, 0px 0px 8.99873px #5500FF;
}
.Quests__item-inner-circle--unique--legendary[data-v-6d2b245f] {
    background: linear-gradient(180deg, #FFECC4 0%, #F5D141 48%, #C99526 100%);
    box-shadow: 0px 0px 377.947px #DC8A18, 0px 0px 215.97px #DC8A18, 0px 0px 125.982px #BB9519, 0px 0px 8.99873px #CE841C;
}
.Quests__item-inner-circle--unique--vorpal[data-v-6d2b245f] {
    background: linear-gradient(180deg, #65DDFF 0%, #45A5BF 48%, #2488A4 100%);
    box-shadow: 0px 0px 377.947px #2FB5DB, 0px 0px 215.97px #31ABCD, 0px 0px 125.982px #3F8EA4, 0px 0px 8.99873px #2AA0C0;
}
.Quests__item-count[data-v-6d2b245f] {
    position: absolute;
    width: 38px;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    background: #1B2933;
    border: 1px solid #787979;
    border-radius: 6px;
    font-size: 9px;
    color: #00FFFF;
    padding: 2px 3px;
}
.Quests__item-count--unique--rare[data-v-6d2b245f] {
    background: #102B3F;
    border: 1px solid #0C81D6;
}
.Quests__item-count--unique--mythic[data-v-6d2b245f] {
    background: #200E4A;
    border: 1px solid #8858FB;
    color: #BCAEFF;
}
.Quests__item-count--unique--legendary[data-v-6d2b245f] {
    background: #453013;
    border: 1px solid #DDBF8A;
    color: #FFEDDC;
}
.Quests__item-count--unique--vorpal[data-v-6d2b245f] {
    background: #0D101E;
    border: 1px solid #338BA6;
    color: #68D4F1;
}
.Quests__item-refresh[data-v-6d2b245f] {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 7px;
    right: 6px;
    background: #1B2933;
    border: 1px solid #787979;
    border-radius: 50%;
    padding: 1px 1px 3px 1px;
}
.Quests__item-refresh[data-v-6d2b245f]:hover {
    cursor: pointer;
}
.Quests__item-content[data-v-6d2b245f] {
    width: 56%;
    padding-top: 5px;
    font-size: 16px;
    color: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.8;
}
.Quests__item-content--daily[data-v-6d2b245f] {
    width: 48%;
    padding-top: 11px;
}
.Quests__item-content--weekly[data-v-6d2b245f] {
    width: 48%;
    opacity: 1;
}
.Quests__item-external-Link[data-v-6d2b245f] {
    position: absolute;
    width: 8%;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    filter: drop-shadow(0px 0px 4.05px rgba(0, 255, 255, 1))
            drop-shadow(0px 0px 8.1px rgba(0, 255, 255, 1))
            /* drop-shadow(0px 0px 18.35px rgba(0, 255, 255, 1)) */
}
.Quests__item-reward-Link[data-v-6d2b245f] {
    position: absolute;
    width: 22%;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
}
.Quests__item-bottom[data-v-6d2b245f] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    bottom: -5px;
    width: calc(60%);
}
.Quests__item-bottom.is-unique[data-v-6d2b245f] {
    width: 100%;
}
.Quests__item-bottom.is-unique.is-expand svg[data-v-6d2b245f] {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.Quests__item-bottom.is-unique svg[data-v-6d2b245f] {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.Quests__item-bottom svg[data-v-6d2b245f] {
    width: 100%;
    height: 100%;
}
.Quests__item-bottom-content[data-v-6d2b245f] {
    position: absolute;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1px;
    font-size: 16px;
    color: #00FFFF;
    text-shadow:  0px 0px 8.3px #00FFFF, 0px 0px 5.8px #00FFFF;
    text-align: center;
}
.Quests__item-expand[data-v-6d2b245f] {
    position: relative;
    width: 100%;
    /* padding: 0px 7px; */
    /* background: #1E1E1E; */
    background: linear-gradient(270deg, rgba(30, 30, 30, 0) 1.91%, rgba(30, 30, 30, 0.75) 15.3%);
    filter: drop-shadow(0px 4px 8px rgba(30, 30, 30, 0.6));
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.Quests__item-expand-gradient[data-v-6d2b245f] {
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 0;
    z-index: 5;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: linear-gradient(90deg, rgba(30,30,30,0) 0%, rgba(30,30,30,0) 0%, rgba(30,30,30,0.03125) 0%, rgba(30,30,30,0) 0%);
}
.Quests__item-expand-gradient.gradient-both[data-v-6d2b245f] {
    background: linear-gradient(90deg, rgba(30,30,30,1) 0%, rgba(30,30,30,0) 32%, rgba(30,30,30,0.03125) 68%, rgba(30,30,30,1) 100%);
}
.Quests__item-expand-gradient.gradient-previous[data-v-6d2b245f] {
    background: linear-gradient(90deg, rgba(30,30,30,1) 0%, rgba(30,30,30,0) 32%, rgba(30,30,30,0.03125) 0%, rgba(30,30,30,0) 100%);
}
.Quests__item-expand-gradient.gradient-next[data-v-6d2b245f] {
    background: linear-gradient(90deg, rgba(30,30,30,0) 0%, rgba(30,30,30,0.03125) 0%, rgba(30,30,30,0) 68%, rgba(30,30,30,1) 100%);
}
.Quests__item-expand-container[data-v-6d2b245f] {
    position: relative;
    width: 100%;
    padding: 9px 7px;
    display: flex;
    justify-content:flex-start;
    overflow-x: hidden;
}
.Quests__item-rewardList[data-v-6d2b245f] {
    min-width: 26%;
    width: 26%;
    display: flex;
    transition: transform 0.3s ease;
    z-index: 1;
}
.Quests__item-rewardList.is-clickable[data-v-6d2b245f] {
    z-index: 7;
}
.Quests__item-rewardConnectLine[data-v-6d2b245f] {
    width: 17.5%;
    position: relative;
}
.Quests__item-rewardConnectLine-inner[data-v-6d2b245f] {
   position: absolute;
   top: 35%;
   height: 2px;
   width: 100%;
   background: #71FE44;
}
.Quests__item-expand-middleline[data-v-6d2b245f] {
    position: absolute;
    z-index: 0;
    left: 15%;
    width: 80%;
    height: 32%;
    top: 50%;
    transform: translateY(-80%);
    background: rgba(0, 0, 0, 0.22)
}
.Quests__item-rewardList-btn[data-v-6d2b245f] {
    position: absolute;
    top: 29%;
    z-index: 8 !important;
    width: 100%;
    height: 21px;
    padding: 0px 7px;
    pointer-events: all;
}
.Quests__item-rewardList-btn-container[data-v-6d2b245f] {
    width: 100%;
    position: relative;
}
.Quests__item-rewardList-previous-btn[data-v-6d2b245f] {
    position: absolute;
    left: -5px;
    z-index: 5;
}
.Quests__item-rewardList-previous-btn[data-v-6d2b245f]:hover {
    cursor: pointer;
}
.Quests__item-rewardList-next-btn[data-v-6d2b245f] {
    position: absolute;
    right: 10px;
    z-index: 5;
}
.Quests__item-rewardList-next-btn[data-v-6d2b245f]:hover {
    cursor: pointer;
}
.Quests__item-reward[data-v-6d2b245f] {
    width: 22%;
}

/* .Quests__item-expand img {
   width: 75px;

} */
.Quests__item-expand-bg[data-v-6d2b245f] {
   width: calc(100% - 20px);
   position: absolute;
   bottom: 0;
}
.Quests__item-expand-bg svg[data-v-6d2b245f] {
    width: 100%;
}
@media (max-width: 410px) {
.Quests__item-content[data-v-6d2b245f] {
        font-size: 14px;
}
}

.AnimationButton[data-v-34816869] {
    display: flex;
    position: relative;
    width: 100%;
    aspect-ratio: 287/80;
    border-radius: 50px;
    align-items: center;
    justify-content: center;  
    background: linear-gradient(180deg, #FF9900 0%, #FEE140 100%);
    box-shadow: 0px 0px 224.366px #FFA50E, 0px 0px 74.7885px #FFA50E, 0px 0px 37.3943px #FFA50E, 0px 0px 10.6841px #FFA50E, 0px 0px 5.34204px #FFA50E;
    pointer-events: all;
}
.AnimationButton[data-v-34816869]:hover {
    cursor: pointer;
    transform: scale(1.05);
    transition: all 0.3s ease;
}
.AnimationButton.--blue[data-v-34816869] {
    background: linear-gradient(360deg, #00C6FB 0%, #005BEA 100%);
    box-shadow: 0px 0px 1134px #005EEA, 0px 0px 648px #005EEA, 0px 0px 378px #005EEA, 0px 0px 189px #005EEA, 0px 0px 54px #005EEA, 0px 0px 27px #005EEA;
}
.AnimationButton__bg[data-v-34816869] {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.AnimationButton__title[data-v-34816869] {
    font-size: 32px;
    color:#fff;
    z-index: 4;
}
.AnimationButton__animation[data-v-34816869] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    animation: zoomOut-34816869 8s infinite forwards linear;
}
.AnimationButton svg[data-v-34816869] {
   width: 100%;
   height: 100%;
}
@keyframes zoomOut-34816869 {
0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0.98,0.98);
}
100% {
      opacity: 0;
      transform: translate(-50%, -50%) scale(1.18, 1.5);
}
}
.AnimationButton__animation[data-v-34816869]:nth-child(1) {
    animation-delay: calc(1000ms * -1 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(2) {
    animation-delay: calc(1000ms * 0 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(3) {
    animation-delay: calc(1000ms * 1 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(4) {
    animation-delay: calc(1000ms * 2 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(5) {
    animation-delay: calc(1000ms * 3 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(6) {
    animation-delay: calc(1000ms * 4 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(7) {
    animation-delay: calc(1000ms * 5 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(8) {
    animation-delay: calc(1000ms * 6 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(9) {
    animation-delay: calc(1000ms * 7 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(10) {
    animation-delay: calc(1000ms * 8 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(11) {
    animation-delay: calc(1000ms * 9 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(12) {
    animation-delay: calc(1000ms * 10 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(13) {
    animation-delay: calc(1000ms * 11 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(14) {
    animation-delay: calc(1000ms * 12 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(15) {
    animation-delay: calc(1000ms * 13 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(16) {
    animation-delay: calc(1000ms * 14 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(17) {
    animation-delay: calc(1000ms * 15 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(18) {
    animation-delay: calc(1000ms * 16 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(19) {
    animation-delay: calc(1000ms * 17 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(20) {
    animation-delay: calc(1000ms * 18 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(21) {
    animation-delay: calc(1000ms * 19 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(22) {
    animation-delay: calc(1000ms * 20 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(23) {
    animation-delay: calc(1000ms * 21 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(24) {
    animation-delay: calc(1000ms * 22 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(25) {
    animation-delay: calc(1000ms * 23 - 8000ms);
}
.AnimationButton__animation[data-v-34816869]:nth-child(26) {
    animation-delay: calc(1000ms * 24 - 8000ms);
}
  
.BaseModal[data-v-5f56a677] {
    position: relative;
    display: flex;
    width: 100%;
    aspect-ratio: 410/345;
    border-radius: 32px;
    flex-direction: column;
    align-items: center;
    background-color: #000;
    background-image: url('../assets/app/features/quests/yellow-modal.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
.BaseModal.--blue[data-v-5f56a677] {
    background-image: url('../assets/app/features/quests/blue-modal.png');
}
.BaseModal__title[data-v-5f56a677] {
    font-size: 28px;
    color: #112A5E;
}
.BaseModal__closebtn[data-v-5f56a677] {
    position: absolute;
    top: 0px;
    right: 35px;
    font-size: 30px;
    color: #112A5E;
    pointer-events: all;
}
.BaseModal__closebtn[data-v-5f56a677]:hover   {
    cursor: pointer;
}
.BaseModal__body[data-v-5f56a677] {
    display: flex;
    width: 100%;
    padding-top: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.BaseModal__subtitle[data-v-5f56a677] {
    font-size: 20px;
    color: #FFFFFF;
    text-shadow: 0px 0px 11.2px #63A6FF;
}
.BaseModal__content[data-v-5f56a677] {
    position: relative;
    width: 100%;
    /* padding: 0px 20px; */
    padding-top: 10px;
    padding-bottom: 15px;
}
.BaseModal__btn[data-v-5f56a677] {
   width: 70%;
}
.BaseModal__content-rewards[data-v-5f56a677] {
    width: 100%;
    display: flex;
    justify-content: center;
}
.BaseModal__content-rewards-item[data-v-5f56a677] {
    width: 22%;
    aspect-ratio: 1/1;
}
.BaseModal__content-middleline[data-v-5f56a677] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 10px);
    aspect-ratio: 400/48;
    background: rgba(0, 0, 0, 0.22);
}
@media (max-width: 768px) {
.BaseModal__closebtn[data-v-5f56a677] {
        top: -3px;
        width: 18px;
}
}

.QuestRewardList[data-v-6817d93a] {
    position: relative;
    width: calc(100% - 25px);
    padding: 0px 7px;
}
.QuestRewardList-gradient[data-v-6817d93a] {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 5;
    transform: translateY(-50%);
    pointer-events: none;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(8,19,57,0) 0%, rgba(8,19,57,0) 11%, rgba(9,9,121,0.03125) 89%, rgba(8,19,57,0) 100%);
    /* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */
}
.QuestRewardList-gradient.gradient-both[data-v-6817d93a] {
    background: linear-gradient(90deg, rgba(8,19,57,1) 0%, rgba(8,19,57,0) 32%, rgba(9,9,121,0.03125) 68%, rgba(8,19,57,1) 100%);
}
.QuestRewardList-gradient.gradient-previous[data-v-6817d93a] {
    background: linear-gradient(90deg, rgba(8,19,57,1) 0%, rgba(8,19,57,0) 32%, rgba(9,9,121,0.03125) 68%, rgba(8,19,57,0) 100%);
}
.QuestRewardList-gradient.gradient-next[data-v-6817d93a] {
    background: linear-gradient(90deg, rgba(8,19,57,0) 0%, rgba(9,9,121,0.03125) 11%, rgba(8,19,57,0) 68%, rgba(8,19,57,1) 100%);
}
.QuestRewardList-container[data-v-6817d93a] {
     width: 100%;
     padding: 12px 4px;
     display: flex;
     position: relative;
     justify-content:flex-start;
     overflow-x: hidden;
}
.QuestRewardList-container.change-flex-start[data-v-6817d93a] {
    justify-content: center;
}
.QuestRewardList-item[data-v-6817d93a] {
     min-width: 26%;
     width: 26%;
     display: flex;
     transition: transform 0.3s ease;
     z-index: 1;
}
.QuestRewardList-item.is-clickable[data-v-6817d93a] {
    z-index: 7;
}
.QuestRewardList-rewardConnectLine[data-v-6817d93a] {
     width: 17.5%;
     position: relative;
}
.QuestRewardList-rewardConnectLine-inner[data-v-6817d93a] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 100%;
    background: #FEC023;
}
.QuestRewardList-btn[data-v-6817d93a] {
     position: absolute;
     top: 50%;
     width: 100%;
     z-index: 6;
     height: 21px;
     padding: 0px 7px;
     transform: translateY(-50%);
     pointer-events: all;
}
.QuestRewardList-btn-container[data-v-6817d93a] {
     width: 100%;
     position: relative;
}
.QuestRewardList-previous-btn[data-v-6817d93a] {
     position: absolute;
     left: -12px;
     z-index: 5;
}
.QuestRewardList-previous-btn[data-v-6817d93a]:hover {
     cursor: pointer;
}
.QuestRewardList-next-btn[data-v-6817d93a] {
     position: absolute;
     right: -3px;
     z-index: 5;
}
.QuestRewardList-next-btn[data-v-6817d93a]:hover {
     cursor: pointer;
}
.Quests__item-reward[data-v-6817d93a] {
     width: 22%;
}
 
.Quests[data-v-2b0e13b0] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 70px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 10;
    pointer-events: all;
    user-select: none;
}
.Quests.disabled[data-v-2b0e13b0] {
    pointer-events: none;
}
.Quests__container[data-v-2b0e13b0] {
    max-width: 410px;
    max-height: calc(100vh - 100px);
    aspect-ratio: 410/640;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.Quests__container-content[data-v-2b0e13b0] {
    position:absolute;
    top:0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-height: calc(100% - 6px);
}
.Quests__header[data-v-2b0e13b0] {
    top: 3px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    width: 100%;
    position: relative;
}
.Quests__header-menu[data-v-2b0e13b0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 65px);
}
.Quests__header-previous[data-v-2b0e13b0] {
    cursor: pointer;
}
.Quests__header-close[data-v-2b0e13b0] {
    cursor: pointer;
}
.Quests__navbar[data-v-2b0e13b0] {  
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 15px;
    padding-bottom: 15px;
}
.Quests__header-title[data-v-2b0e13b0] {
    color: #112A5E;
    font-size: 30px;
}
.Quests__navbar-item[data-v-2b0e13b0] {
    cursor: pointer;
    transition: all 0.3s ease;
    color: #00FFFF;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
}
.Quests__navbar-item.active[data-v-2b0e13b0] {
    opacity: 1;
    /* text-shadow: 0px 0px 340.2px #00FFFF, 0px 0px 194.4px #00FFFF, 0px 0px 113.4px #00FFFF, 0px 0px 56.7px #00FFFF, 0px 0px 16.2px #00FFFF, 0px 0px 8.1px #00FFFF;   */
    text-shadow: 0px 0px 8.1px #00FFFF;
}
.--Quests__navbar-item-center[data-v-2b0e13b0] {
    border-left: 2px solid #00FFFF;
    border-right: 2px solid #00FFFF;
    width: 35%;
}
.Quests__body[data-v-2b0e13b0] {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    border-bottom-left-radius: 24px;    
    border-bottom-right-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;  
    overflow-y: auto !important;   
    -webkit-overflow-scrolling: touch !important;
}
.Quests__body.disabled[data-v-2b0e13b0] {
    opacity: 0.6;
    pointer-events: none;
}
.Quests__body[data-v-2b0e13b0]::-webkit-scrollbar {
    width: 3px;
    padding: 5px;
}
.Quests__body[data-v-2b0e13b0]::-webkit-scrollbar-track {
    background: rgba(217, 217, 217, 0.1);
    opacity: 10%;
}
.Quests__body[data-v-2b0e13b0]::-webkit-scrollbar-thumb {
    background: #00FFFF;
    border-radius: 10px;
}
.Quests__body[data-v-2b0e13b0]::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.Quests__content[data-v-2b0e13b0] {
    padding-top: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}
.Quests__load-more[data-v-2b0e13b0] {
    margin-top: 26px;
    margin-bottom: 26px;    
    position: relative;
    cursor: pointer;
   
    pointer-events: all;
}
.Quests__load-more-button[data-v-2b0e13b0] {
    z-index: 12;
    display: flex;
    position: absolute;
    background: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    text-shadow: 0px 0px 340.2px #00FFFF, 0px 0px 194.4px #00FFFF, 0px 0px 113.4px #00FFFF, 0px 0px 56.7px #00FFFF, 0px 0px 16.2px #00FFFF, 0px 0px 8.1px #00FFFF;
    color: #FFFFFF;
    font-size: 24px;
    padding: 14px 28px 14px 28px;
    position: relative;
}
.Quests__load-more-animation[data-v-2b0e13b0] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.Quests__load-more-animation-container[data-v-2b0e13b0] {
    position: relative;
    width: 100%;
    height: 100%;
}
.Quests__load-more-animation-item[data-v-2b0e13b0] {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: zoomOut-load-2b0e13b0 3s infinite forwards linear;
}
@keyframes zoomOut-load-2b0e13b0 {
from {
        opacity: 1;
        transform: scale(1,1);
}
to {
      opacity: 0;
      transform: scale(1.08,1.28);
}
}
.Quests__load-more-animation-item[data-v-2b0e13b0]:nth-child(1) {
    animation-delay: calc(1000ms * -1);
}
.Quests__load-more-animation-item[data-v-2b0e13b0]:nth-child(2) {
    animation-delay: calc(1000ms * 0);
}
.Quests__load-more-animation-item[data-v-2b0e13b0]:nth-child(3) {
    animation-delay: calc(1000ms * 1);
}
.Quests__load-more-animation-item[data-v-2b0e13b0]:nth-child(4) {
    animation-delay: calc(1000ms * 2);
}
.Quests__load-more-animation-item[data-v-2b0e13b0]:nth-child(5) {
    animation-delay: calc(1000ms * 3);
}
.Quests__load-more-animation-item[data-v-2b0e13b0]:nth-child(6) {
    animation-delay: calc(1000ms * 4);
}
.Quests__load-more-animation-item[data-v-2b0e13b0]:nth-child(7) {
    animation-delay: calc(1000ms * 5);
}
.Quests__load-more-animation-item[data-v-2b0e13b0]:nth-child(8) {
    animation-delay: calc(1000ms * 6);
}
.Quests__load-more-animation-item[data-v-2b0e13b0]:nth-child(9) {
    animation-delay: calc(1000ms * 7);
}
.Quests__load-more-animation-item[data-v-2b0e13b0]:nth-child(10) {
    animation-delay: calc(1000ms * 8);
}
.Quests__load-more-animation-item[data-v-2b0e13b0]:nth-child(11) {
    animation-delay: calc(1000ms * 9);
}
.Quests__load-more-animation-item[data-v-2b0e13b0]:nth-child(12) {
    animation-delay: calc(1000ms * 10);
}
.Quests__load-more-animation-item[data-v-2b0e13b0]:nth-child(13) {
    animation-delay: calc(1000ms * 11);
}
.Quests__modal[data-v-2b0e13b0] {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.Quests__refresh-modal[data-v-2b0e13b0] {
    width: 46%;
    padding: 10px;
    display: flex;
    justify-content: center;
    gap: 20px;
}
@media (max-width: 768px) {
.Quests__header-title[data-v-2b0e13b0] {
        color: #112A5E;
        font-size: 26px;
}
.Quests__navbar-item[data-v-2b0e13b0] {
        font-size: 22px;
}
.Quests__header-close[data-v-2b0e13b0] {
        width: 18px;
}
}


















.GalaxyScene[data-v-d9a4e148] {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.GalaxyScene__content[data-v-d9a4e148] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.GalaxyScene__header[data-v-d9a4e148] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  position: absolute;
  left: 20px;
  right: 20px;
  top: 20px;
}
.GalaxyScene__headerColumn[data-v-d9a4e148] {
  display: flex;
  flex: 1;
  min-width: 0;
}
.GalaxyScene__headerColumn.is-center[data-v-d9a4e148] {
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media screen and (orientation: landscape) {
.GalaxyScene__headerColumn.is-center[data-v-d9a4e148] {
    justify-content: center;
    flex-direction: row;
}
}
.GalaxyScene__headerColumn.is-right[data-v-d9a4e148] {
  justify-content: flex-end;
}
.GalaxyScene__userbar[data-v-d9a4e148] {
  position: relative;
  align-self: flex-start;
}
.GalaxyScene__panels[data-v-d9a4e148] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.GalaxyScene__views[data-v-d9a4e148],
.GalaxyScene__levels[data-v-d9a4e148] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: absolute;
  left: 20px;
  top: 0;
}
.GalaxyScene__levels[data-v-d9a4e148] {
  left: auto;
  right: 20px;
}
.GalaxyScene__modes[data-v-d9a4e148] {
  display: flex;
  justify-content: center;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 28px;
}
.GalaxyScene__playButton[data-v-d9a4e148] {
  font-size: 14px;
}
@media (max-width: 980px) {
.GalaxyScene__panels[data-v-d9a4e148] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 10px;
}
.GalaxyScene__views[data-v-d9a4e148] {
    order: 1;
}
.GalaxyScene__levels[data-v-d9a4e148] {
    order: 2;
}
.GalaxyScene__views[data-v-d9a4e148],
  .GalaxyScene__levels[data-v-d9a4e148],
  .GalaxyScene__modes[data-v-d9a4e148] {
    height: auto;
    width: auto;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
}
}
@media (max-width: 640px) {
.GalaxyScene__header[data-v-d9a4e148] {
    left: 12px;
    right: 12px;
    /* top: 40px; */
}
.GalaxyScene__headerColumn.is-center[data-v-d9a4e148] {
    flex-direction: column;
    gap: 6px;
}
}

.StartScene[data-v-2818a81d] {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.BattleCoinsMode[data-v-c2093a88] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #00FFFF;
  font-family: "Exo 2", sans-serif;
}
.BattleCoinsMode[data-v-c2093a88] > * {
  pointer-events: all;
}
.BattleCoinsMode__loader[data-v-c2093a88] {
  flex-grow: 1;
}
.BattleCoinsMode__button[data-v-c2093a88] {
  width: 280px;
  height: 160px;
  margin: -30px 0;
  padding: 0;
  background-image: url(../assets/stardefender/ui/results/open-box.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-color: transparent;
  border: none;
  will-change: transform;
  transition: ease transform 200ms;
}
.BattleCoinsMode__button[data-v-c2093a88]:hover {
  transform: scale(1.05);
}
.BattleCoinsMode__button[data-v-c2093a88]:active {
  transform: scale(0.95);
}
.BattleCoinsMode__content[data-v-c2093a88] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  width: 100%;
  max-width: 380px;
  min-height: 28%;
  margin-top: 20px;
}
.BattleCoinsMode__label[data-v-c2093a88] {
  padding: 4px 12px;
  color: #000;
  background-color: #00FFFF;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}
.BattleCoinsMode__rewards[data-v-c2093a88] {
  display: flex;
  flex-flow: row wrap;
  gap: 12px;
  justify-content: center;
  max-width: 380px;
  width: 100%;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 255, 255, 0.3);
  font-size: 12px;
  text-align: center;
}
.BattleCoinsMode__reward[data-v-c2093a88] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}
.BattleCoinsMode__rewardTile[data-v-c2093a88] {
  width: 80px;
  height: 80px;
  padding: 16px;
  border-radius: 8px;
  background-color: rgba(0, 255, 255, 0.15);
}
.BattleCoinsMode__rewardImage[data-v-c2093a88] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.5;
}
.BattleCoinsMode__caption[data-v-c2093a88] {
  color: #00FFFF;
}
.BattleCoinsMode__footer[data-v-c2093a88] {
  margin-top: 36px;
  padding-bottom: 56px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.BattleCoinsMode__close[data-v-c2093a88] {
  min-width: 174px;
  padding: 12px 24px;
  border: none;
  background-color: #00FFFF;
  color: #000;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.BattleTutorialProgress[data-v-79012914] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.BattleInitMode[data-v-5b105926] {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  position: absolute;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-image: url(../assets/app/ui/background.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.BattleInitMode__top[data-v-5b105926], .BattleInitMode__bottom[data-v-5b105926]{
  width: 100%;
  height: 50%;
  position: relative;
}
.BattleInitMode__top__info[data-v-5b105926]{
  position: absolute;
  width: 70%;
  right: 0;
}
.BattleInitMode__bottom__info[data-v-5b105926] {
  position: absolute;
  width: 70%;
  bottom: 0;
}
.BattleInitMode__vs[data-v-5b105926] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 124px;
  height: 140px;
  margin: -54px 0;
  padding: 14px;
  padding-bottom: 18px;
  position: relative;
  z-index: 1;
  background-image: url(../assets/stardefender/ui/battle-vs-bg.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  color: #EA1C24;
  font-size: 36px;
  text-shadow: 
    0px 0px 10px rgba(255, 16, 27, 0.8),  /* First shadow */
    0px 0px 15px rgba(255, 16, 27, 0.8),  /* Second shadow */
    0px 0px 30px rgba(255, 16, 27, 0.8),  /* Third shadow */
    0px 0px 50px rgba(255, 16, 27, 0.8),  /* Fourth shadow */
    0px 0px 80px rgba(255, 16, 27, 0.8);
}
@media (max-height: 800px) and (min-width: 501px) {
.BattleInitMode__vs[data-v-5b105926] {
    width: 86px;
    height: 99px;
}
}
@media (max-width: 430px) {
.BattleInitMode__vs[data-v-5b105926] {
    width: 71px;
    height: 82px;
    margin: -41px 0;
    font-size: 22px;
}
}
.BattleProcessMode[data-v-552d3a4b] {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 18px 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.BattleProcessMode__content[data-v-552d3a4b] {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-bottom: 156px;
}
.BattleProcessMode__panel[data-v-552d3a4b] {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 30px);
  height: 100%;
  bottom: 18px;
  left: 50%;
  z-index: 0;
  transform: translateX(-50%);
}
.BattleShop__panel[data-v-552d3a4b] {
  min-height: 180px;
  position: fixed;
  bottom: 18px;
  left: 50%;
  z-index: 0;
  transform: translateX(-50%);
}
.BattleProcessMode__section[data-v-552d3a4b] {
  width: 100%;
  display: flex;
  flex-grow: 1;
}
.BattleProcessMode__section + .BattleProcessMode__section[data-v-552d3a4b] {
  border-top: 1px solid rgba(0, 255, 255, 0.2);
}
.BattleProcessMode__column[data-v-552d3a4b] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 100%;
}
.BattleProcessMode__caption[data-v-552d3a4b] {
  pointer-events: all;
  color: #00FFFF;
  font-size: 13px;
  text-align: center;
}
.BattleProcessMode__settingsButton[data-v-552d3a4b] {
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  border: none;
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../assets/app/ui/settings-2.svg);
  pointer-events: all;
  will-change: filter;
  transition: ease filter 200ms;
}
.BattleProcessMode__settingsPopup[data-v-552d3a4b] {
  position: absolute;
  right: 20px;
  top: 60px;
  pointer-events: all;
}
@media (max-width: 640px) {
.BattleProcessMode__section[data-v-552d3a4b] {
    justify-content: space-between;
}
.BattleProcessMode__column[data-v-552d3a4b] {
    padding: 6%;
    flex-basis: auto;
    flex-grow: 0;
}
}
@media (max-height: 667px) and (min-width: 501px) {
.BattleProcessMode__panel[data-v-552d3a4b] {
    bottom: 0px;
}
}

.BattleResultsMode[data-v-596e44e0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #00FFFF;
  padding: 30px 10px 30px 10px;
  pointer-events: all;
  /* игровое окно, текст в нём не выделяется (включая long-press на тачах) */
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}
.BattleResultMode__container[data-v-596e44e0] {
  max-width: 410px;
  /* aspect-ratio: 410/700; */
  position: relative;
}
.BattleResultMode__container > img[data-v-596e44e0] {
  height: 100%;
  max-height: calc(100vh - 150px);
  width: auto;
  object-fit: contain;
}
.BattleResultMode__container-content[data-v-596e44e0] {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100% - 30px);
  
  display: flex;
  flex-direction: column;
  align-items: center;
}
.BattleRewardsMode__closebtn[data-v-596e44e0] {
  position: absolute;
  top: 3%;
  right: 6%;
  z-index: 2;
}
.BattleRewardsMode__closebtn[data-v-596e44e0]:hover {
   cursor: pointer;
}
.BattleResultsMode__header[data-v-596e44e0] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
}
.BattleResultsMode__title[data-v-596e44e0] {
  font-size: 40px;
  color: #F9EB21;
}
.BattleResultsMode__title[data-type=defeat][data-v-596e44e0] {
  color: #F90E1B;
}
.BattleResultsMode__body[data-v-596e44e0] {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 380px;
}
.BattleResultsMode__vs[data-v-596e44e0] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border-top: 1px solid rgba(0, 255, 255, 0.3);
  border-bottom: 1px solid rgba(0, 255, 255, 0.3);
}
.BattleResultsMode__vs-player[data-v-596e44e0] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.BattleResultsMode__vs-player > img[data-v-596e44e0] {
  width: 60px;
  height: 60px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}
.BattleResultsMode__vs-info[data-v-596e44e0] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.BattleResultsMode__vs-info[data-v-596e44e0] {
   font-size: 13px;
}
.BattleResultsMode__vs-info-level[data-v-596e44e0] {
   font-size: 13px;
   color: #F9EB20;
}
.BattleResultsMode__vs-title[data-v-596e44e0] {
  font-size: 32px;
}
.BattleResultsMode__player[data-v-596e44e0] {
  padding-top: 8px;
  padding-bottom: 18px;
  color: white;
  font-size: 20px;
}
.BattleResultsMode__owner[data-v-596e44e0] {
  width: 100%;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 255, 255, 0.3);
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}
.BattleResultsMode__rows[data-v-596e44e0] {
  width: 100%;
  width: 100%;
}
.BattleResultsMode__row[data-v-596e44e0] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 6px;
  padding: 12px;
  border-bottom: 1px solid rgba(0, 255, 255, 0.3);
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
.BattleResultsMode__value[data-v-596e44e0] {
  color: white;
}
.BattleResultsMode__ratingChange[data-v-596e44e0] {
  margin-left: 8px;
}
.BattleResultsMode__ratingChange[data-v-596e44e0]::before {
  content: '-';
}
.BattleResultsMode__ratingChange.is-increased[data-v-596e44e0]::before {
  content: '+';
}
.BattleResultsMode__ratingChange[data-v-596e44e0]::after {
  content: '';
  color: #FF0025;
  border: 9px solid currentColor;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: none;
  height: 9px;
  display: inline-block;
  width: 12px;
  margin-left: 4px;
}
.BattleResultsMode__ratingChange.is-increased[data-v-596e44e0]::after {
  color: #39B24A;
  transform: scale(-1);
  filter: drop-shadow(0 0 2px currentColor);
}
.BattleResultsMode__footer[data-v-596e44e0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.BattleResultsMode__button[data-v-596e44e0] {
  background: transparent;
  border: none;
  font-size: 24px;
  color: #112A5E;
  width: 90%;
  position: relative;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.BattleResultsMode__button-text[data-v-596e44e0] {
  position: absolute;
}
.disabled[data-v-596e44e0] {
  pointer-events: none;
  opacity: 0.5;
  cursor: none;
}
.BattleResultsMode__button[data-v-596e44e0]:hover {
   cursor: pointer;
   transform: scale(1.05);
}
.BattleResultsMode__button[data-v-596e44e0]:active {
  transform: scale(0.95);
}
.BattleResultsMode__button.white[data-v-596e44e0] {
  color: white
}
.BattleResultsMode__playagain[data-v-596e44e0] {
  position: absolute;
  top: 21%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.BattleResultsMode__status[data-v-596e44e0] {
  position: absolute;
  display: flex;
  width: 72%;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-family: 'jura', sans-serif;
  top: 58%;
  gap: 10px;
}
.BattleResultsMode__playerstatus[data-v-596e44e0] {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 5px;
}
.BattleResultsMode__playerstatus input[data-v-596e44e0] {
  width: 20px;
  height: 20px;
}
.BattleResultsMode__time[data-v-596e44e0] {
  display: flex;
  width: calc(100% - 10px);
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 15px;
}
.BattleResultsMode__timehr[data-v-596e44e0] {
  border: 1px solid #751577;
  width: calc(50% - 30px);
}
.timelimited-hr[data-v-596e44e0] {
  border: 1px solid red;
}
.BattleResultsMode__timeText[data-v-596e44e0] {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 24px;
  background: linear-gradient(0deg, #0250C5 0%, #D43F8D 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.timelimited-color[data-v-596e44e0] {
  background: none !important;  
  -webkit-background-clip: unset !important;  
  -webkit-text-fill-color: red !important;  
  background-clip: unset !important;
}
@media (max-width: 320px) {
.BattleResultsMode__title[data-v-596e44e0] {
      font-size: 30px;
      color: #F9EB21;
}
.BattleResultsMode__button[data-v-596e44e0] {
      font-size: 20px;
      color: #112A5E;
      width: 80%;
      position: relative;
}
.BattleResultsMode__vs-info[data-v-596e44e0] {
      font-size: 10px;
}
.BattleResultsMode__vs-title[data-v-596e44e0] {
    font-size: 26px;
}
}
@media (max-height: 667px) {
.BattleResultsMode__title[data-v-596e44e0] {
      font-size: 30px;
}
.BattleResultsMode__button[data-v-596e44e0] {
      font-size: 22px;
}
.BattleResultsMode__status[data-v-596e44e0] {
      font-size: 14px;
}
}
@media (min-width: 410px) {
.BattleResultMode__container-content[data-v-596e44e0] {
      width: 100%;
}
}
  

.BattleRewardsMode[data-v-23b7f5a7] {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  color: #00FFFF;
  /* игровое окно, текст в нём не выделяется (включая long-press на тачах) */
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  font-family: "Exo 2", sans-serif;
  padding: 10px;
  pointer-events: all;
}
.BattleRewardsMode__container[data-v-23b7f5a7] {
  max-width: 430px;
  position: relative
  
  /* background-image: url(../assets/stardefender/ui/results/reward-bg.svg); */
}
.BattleRewardsMode__container-content[data-v-23b7f5a7] {
  width: 100%;
  height: 100%;
  position: absolute;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  padding: 10px;
}
.BattleRewardsMode__header[data-v-23b7f5a7] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid  #751577;
}
.BattleRewardsMode__closebtn[data-v-23b7f5a7] {
  position: absolute;
  top:3%;
  right: 6%;
}
.BattleRewardsMode__closebtn[data-v-23b7f5a7]:hover {
  cursor: pointer;
}
.BattleRewardsMode__img[data-v-23b7f5a7] {
  margin-top: 15px;
  margin-bottom: 15px;
}
.BattleRewardsMode__title[data-v-23b7f5a7] {
  font-size: 24px;
  color: white;
}
.BattleRewardsMode[data-v-23b7f5a7] > * {
  pointer-events: all;
}
.BattleRewardsMode__image[data-v-23b7f5a7] {
  flex-grow: 1;
  width: 460px;
  height: 360px;
  background-image: url(../assets/stardefender/ui/box.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 0%;
}
.BattleRewardsMode__loader[data-v-23b7f5a7] {
  flex-grow: 1;
}
.BattleRewardsMode__button[data-v-23b7f5a7] {
  width: 280px;
  height: 160px;
  margin: -30px 0;
  padding: 0;
  background-image: url(../assets/stardefender/ui/results/open-box.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50%;
  background-color: transparent;
  border: none;
  will-change: transform;
  transition: ease transform 200ms;
}
.BattleRewardsMode__button[data-v-23b7f5a7]:hover {
  transform: scale(1.05);
}
.BattleRewardsMode__button[data-v-23b7f5a7]:active {
  transform: scale(0.95);
}
.BattleRewardsMode__content[data-v-23b7f5a7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 380px;
  min-height: 28%;
  margin-top: 20px;
}
.BattleRewardsMode__label[data-v-23b7f5a7] {
  padding: 4px 12px;
  color: #000;
  background-color: #00FFFF;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}
.BattleRewardsMode__rewards[data-v-23b7f5a7] {
  display: grid;
  grid-template-columns: repeat(4, 1fr) ;
  /* flex-flow: row wrap; */
  gap: 12px;
  justify-content: center;
  max-width: 380px;
  width: 100%;
  height: 100%;
  padding-top: 12px;
  font-size: 12px;
  text-align: center;
}
.BattleRewardsMode__reward[data-v-23b7f5a7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-image: url(../assets/stardefender/ui/results/reward-item-bg.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: relative;
}
.BattleRewardsMode__rewardTile[data-v-23b7f5a7] {
  position: absolute;
  top: 15%;
  width: 100%;
  height: 40%;
}
.BattleRewardsMode__caption[data-v-23b7f5a7] {
  position: absolute;
  bottom: 12%;
}
.BattleRewardsMode__rewardImage[data-v-23b7f5a7] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0.5;
}
.BattleRewardsMode__caption[data-v-23b7f5a7] {
  color: #00FFFF;
}
.BattleRewardsMode__footer[data-v-23b7f5a7] {
  margin-top: 25px;
  padding-bottom: 56px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.BattleRewardsMode__close[data-v-23b7f5a7] {
  min-width: 174px;
  padding: 12px 24px;
  border: none;
  background-color: #00FFFF;
  color: #000;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.BattleResultsMode__button[data-v-23b7f5a7] {
  position: relative;
  font-size: 24px;
  color: white;
  width: 80%;
  transition: all 0.3s ease;
}
.BattleResultsMode__button[data-v-23b7f5a7]:hover {
  cursor: pointer;
  transform: scale(1.05);
}
.BattleResultsMode__button[data-v-23b7f5a7]:active {
  transform: scale(0.95);
}
.BattleResultsMode__button > div[data-v-23b7f5a7] {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.PreGameCounterMode[data-v-a3b3d540] {
    position: absolute;
    width: 100%;
    height: 100%;
}
.RaceSelectMode[data-v-873dd516] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-image: url(../assets/app/ui/background.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.RaceSelectMode__title[data-v-873dd516] {
    margin-bottom: 20px;
    font-size: 24px;
    color: white;
}
.RaceSelectMode__item[data-v-873dd516] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    height: 40%;
}
.RaceSelectMode__model[data-v-873dd516] {
    height: calc(100% - 100px);
}
.RaceSelectMode__item-name[data-v-873dd516] {
    font-size: 16px;
}
.RaceSelectMode__item-name span[data-v-873dd516] {
    color: white;
    padding-right: 10px;
}
.RaceSelectMode__time[data-v-873dd516] {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.RaceSelectMode__time hr[data-v-873dd516] {
    border: 1px solid #751577;
    width: calc(50% - 30px);
}
.RaceSelectMode__time > p[data-v-873dd516] {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
    background: linear-gradient(0deg, #0250C5 0%, #D43F8D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.RaceSelectMode__button[data-v-873dd516] {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 20px;
    background-color: transparent;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    cursor: pointer;
}
.RaceSelectMode__button-name[data-v-873dd516] {
    position: absolute;
}
.RaceSelectMode__button.--hidden[data-v-873dd516] {
    visibility: hidden;
    pointer-events: none;
}

.HeroSelectMode[data-v-18655160] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-image: url(../assets/app/ui/background.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.HeroSelectMode__title[data-v-18655160] {
    margin-bottom: 20px;
    font-size: 24px;
    color: white;
}
.HeroSelectMode__item[data-v-18655160] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    height: 40%;
}
.HeroSelectMode__model[data-v-18655160] {
    height: calc(100% - 100px);
}
.HeroSelectMode__item-name[data-v-18655160] {
    font-size: 16px;
}
.HeroSelectMode__item-name span[data-v-18655160] {
    color: white;
    padding-right: 10px;
}
.HeroSelectMode__time[data-v-18655160] {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 15px;
}
.HeroSelectMode__time hr[data-v-18655160] {
    border: 1px solid #751577;
    width: calc(50% - 30px);
}
.HeroSelectMode__time > p[data-v-18655160] {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
    background: linear-gradient(0deg, #0250C5 0%, #D43F8D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.HeroSelectMode__button[data-v-18655160] {
    width: 100%;
    text-align: center;
    color: white;
    font-size: 20px;
    background-color: transparent;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    cursor: pointer;
}
.HeroSelectMode__button-name[data-v-18655160] {
    position: absolute;
}
.HeroSelectMode__button.--hidden[data-v-18655160] {
    visibility: hidden;
    pointer-events: none;
}

.HeroWaitMode[data-v-73f8292c] {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  gap: 16px;
  padding: 24px;
  box-sizing: border-box;
}
.HeroWaitMode__avatar[data-v-73f8292c] {
  width: 120px;
  height: 120px;
  object-fit: contain;
  border-radius: 12px;
  border: 2px solid rgba(120, 200, 255, 0.4);
  box-shadow: 0 0 20px rgba(120, 200, 255, 0.2);
}
.HeroWaitMode__name[data-v-73f8292c] {
  font-size: 20px;
  font-weight: 700;
  color: #e8f4ff;
}
.HeroWaitMode__waiting[data-v-73f8292c] {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0.05em;
}
.HeroWaitMode__dots[data-v-73f8292c] {
  display: flex;
  gap: 8px;
}
.HeroWaitMode__dot[data-v-73f8292c] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4aacff;
  animation: dotPulse-73f8292c 1.2s ease-in-out infinite;
}
.HeroWaitMode__dot[data-v-73f8292c]:nth-child(2) {
  animation-delay: 0.2s;
}
.HeroWaitMode__dot[data-v-73f8292c]:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes dotPulse-73f8292c {
0%, 80%, 100% { opacity: 0.2; transform: scale(0.8);
}
40% { opacity: 1; transform: scale(1);
}
}

.PhantomMode[data-v-df7bc2bc] {
  opacity: 1;
}

.RealMode[data-v-f70b9ffc] {
  display: flex;
  height: 100%;
}

.PreloaderMode[data-v-7a009686] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #040310;
  background-image: url(../assets/app/ui/background.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.PreloaderScene__logo[data-v-7a009686] {
  width: 284px;
  height: 92px;
  background-image: url(../assets/app/preloader/logo-text.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.PreloaderScene__circles[data-v-7a009686] {
  width: 220px;
  height: 220px;
  margin-top: 16px;
}
.PreloaderScene__text[data-v-7a009686] {
  width: 170px;
  margin-top: 44px;
  color: #00f0ff;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-size: 22px;
  text-align: left;
  text-shadow: 0px 0px 20px #000000;
  line-height: 1.12;
  white-space: nowrap;
}
.dots[data-v-7a009686]::after {
  content: '';
  animation: dots-7a009686 2.5s linear infinite;
}
.rotation-outer[data-v-7a009686],
.rotation-inner[data-v-7a009686] {
  transform-origin: 123px 147px;
  animation: rotation-7a009686 1.2s linear infinite;
}
.rotation-inner[data-v-7a009686] {
  animation-direction: reverse;
  animation: rotation-7a009686 2.5s linear infinite;
}
@keyframes rotation-7a009686 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes dots-7a009686 {
0% {
    content: '';
}
33% {
    content: '.';
}
66% {
    content: '..';
}
100% {
    content: '...';
}
}

.WelcomeMode[data-v-3249ee55] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: auto;
  z-index: 2;
  background-color: #040310;
  background-image: url(../assets/app/ui/background.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.WelcomeScene__logo[data-v-3249ee55] {
  aspect-ratio: 410/700;
  max-width: 100%;
  max-height: 700px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background-color: rgba(27, 47, 192, 0.3);
  border-radius: 50px;
  box-shadow: 
  0px 0px 166px rgba(27, 47, 192, 0.8)
}
.WelcomeScene__logo > img[data-v-3249ee55] {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  object-fit: contain;
  z-index: 5;
}
.WelcomeScene__animation[data-v-3249ee55] {
  display: flex;
  align-items: center;
  justify-content: center;
  width:100%;
  height: 56%;
  position: absolute;
  overflow: hidden;
}
.WelcomeScene__button-animation[data-v-3249ee55] {
  width: 64%;
  height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.7);
  transform-origin: center;
  opacity: 1;
  z-index: -1;
  overflow: hidden;
  animation: zoomOut-3249ee55 6s infinite forwards linear;
  will-change: transform, opacity;
}
.WelcomeScene__button-animation img[data-v-3249ee55] {
   width: 100%;
   height: 100%;
}
@keyframes zoomOut-3249ee55 {
from {
      opacity: 1;
      transform: translate(-50%, -50%) scale(0.7) ;
}
50% {
      transform: translate(-50%, -50%) scale(1.2) ;
      opacity: 0;
}
to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.3) ;
}
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(1) {
  animation-delay: calc(400ms * -1);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(2) {
  animation-delay: calc(400ms * 0);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(3) {
  animation-delay: calc(400ms * 1);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(4) {
  animation-delay: calc(400ms * 2);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(5) {
  animation-delay: calc(400ms * 3);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(6) {
  animation-delay: calc(400ms * 4);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(7) {
  animation-delay: calc(400ms * 5);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(8) {
  animation-delay: calc(400ms * 6);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(9) {
  animation-delay: calc(400ms * 7);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(10) {
  animation-delay: calc(400ms * 8);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(11) {
  animation-delay: calc(400ms * 9);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(12) {
  animation-delay: calc(400ms * 10);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(13) {
  animation-delay: calc(400ms * 11);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(14) {
  animation-delay: calc(400ms * 12);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(15) {
  animation-delay: calc(400ms * 13);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(16) {
  animation-delay: calc(400ms * 14);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(17) {
  animation-delay: calc(400ms * 15);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(18) {
  animation-delay: calc(400ms * 16);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(19) {
  animation-delay: calc(400ms * 17);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(20) {
  animation-delay: calc(400ms * 18);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(21) {
  animation-delay: calc(400ms * 19);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(22) {
  animation-delay: calc(400ms * 20);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(23) {
  animation-delay: calc(400ms * 21);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(24) {
  animation-delay: calc(400ms * 22);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(25) {
  animation-delay: calc(400ms * 23);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(26) {
  animation-delay: calc(400ms * 24);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(27) {
  animation-delay: calc(400ms * 25);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(28) {
  animation-delay: calc(400ms * 26);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(29) {
  animation-delay: calc(400ms * 27);
}
.WelcomeScene__button-animation[data-v-3249ee55]:nth-child(30) {
  animation-delay: calc(400ms * 28);
}
.WelcomeScene__start-button[data-v-3249ee55] {
  width: 50%;
  background-color: rgba(2, 86, 197, 0.5);
  border-radius: 50px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 15;
  position: relative;
  transition: box-shadow 0.3s ease, transform 0.3s ease;;
  
  box-shadow: 0 0 30px 10px rgba(2, 86, 197, 1.7);
}
.WelcomeScene__start-button > div[data-v-3249ee55] {
  position:absolute;
}
.WelcomeScene__start-button > img[data-v-3249ee55] {
  width: 100%;
}
.WelcomeScene__start-button[data-v-3249ee55]:hover {
   transform: scale(1.05);
}
.WelcomeScene__start-button-title[data-v-3249ee55] {
  font-size: 48px;
  font-family: 'jura', sans-serif;
  color: #FFFFFF;
}
.WelcomeScene__start-button-description[data-v-3249ee55] {
  font-style: normal;
  font-weight: 700;
  font-family: 'jura', sans-serif;
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  color: #00FFFF;
  padding: 5px;
}
.WelcomeScene__caution[data-v-3249ee55] {
  position: absolute;
  top: 74%;
  max-width: calc(100% - 40px);
  z-index: -1;
}
.WelcomeScene__caution p[data-v-3249ee55] {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #FFFFFF;
}
.WelcomeScene__caution a[data-v-3249ee55] {
  color: #00f0ff;
  font-weight: 300;
  font-size: 18px;
  text-align: center;
  text-shadow: 0px 0px 20px #000000;
  line-height: 1.38;
  pointer-events: all;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 375px)
{
.WelcomeScene__start-button-title[data-v-3249ee55] {
    font-size: 38px;
}
}
@media (max-width: 430px)
{
.WelcomeScene__caution[data-v-3249ee55] {
   max-width: calc(100% - 10px);
}
}
@media (max-height: 667px) and (min-width: 501px)
{
.WelcomeScene__start-button-title[data-v-3249ee55] {
    font-size: 38px;
}
.WelcomeScene__caution p[data-v-3249ee55] {
    font-size: 15px;
}
.WelcomeScene__caution a[data-v-3249ee55] {
    font-size: 15px;
}
.WelcomeScene__caution[data-v-3249ee55] {
    max-width: calc(100% - 20px);
}
}
@media (max-height: 520px) and (min-width: 501px)
{
.WelcomeScene__start-button-title[data-v-3249ee55] {
    font-size: 34px;
}
.WelcomeScene__caution p[data-v-3249ee55] {
    font-size: 13px;
}
.WelcomeScene__caution a[data-v-3249ee55] {
    font-size: 13px;
}
.WelcomeScene__caution[data-v-3249ee55] {
    max-width: calc(100% - 10px);
}
}




/* Шрифты грузятся из <link> в index.html: браузер находит их при разборе HTML,
   а не после загрузки этого файла. Фолбэк `sans-serif` обязателен — без него
   неудачная загрузка даёт Times. */
* {
  margin: 0;
  padding: 0;
}

html {
  overflow: hidden;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  height: 100%;
  width: 100%;
  background-color: #000;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  overflow: auto;
  font-family: "Jura", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.jura-font {
  font-family: "Jura", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.exo2-font {
  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.orbitron-font {
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
}

.--light {
  font-weight: 300;
}
.--regular {
  font-weight: 400;
}

.--medium {
  font-weight: 500;
}

.--semi-bold {
  font-weight: 600;
}

.--bold {
  font-weight: 700;
}

.--black {
  font-weight: 900;
}

img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

button {
  cursor: pointer;
  text-transform: uppercase;
}

a,
button,
input,
select {
  pointer-events: auto;
}

#notSupported {
  width: 50%;
  margin: auto;
  background-color: #f00;
  margin-top: 20px;
  padding: 10px;
}

#game {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #040310;
  overflow: hidden;
  filter: blur(0px);
  transform: scale(1);
  transition: ease 600ms transform, ease 600ms filter;
}

#gui {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  min-width: 320px;
  overflow: hidden;
  pointer-events: none;
  touch-action: manipulation;
  /* background-image: url(../assets/app/ui/background.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; */
}

#game>canvas {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

#game.is-blured {
  filter: blur(10px);
  transform: scale(1.07);
}

.gui-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  pointer-events: all;
}

.fade-enter-active,
.fade-leave-active {
  transition: ease-in-out opacity 200ms;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.version {
  position: absolute;
  left: 12px;
  bottom: 10px;
  z-index: 2;
  opacity: 0.5;
  font-size: 13px;
  color: #00f0ff;
}

@keyframes pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

.Toastify__toast-container {
  --toastify-toast-width: 280px;
  --toastify-toast-min-height: 44px;
}

.Toastify__toast-container .Toastify__toast {
  margin-bottom: 10px;
  padding: 6px;
  border-radius: 0;
  box-shadow: none;
  background-color: #080018;
  color: #00eaf9;
  font-family: inherit;
  font-size: 13px;
}

.Toastify__toast-container .Toastify__toast-body {
  margin: 0;
}
:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-colored:#ddd}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;transform:translate3d(0,0,var(--toastify-z-index) px);width:var(--toastify-toast-width);z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:pointer;direction:ltr;display:flex;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:var(--toastify-toast-max-height);min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px;white-space:pre-wrap}.Toastify__toast-body>div:last-child{flex:1}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify__toast-text{display:flex;flex-direction:column;gap:2px;line-height:1.35;width:100%}.Toastify__toast-text-title{font-weight:600}.Toastify__toast-text-content{opacity:.92}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:var(--toastify-color-info);color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:var(--toastify-color-success);color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:var(--toastify-color-warning);color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:var(--toastify-color-error);color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:var(--toastify-color-progress-colored)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentcolor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__none{0%,60%,75%,90%,to{animation-duration:0;animation-timing-function:none}0%{opacity:1;transform:translateZ(0)}to{transform:translateZ(0)}}.Toastify__none-enter--bottom-center,.Toastify__none-enter--bottom-left,.Toastify__none-enter--bottom-right,.Toastify__none-enter--top-center,.Toastify__none-enter--top-left,.Toastify__none-enter--top-right{animation-name:Toastify__none}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}