.game-part {
  display: block;
  position: relative;
}
.game-part.active {
  display: block;
}
.game-part__container {
  position: relative;
  width: 100%;
  height: 590px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
  /* gap: 10px; */
  /* grid-auto-rows: minmax(537px, auto); */
}

.footballWinBanner {
  position: absolute;
  z-index: 7;
  top: 3px;
  left: 50%;
  transform: translateX(-50%);
  width: 365px;
  height: 93px;
  background: url(assets/img/football-win-banner.png) no-repeat center;
  background-size: 100% 100%;
  opacity: 1;
  transition: opacity 0.22s ease, visibility 0.22s ease;
  pointer-events: none;
}

.footballWinBanner.hidden {
  opacity: 0;
  visibility: hidden;
}

.footballWinBanner__title {
  position: absolute;
  top: 8px;
  left: 0;
  width: 100%;
  color: #fff21f;
  font-family: AdjaraBold, Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  text-shadow:
    -1px -1px 0 #085c1d,
    1px -1px 0 #085c1d,
    -1px 1px 0 #085c1d,
    1px 1px 0 #085c1d;
}

.footballWinBanner__prizes {
  position: absolute;
  top: 37px;
  left: 51px;
  width: 230px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.footballWinBanner__row {
  display: flex;
  align-items: center;
}

.footballWinBanner__row--top {
  justify-content: space-between;
  gap: 40px;
}

.footballWinBanner__row--bottom {
  justify-content: space-between;
  gap: 35px;
  padding-left: 0;
  margin-left: -13px;
}

.footballWinBanner__item {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #fff;
  font-family: AdjaraBold, Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  font-family: 'AdjaraRegular';
}

.footballWinBanner__icon {
  width: 16.3px;
  height: 16.3px;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.footballWinBanner__icon--coin {
  background-image: url(../img/max-coin-new.webp);
}

.footballWinBanner__icon--points {
  background-image: url(../img/leaderbarod-point.webp);
}

.footballWinBanner__row--bottom .footballWinBanner__item {
  gap: 3px;
  font-size: 11px;
}

.footballWinBanner__row--bottom .footballWinBanner__icon {
  width: 15px;
  height: 15px;
}

.footballWinBanner__icon--gold {
  background-image: url(../img/collectables/collectable-icon-gold.png);
}

.footballWinBanner__icon--silver {
  background-image: url(../img/collectables/collectable-icon-silver.png);
}

.footballWinBanner__icon--bronze {
  background-image: url(../img/collectables/collectable-icon-bronze.png);
}

@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__container {
    width: 100%;
    height: 126.03vw;
    margin: 0 auto;
    /* gap: 1vw; */
  }
  .footballWinBanner {
    top: 0.3vw;
    width: 85.28vw;
    height: 21.73vw;
  }
  .footballWinBanner__title {
    top: 1.97vw;
    font-size: 3.27vw;
  }
  .footballWinBanner__prizes {
    top: 8.9vw;
    left: 14.6vw;
    width: 53.7vw;
    gap: 1.64vw;
  }
  .footballWinBanner__row--bottom {
    gap: 10.6vw;
    padding-left: 0;
    margin-left: -7vw;
  }
  .footballWinBanner__item {
    gap: 0.93vw;
    font-size: 2.57vw;
  }
  .footballWinBanner__icon {
    width: 3.5vw;
    height: 3.5vw;
  }
  .footballWinBanner__row--bottom .footballWinBanner__item {
    gap: 0.7vw;
    font-size: 2.35vw;
  }
  .footballWinBanner__row--bottom .footballWinBanner__icon {
    width: 3.2vw;
    height: 3.2vw;
  }
}
.game-part__spinBox {
  width: 590px;
  height: 78px;
  /* background: #BDBDBD; */
  border-radius: 12px;
  padding: 6px 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  grid-column: 3 / 3;
  margin-top: -20px;
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__spinBox {
    width: 100%;
    height: 10vw;
    border-bottom-left-radius: 3vw;
    border-bottom-right-radius: 3vw;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 1.6vw 1.2vw;
    grid-column: 5/1;
    /* margin-right: 6vw; */
    margin-top: -4.1vw;
  }
}
.game-part__spinBox-container {
  width: 590px;
  height: 65px;
  background: linear-gradient(0deg, #000 -10.37%, #474747 96.11%);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  border: 3px solid #bdbdbd;
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__spinBox-container {
    width: 131.25vw;
    height: 10.5vw;
    border-bottom-left-radius: 3vw;
    border-bottom-right-radius: 3vw;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: linear-gradient(180deg, #1e4a3e 0%, #0f3d30 100%);
  }
}
.game-part__spinBox-container span {
  color: #fff;
  font-size: 20px;
  font-feature-settings: "case" on;
  margin-left: 15px;
  font-family: "AdjaraBold";
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__spinBox-container span {
    font-size: 3.25vw;
  }
}
.game-part__shootAmount {
  width: 72px;
  height: 192px;
  background: url(assets/img/shootamount-bg.png) no-repeat;
  background-position: center;
  background-size: contain;
  padding: 10px 6px;
  display: flex;
  /* margin-top: 228px; */
  justify-content: center;
  align-items: center;
  /* margin-left: 92px; */
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__shootAmount {
    width: 11.25vw;
    height: 30vw;
    padding: 1.25vw 0.8vw;
    /* margin-top: 47vw; */
  }
}
.game-part__shootAmount-container {
  width: 62px;
  height: 176px;
  background: #45545e;
  border-radius: 50px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 12px;
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__shootAmount-container {
    width: 10.4vw;
    height: 30.5vw;
    padding: 1.75vw 1.5vw;
  }
}
.game-part__shootAmount-ball {
  width: 48px;
  height: 48px;
  background: url(assets/img/shootamount-ball.png) no-repeat;
  background-position: center;
  background-size: contain;
}
.game-part__shootAmount-ball.win {
  background: url(assets/img/shootamount-ball-win.png) no-repeat;
  background-position: center;
  background-size: contain;
}
.game-part__shootAmount-ball.miss {
  background: url(assets/img/shootamount-ball-miss.png) no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__shootAmount-ball {
    width: 8vw;
    height: 8vw;
  }
  .game-part__shootAmount-ball.win {
    width: 6.5vw;
    height: 6.5vw;
  }
  .game-part__shootAmount-ball.miss {
    width: 6.5vw;
    height: 6.5vw;
  }
}
.game-part__shootAmount-box {
  width: 52px;
  height: 52px;
  border-radius: 50px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__shootAmount-box {
    width: 9vw;
    height: 9vw;
    border-radius: 12.5vw;
  }
}
.game-part__shootAmount-table {
  position: absolute;
  top: 244px;
  left: 92px;
  grid-column: 1 / 4;
  grid-row: 1 / 3;
  width: 72px;
  height: 192px;
  z-index: 2;
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__shootAmount {
    width: 12vw;
    height: 32vw;
  }
  .game-part__shootAmount-table {
    width: 11.25vw;
    height: 30vw;
    top: 49vw;
    left: 2vw;
  }
}
.game-part__shootAmount-box.win {
  background: #2bc798;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.56) inset;
}
.game-part__shootAmount-box.loose {
  background: #586d8b;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.56) inset;
}
.game-part__shootAmount-prize {
  width: 130px;
  height: 50px;
  background: linear-gradient(160deg, #526683 0%, #778ba8 100%);
  border-radius: 52.727px;
  position: absolute;
  left: 75px;
  margin-top: 280px;
  z-index: -1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 14px;
  display: none;
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__shootAmount-prize {
    width: 16.5vw;
    height: 6vw;
    border-radius: 13.5vw;
    left: 8vw;
    margin-top: 8vw;
    z-index: -1;
    padding-left: 2.25vw;
  }
}
.game-part__shootAmount-prize.win {
  background: linear-gradient(140deg, #135a45 0%, #2ac496 100%);
}
.game-part__shootAmount-prize.loose {
  background: #586d8b;
}
.game-part__shootAmount-prize-first {
  top: -19px;
}
.game-part__shootAmount-prize-second {
  top: 50px;
}
.game-part__shootAmount-prize-second.five_members {
  top: 120px;
}
.game-part__shootAmount-prize-third {
  top: 120px;
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__shootAmount-prize-first {
    top: 43vw;
  }
  .game-part__shootAmount-prize-second {
    top: 51.3vw;
  }
  .game-part__shootAmount-prize-third {
    top: 59.5vw;
  }
  .game-part__shootAmount-prize-second.five_members {
    top: 59.5vw;
  }
}
.game-part__shootAmount-prize span {
  color: #fff;
  font-size: 22px;
  width: 28px;
  height: 28px;
  display: flex;
  /* background-position: center;
  background: url(assets/img/error.svg)no-repeat;
  background-size: contain; */
}

@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__shootAmount-prize span {
    width: 4.4vw;
    height: 4.4vw;
    font-size: 3.2vw;
  }
}
.game-part__shootAmount-icon {
  width: 40px;
  height: 38px;
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__shootAmount-icon {
    width: 4.25vw;
    height: 4vw;
    flex-shrink: 0;
  }
}
.game-part__shootAmount-icon--freespin {
  background: url(assets/img/free-spin-shootamount-icon.svg) no-repeat;
  background-size: cover;
  background-position: center;
  width: 40px;
  height: 38px;
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__shootAmount-icon--freespin {
    width: 5.25vw;
    height: 5vw;
    flex-shrink: 0;
  }
}
.game-part__shootAmount-icon--freeround {
  background: url(assets/img/bonus-game-icon.svg) no-repeat;
  background-size: contain;
  background-position: center;
  width: 24px;
  height: 22px;
  margin-right: 5px;
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__shootAmount-icon--freeround {
    width: 3vw;
    height: 3vw;
    margin-right: 1.25vw;
    flex-shrink: 0;
  }
}
.game-part__shootButton {
  width: 132px;
  height: 84px;
  /* background: url(assets/img/shoot-button.svg) no-repeat;
  background-position: center;
  background-size: contain; */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-column: 4;
  grid-row: 1 / 2;
  /* cursor: pointer; */
  z-index: 2;
  position: absolute;
  top: 450px;
  right: 2px;
}
.game-part__shootButton-left {
  width: 48px;
  height: 48px;
  background: url(assets/img/shoot-arrow-left.svg) no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
.game-part__shootButton-left:active {
  opacity: 0.8;
}
.game-part__shootButton-center {
  width: 48px;
  height: 48px;
  background: url(assets/img/shoot-arrow-up.svg) no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translate(-50%, -50%);
}
.game-part__shootButton-center:active {
  opacity: 0.8;
}
.game-part__shootButton-right {
  width: 48px;
  height: 48px;
  background: url(assets/img/shoot-arrow-right.svg) no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}
.game-part__shootButton-right:active {
  opacity: 0.8;
}
.game-part__shootButton-left:hover,
.game-part__shootButton-center:hover,
.game-part__shootButton-right:hover {
  opacity: 0.9;
}

.footballMultiplier {
  position: absolute;
  top: 464px;
  left: 3px;
  z-index: 3;
  width: 168px;
  height: 49px;
  margin: 0;
  overflow: visible;
  border: 1px solid rgba(82, 183, 139, 0.55);
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
}

.footballMultiplier__text {
  width: 104px;
  height: 47px;
  padding: 0 8px;
  align-items: flex-start;
  justify-content: center;
  border-radius: 10px 0 0 10px;
  background: #123a31;
}

.footballMultiplier__text span:first-child {
  font-size: 12px;
  line-height: 13px;
}

.footballMultiplier__text span:last-child {
  margin-top: 1px;
  font-size: 7px;
  line-height: 9px;
}

.footballMultiplier__select {
  width: 64px;
  height: 47px;
}

.footballMultiplier__display {
  width: 64px;
  height: 47px;
  padding: 0 10px;
  border-radius: 0 10px 10px 0;
  font-size: 16px;
  gap: 6px;
}

.footballMultiplier .select-options {
  top: auto;
  bottom: calc(100% + 6px);
  width: 64px;
}

.footballMultiplier__arrow {
  font-size: 11px;
  line-height: 1;
}

@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__shootButton-left {
    width: 11.8vw;
    height: 11.8vw;
    background: url(assets/img/shoot-arrow-left.svg) no-repeat;
    background-position: center;
    background-size: contain;
  }
  .game-part__shootButton-center {
    width: 11.8vw;
    height: 11.8vw;
    background: url(assets/img/shoot-arrow-up.svg) no-repeat;
    background-position: center;
    background-size: contain;
  }
  .game-part__shootButton-right {
    width: 11.8vw;
    height: 11.8vw;
    background: url(assets/img/shoot-arrow-right.svg) no-repeat;
    background-position: center;
    background-size: contain;
  }
}

@keyframes pulse-animation {
  0% {
    background-color: rgba(190, 248, 194, 0.2);
  }
  100% {
    background-color: rgba(5, 230, 24, 0.2);
  }
}
/* @media screen and (max-width: 940px) and (min-width: 320px) {
  .shoot_button.circle {
    width: 21.33333333333333vw;
    height: 21.33333333333333vw;
    margin-right: 1.25vw;
    flex-shrink: 0;
    margin-top: 0px;
  }
} */
.shoot_button.disabled {
  opacity: 0.4;
  cursor: default;
}
.shoot_button.inactive {
  opacity: 0.4;
  cursor: default;
}
.game-part__shootButton-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.game-part__shootButton-container span {
  color: #fff;
  font-size: 20px;
  font-feature-settings: "case" on;
}

@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__shootButton {
    width: 34.2vw;
    height: 17.94vw;
    grid-row: 2 / 3;
    /* margin-left: -21vw; */
    top: 96.15vw;
    right: 0.43vw;
  }
  .footballMultiplier {
    top: 97.8vw;
    left: -1.1vw;
    width: 44.8vw;
    height: 13.2vw;
    border-radius: 2.93vw;
  }
  .footballMultiplier__text {
    width: 27.73vw;
    height: 12.53vw;
    padding: 0 2.13vw;
  }
  .footballMultiplier__text span:first-child {
    font-size: 3.2vw;
    line-height: 3.47vw;
  }
  .footballMultiplier__text span:last-child {
    margin-top: 0.27vw;
    font-size: 1.87vw;
    line-height: 2.4vw;
  }
  .footballMultiplier__select {
    width: 17.07vw;
    height: 12.53vw;
  }
  .footballMultiplier__display {
    width: 17.07vw;
    height: 12.53vw;
    padding: 0 2.67vw;
    font-size: 4.27vw;
    gap: 1.6vw;
  }
  .footballMultiplier .select-options {
    bottom: calc(100% + 1.6vw);
    width: 17.07vw;
  }
  .footballMultiplier__arrow {
    font-size: 2.93vw;
  }
  .game-part__shootButton-container {
    width: 100%;
    height: 100%;
  }
  .game-part__shootButton-container span {
    font-size: 3.25vw;
  }

}
/* @keyframes sprite {
  to { background-position: -62980px }
} */
@keyframes sprite {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -28676px 0;
  }
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  @keyframes sprite {
    from {
      background-position: 0 0;
    }
    to {
      background-position: -28676px 0;
    }
  }
}
/* @keyframes spriteSuccsess1 {
  to { background-position: -62980px }
} */
@keyframes spriteSuccsess1 {
  to {
    background-position: -28676px;
  }
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  @keyframes spriteSuccsess1 {
    to {
      background-position: -28676px;
    }
  }
}
/* @keyframes spriteSuccsess2 {
  to { background-position: -62980px }
} */
@keyframes spriteSuccsess2 {
  to {
    background-position: -28676px;
  }
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  @keyframes spriteSuccsess2 {
    to {
      background-position: -28676px;
    }
  }
}
/* @keyframes spriteSuccsess3 {
  to { background-position: -62980px }
} */
@keyframes spriteSuccsess3 {
  to {
    background-position: -28676px;
  }
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  @keyframes spriteSuccsess3 {
    to {
      background-position: -28676px;
    }
  }
}
/* @keyframes spriteFail1 {
  to { background-position: -62040px }
} */
@keyframes spriteFail1 {
  to {
    background-position: -28676px;
  }
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  @keyframes spriteFail1 {
    to {
      background-position: -28676px;
    }
  }
}
/* @keyframes spriteFail2 {
  to { background-position: -62980px }
} */
@keyframes spriteFail2 {
  to {
    background-position: -28676px;
  }
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  @keyframes spriteFail2 {
    to {
      background-position: -28676px;
    }
  }
}
/* @keyframes spriteFail3 {
  to { background-position: -61100px }
} */
@keyframes spriteFail3 {
  to {
    background-position: -28676px;
  }
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  @keyframes spriteFail3 {
    to {
      background-position: -28676px;
    }
  }
}

.sprite {
  width: 428px;
  height: 396px;
  background: url("assets/img/sprites-new/mobile_dribble.png");
  background-repeat: no-repeat;
  /* animation: sprite .6s steps(11) infinite; */
  position: absolute;
  left: 50%;
  top: 47.5%;
  transform: translate(-50%, -50%);
}
.sprite.active {
  animation: sprite 1.6s steps(67) infinite;
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .sprite {
    width: 113vw;
    height: 396px;
    background: url("assets/img/sprites-new/mobile_dribble.png");
    background-repeat: no-repeat;
    left: 50%;
    top: 47.5%;
    transform: translate(-50%, -50%) scale(0.7885);
    transform-origin: center;
  }
  .sprite.active {
    animation: sprite 1.6s steps(67) infinite;
  }
}
.sprite__succsess--first {
  width: 428px;
  height: 396px;
  background: url("assets/img/sprites-new/mobile-succsess-1.png");
  /* animation: spriteSuccsess1 3s steps(46) ; */
  position: absolute;
  left: 50%;
  top: 47.5%;
  transform: translate(-50%, -50%);
}
.sprite__succsess--first.active {
  animation: spriteSuccsess1 3.8s steps(67);
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .sprite__succsess--first {
    width: 113vw;
    height: 396px;
    /* animation: spriteSuccsess1 3s steps(47) ; */
    background: url("assets/img/sprites-new/mobile-succsess-1.png");
    left: 50%;
    top: 47.5%;
    transform: translate(-50%, -50%) scale(0.7885);
    transform-origin: center;
  }
  .sprite__succsess--first.active {
    animation: spriteSuccsess1 3.8s steps(67);
  }
}

.sprite__succsess--second {
  width: 428px;
  height: 396px;
  background: url("assets/img/sprites-new/mobile-succsess-2.png");
  /* animation: spriteSuccsess2 3s steps(58) ; */
  position: absolute;
  left: 50%;
  top: 47.5%;
  transform: translate(-50%, -50%);
}
.sprite__succsess--second.active {
  animation: spriteSuccsess2 3.8s steps(67);
}
.sprite_animation {
  opacity: 0;
}
.sprite_animation.active {
  opacity: 1;
}

@media screen and (max-width: 940px) and (min-width: 320px) {
  .sprite__succsess--second {
    width: 113vw;
    height: 396px;
    /* animation: spriteSuccsess2 3s steps(59) ; */
    background: url("assets/img/sprites-new/mobile-succsess-2.png");
    left: 50%;
    top: 47.5%;
    transform: translate(-50%, -50%) scale(0.7885);
    transform-origin: center;
  }
  .sprite__succsess--second.active {
    animation: spriteSuccsess2 3.8s steps(67);
  }
}
.sprite__succsess--third {
  width: 428px;
  height: 396px;
  background: url("assets/img/sprites-new/mobile-succsess-3.png");
  /* animation: spriteSuccsess2 3s steps(58) ; */
  position: absolute;
  left: 50%;
  top: 47.5%;
  transform: translate(-50%, -50%);
}
.sprite__succsess--third.active {
  animation: spriteSuccsess2 3.8s steps(67);
}

@media screen and (max-width: 940px) and (min-width: 320px) {
  .sprite__succsess--third {
    width: 113vw;
    height: 396px;
    /* animation: spriteSuccsess2 3s steps(59) ; */
    background: url("assets/img/sprites-new/mobile-succsess-3.png");
    left: 50%;
    top: 47.5%;
    transform: translate(-50%, -50%) scale(0.7885);
    transform-origin: center;
  }
  .sprite__succsess--third.active {
    animation: spriteSuccsess2 4s steps(67);
  }
}
.sprite__fail--first {
  width: 428px;
  height: 396px;
  background: url("assets/img/sprites-new/mobile_fail-1.png");
  /* animation: spriteFail1 3s steps(59) ; */
  position: absolute;
  left: 50%;
  top: 47.5%;
  transform: translate(-50%, -50%);
}
.sprite__fail--first.active {
  animation: spriteFail1 3.8s steps(67);
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .sprite__fail--first {
    width: 113vw;
    height: 396px;
    background: url("assets/img/sprites-new/mobile_fail-1.png");
    /* animation: spriteFail1 3s steps(60) ; */
    left: 50%;
    top: 47.5%;
    transform: translate(-50%, -50%) scale(0.7885);
    transform-origin: center;
  }
  .sprite__fail--first.active {
    animation: spriteFail1 3.8s steps(67);
  }
}
.sprite__fail--second {
  width: 428px;
  height: 396px;
  background: url("assets/img/sprites-new/mobile_fail-2.png");
  /* animation: spriteFail2 3s steps(58) ; */
  position: absolute;
  left: 50%;
  top: 47.5%;
  transform: translate(-50%, -50%);
}
.sprite__fail--second.active {
  animation: spriteFail2 3.8s steps(67);
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .sprite__fail--second {
    width: 113vw;
    height: 396px;
    background: url("assets/img/sprites-new/mobile_fail-2.png");
    /* animation: spriteFail2 3s steps(59) ; */
    left: 50%;
    top: 47.5%;
    transform: translate(-50%, -50%) scale(0.7885);
    transform-origin: center;
  }
  .sprite__fail--second.active {
    animation: spriteFail2 3.8s steps(67);
  }
}
.sprite__fail--third {
  width: 428px;
  height: 396px;
  background: url("assets/img/sprites-new/mobile_fail-3.png");
  /* animation: spriteFail2 3s steps(58) ; */
  position: absolute;
  left: 50%;
  top: 47.5%;
  transform: translate(-50%, -50%);
}
.sprite__fail--third.active {
  animation: spriteFail2 4s steps(67);
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .sprite__fail--third {
    width: 113vw;
    height: 396px;
    background: url("assets/img/sprites-new/mobile_fail-3.png");
    /* animation: spriteFail2 3s steps(59) ; */
    left: 50%;
    top: 47.5%;
    transform: translate(-50%, -50%) scale(0.7885);
    transform-origin: center;
  }
  .sprite__fail--third.active {
    animation: spriteFail2 3.8s steps(67);
  }
}
.game-part__quantity {
  margin-top: 2px;
}
.game-part__quantity--item {
  width: 52px;
  height: 28px;
  background: rgba(21, 106, 83, 1);
  box-shadow: 0px 5px 7px 0px rgba(16, 16, 30, 1) inset;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.game-part__quantitiyBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 156px;
  position: absolute;
  top: 480px;
  left: 2px;
  color: #fff;
  font-family: 'AdjaraSemiBold';
}
.game-part__quantitiyBox span {
  font-size: 14px;
  font-feature-settings: "case" on;
}
.game-part__board {
  background: url("assets/img/game-part-board.webp") no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  width: 360px;
  height: 92px;
  left: 49.2%;
  top: 52px;
  transform: translate(-50%, -50%);
  z-index: 4;
  display: none;
}

@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__quantity {
    margin-top: 0.53vw;
  }
  .game-part__quantity--item {
    width: 13.87vw;
    height: 7.47vw;
    background: #05231B;
    border-radius: 2.13vw;
    display: flex;
    justify-content: center;
    align-items: center;
    stroke-width: 1px;
    stroke: rgba(16, 29, 38, 0.00);
    box-shadow: 0 5px 7px 0 #10101E inset;
  }
  .game-part__quantitiyBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 39.61vw;
    position: absolute;
    top: 102.56vw;
    left: 0.43vw;
    height: 5.98vw;
  }
  .game-part__quantitiyBox span {
    font-size: 3.73vw;
    font-feature-settings: "case" on;
  }
  .game-part__board {
    background: url("assets/img/game-part-board.webp") no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    width: 94vw;
    height: 22.53vw;
    left: 49.2%;
    top: 8.87vw;
    transform: translate(-50%, -50%);
    z-index: 2;
  }
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .board__modal--line {
    background: url("assets/img/line.webp") no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 2px;
    margin: 4vw;
    display: none;
  }
}

