.fsPanel-desktop {
  position: absolute;
  top: 36px;
  left: 0;
  right: 0;
  z-index: 18;
  display: none;
  transform: none;
  padding: 0 26px;
  box-sizing: border-box;
  pointer-events: none;
}

.fsPanel-desktop.active {
  display: block;
}

.fsPanel-desktop.active .fsPanel__innerPrize-desktop {
  animation: borderFootballPanelIn 0.24s ease-out both;
}

.fsPanel__innerPrize-desktop {
  width: 100%;
  max-width: none;
  min-height: 38px;
  border-radius: 999px;
  padding: 4px;
  background: #050706;
  border: 2px solid #000;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.35);
}

.fsPanel__innerPrize--item-desktop {
  width: 100%;
  max-width: none;
  min-height: 30px;
  padding: 4px 16px 4px 8px;
  border-radius: 999px;
  background: #f2bd5b;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.18);
}

.fsPanel__innerPrize--prize-desktop {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
}

.fsPanel__innerPrize--item-desktop.is-spinning .fsPanel__innerPrize--prize-desktop {
  animation: borderFootballPrizeTick 0.13s ease-out both;
}

.fsPanel__innerPrize--item-desktop.is-final .fsPanel__innerPrize--prize-desktop {
  animation: borderFootballPrizeFinal 0.32s ease-out both;
}

.fsPanel__innerPrize--prize-desktop span {
  color: #0a1110;
  font-family: AdjaraBold, Arial, sans-serif;
  font-size: 12px;
  font-style: italic;
  line-height: 1.1;
  white-space: nowrap;
}

.fsPanel__innerPrize--prizeIcon-desktop {
  width: 22px;
  height: 22px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.fsPanel__innerPrize--prizeIcon-desktop.bronze { background-image: url("../img/collectables/collectable-icon-bronze.png"); }
.fsPanel__innerPrize--prizeIcon-desktop.silver { background-image: url("../img/collectables/collectable-icon-silver.png"); }
.fsPanel__innerPrize--prizeIcon-desktop.gold { background-image: url("../img/collectables/collectable-icon-gold.png"); }
.fsPanel__innerPrize--prizeIcon-desktop.purple { background-image: url("../img/leaderbarod-point.webp"); }
.fsPanel__innerPrize--prizeIcon-desktop.fs { background-image: url("../img/max-coin-new.webp"); }
.fsPanel__innerPrize--prizeIcon-desktop.ball { background-image: url("../img/leaderbarod-point.webp"); }
.fsPanel__innerPrize--prizeIcon-desktop.empty {
  width: 14px;
  height: 3px;
  background-image: url("assets/img/empty-icons.webp");
}

@keyframes borderFootballPanelIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes borderFootballPrizeTick {
  from {
    opacity: 0;
    transform: translateY(-7px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes borderFootballPrizeFinal {
  0% {
    opacity: 0;
    transform: translateY(-10px) scale(0.96);
  }
  70% {
    opacity: 1;
    transform: translateY(1px) scale(1.03);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@media screen and (max-width: 940px) and (min-width: 320px) {
  .fsPanel-desktop {
    top: 8.4vw;
    padding: 0 6.07vw;
  }

  .fsPanel__innerPrize-desktop {
    width: 100%;
    max-width: none;
    min-height: 8.87vw;
    padding: 0.93vw;
    border-radius: 999vw;
    border-width: 0.47vw;
  }

  .fsPanel__innerPrize--item-desktop {
    width: 100%;
    max-width: none;
    min-height: 7vw;
    padding: 0.93vw 3.74vw 0.93vw 1.87vw;
    border-radius: 999vw;
    gap: 1.64vw;
  }

  .fsPanel__innerPrize--prize-desktop {
    gap: 1.64vw;
  }

  .fsPanel__innerPrize--prize-desktop span {
    font-size: 2.8vw;
  }

  .fsPanel__innerPrize--prizeIcon-desktop {
    width: 5.14vw;
    height: 5.14vw;
  }

  .fsPanel__innerPrize--prizeIcon-desktop.empty {
    width: 3.27vw;
    height: 0.7vw;
  }
}