body {
  background: #160745 url(../images/land-076-bg.webp) no-repeat center top !important;
  background-size: auto 400px !important;
}

.button-pulse {
  animation: button-pulse 2s ease-in-out infinite;
}

@keyframes button-pulse {
  0% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
  50% {
    -webkit-transform:scale(1.1);
    transform:scale(1.1)
  }
  100% {
    -webkit-transform:scale(1);
    transform:scale(1)
  }
}

.cursor-point {
  animation: cursor-point 2s ease-in-out infinite;
}

@keyframes cursor-point {
  0% {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
  }
  50% {
    -webkit-transform:translate(-20%, -20%);
    transform:translate(-20%, -20%)
  }
  100% {
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0)
  }
}

.wheel-wait {
  animation: wheel-wait-basic 2s ease-in-out infinite;
}
@keyframes wheel-wait-basic {
  0% {
    -webkit-transform:rotate(-20deg);
    transform:rotate(-20deg)
  }
  50% {
    -webkit-transform:rotate(-40deg);
    transform:rotate(-40deg)
  }
  100% {
    -webkit-transform:rotate(-20deg);
    transform:rotate(-20deg)
  }
}
.wheel-spin {
  animation: wheel-spin-basic 5s ease-in-out infinite;
}
@keyframes wheel-spin-basic {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  3% {
    opacity: 1;
  }
  60% {
    -webkit-transform: rotate(1985deg);
    transform: rotate(1985deg)
  }
  70% {
    -webkit-transform: rotate(1975deg);
    transform: rotate(1975deg)
  }
  80% {
    -webkit-transform: rotate(1985deg);
    transform: rotate(1985deg);
  }
  90% {
    -webkit-transform: rotate(1975deg);
    transform: rotate(1975deg);
  }
  100% {
    -webkit-transform: rotate(1985deg);
    transform: rotate(1985deg);
  }
}
.wheel-won {
  animation: wheel-won-basic 1.6s ease-in-out infinite;
}
@keyframes wheel-won-basic {
  0% {
    -webkit-transform:rotate(1985deg);
    transform:rotate(1985deg)
  }
  50% {
    -webkit-transform:rotate(1975deg);
    transform:rotate(1975deg)
  }
  100% {
    -webkit-transform:rotate(1985deg);
    transform:rotate(1985deg)
  }
}
.wheel-bg {
  position: relative;
}
.wheel-bg::before {
  z-index: -1;
  content: url(../images/land-076-wheel-bg.webp);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  display: none;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body {
    background-image: url(../images/land-076-bg%402x.webp) !important;
  }
  .wheel-bg::before {
    content: url(../images/land-076-wheel-bg%402x.webp);
    transform: translate(-50%, -50%) scale(0.25);
  }
}
@media screen and (min-width: 480px) {
  .wheel-bg::before {
    transform: translate(-50%, -50%) scale(1);
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .wheel-bg::before {
      transform: translate(-50%, -50%) scale(0.5);
    }
  }
}
@media screen and (min-width: 768px) {

  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    body {
      background-size: 1920px auto !important;
    }
  }
}
@media screen and (min-width: 1024px) {
  .wheel-bg::before {
    display: block;
  }
}