.board__modal.active,
.board__modal[data-manual-close="1"] {
  display: block;
}

.board__modal--container.small {
  height: 166px;
}

.board__modal-content {
  height: 100%;
}

.board__modal-close {
  width: 200px;
  height: 50px;
  margin-top: 118px;
  border: 1px solid #494E50;
  border-radius: 12px;
  background: #1d5345;
  color: #fff;
  font-family: "AdjaraBold", sans-serif;
  font-size: 14px;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease;
}

.board__modal-close:disabled {
  background: #1a1c1d00;
  cursor: default;
  opacity: 1;
  transform: scale(0.98);
}

@media screen and (max-width: 940px) and (min-width: 320px) {
  .board__modal--container.small {
    height: 44vw;
  }

  .board__modal-close {
    width: 53.33vw;
    height: 13.33vw;
    margin-top: 29vw;
    border-radius: 2.13vw;
    font-size: 3.73vw;
  }
}
.game-part__board--item--sprite {
  margin-top: 2px;
  width: 110px;
  border-radius: 2px;
  height: 20px;
  background: url('assets/img/sprite/board-scroll.webp') no-repeat top center;
  animation: scrollDown 2s steps(76) infinite;
  /* border: 1px solid #00845a; */
  position: absolute;
  /* top: 0; */
}
.game-part__board--item--sprite-rightTop {
  right: 10px;
  top: 0;
}
.game-part__board--item--sprite-rightBottom {
  top: 23px;
  right: -7px;
}
.game-part__board--item--sprite-leftTop {
  left: 20px;
  top: 0;
}
.game-part__board--item--sprite-leftBottom {
  top: 23px;
  left: -3px;
}
@media screen and (max-width: 940px) and (min-width: 320px) {
  .game-part__board--item--sprite-leftTop {
    left: 17px;
    top: 0;
  }
  .game-part__board--item--sprite-leftBottom {
    top: 23px;
    left: -6px;
  }
  .game-part__board--item--sprite-rightTop {
    right: 14px;
    top: 0;
  }
  .game-part__board--item--sprite-rightBottom {
    top: 23px;
    right: -4px;
  }
}
@keyframes scrollDown {
  from {
    background-position: 0 0; /* პირველი კადრი */
  }
  to {
    background-position: 0 -1824px; /* ბოლო კადრი ქვემოთ */
  }
}