* {
  -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

html {
  height: 100%;
  font-size: 16px;
}

body {
  -webkit-touch-callout: none;     /* prevent callout to copy image, etc when tap to hold */
  -webkit-text-size-adjust: none;  /* prevent webkit from resizing text to fit */
  -webkit-user-select: none;       /* prevent copy paste, to allow, change 'none' to 'text' */

  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  background-color:#03021D;
  font-family: 'app';
}

[hidden] {
  display: none !important;
}

.preloader {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: url('/bg.jpg') center / cover no-repeat;
}

.preloader-container {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.preloader-logo-container {
  flex-grow: 1;
  display: flex;
  width: 100%;
  flex-direction: column;
}

.preloader-logo {
  height: 50vh;
  min-height: 300px;
  margin-top: calc(8.5vh + 120px);
  margin-bottom: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preloader-logo-magic {
  flex-grow: 0;
  min-height: 300px;
}

.preloader-logo img {
  vertical-align: top;
  width: clamp(520px, 48vw, 900px);
  max-height: 55vh;
  height: auto;
  object-fit: contain;
  pointer-events: none;
}

.preloader-progress-bg {
  --preloader-progress: 0;
  --preloader-track-x: clamp(17px, 6.23%, 34px);
  position: absolute;
  background: url('/loader_bg.png') center / 100% 100% no-repeat;
  width: min(520px, calc(100vw - 32px));
  aspect-ratio: 540 / 88;
  bottom: clamp(70px, calc(18vh - 50px), 200px);
  overflow: visible;
  container-type: inline-size;
}

.preloader-progress-fg {
  position: absolute;
  left: var(--preloader-track-x);
  top: 23%;
  width: calc((100% - var(--preloader-track-x) * 2) * var(--preloader-progress));
  height: 54%;
  min-width: 0;
  overflow: hidden;
}

.preloader-progress-coins {
  position: absolute;
  inset: 0;
}

.preloader-progress-coins img {
  position: absolute;
  top: calc(50% + 5px);
  width: auto;
  height: 7.7cqw;
  transform: translateY(-50%);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.preloader-message {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  margin: 0;
  width: 100%;
  text-align: center;
  line-height: 1;
  font-weight: bold;
  font-size: 4cqw;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  -webkit-filter: drop-shadow(0px 2px 2px #4d1600);
          filter: drop-shadow(0px 2px 2px #4d1600);
  pointer-events: none;
}

@media (max-width: 700px) {
  .preloader-logo {
    height: 45vh;
    min-height: 0;
    margin-top: 13vh;
  }

  .preloader-logo-magic {
    min-height: 0;
  }

  .preloader-logo img {
    width: min(92vw, 430px);
    max-height: 45vh;
  }

  .preloader-progress-bg {
    width: min(430px, 92vw);
    bottom: 12vh;
  }

}

@media (min-width: 701px) and (max-width: 1100px) {
  .preloader-progress-bg {
    bottom: 16vh;
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  .preloader-logo {
    height: 56vh;
    min-height: 0;
    margin-top: 4vh;
  }

  .preloader-logo-magic {
    min-height: 0;
  }

  .preloader-logo img {
    width: min(45vw, 480px);
    max-height: 56vh;
  }

  .preloader-progress-bg {
    width: min(480px, 45vw);
    bottom: 8vh;
  }
}

.viewport-container {
  width: 100%;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;
}

.viewport {
  display: block;
  max-width: 100%;
  max-height: 100%;
  min-width: 1px;
  min-height: 1px;
  transform: translate3d(0, 0, 0);
}

.viewport--fixed {
  transform: none !important;
}

.popup-low-verion-web-view {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: 0rem 3rem 1rem;
  border-radius: 2rem;
  text-align: center;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  width: 50%;
  font-weight: bold;
  background: #2c2a66;
}

.popup-low-verion-web-view__header {
  color: #fc0;
  font-size: 2rem;
  margin: 0;
  margin-top: 2rem;
}

.popup-low-verion-web-view__message {
  font-size: 1.5rem;
  color: #fff;
}

.popup-low-verion-web-view__tip {
  font-size: 1rem;
  color: #b4b2e0;
}

.popup-out-of-service-root {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;
  cursor: pointer;
  background-color: rgba(20, 9, 31, 0.85);

  font-family: 'app';
  text-align: center;
  font-size: 2rem;
  color: #fff;
}

.popup-out-of-service-container {
  padding: 0 1rem;

  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.popup-out-of-service-container p {
  margin: 0;
}

.popup-out-of-service-image-container {
  margin: 1rem 0;
  -webkit-animation: none 2000ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms infinite none running;
          animation: none 2000ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0ms infinite none running;
  transform: rotate(180deg);
  transform-origin: 50%;
}

.popup-out-of-service-image-container svg {
  vertical-align: top;
  width: 110px;
}

@media (min-width: 1024px) {
  .popup-out-of-service-root {
    font-size: 3.5rem;
  }

  .popup-out-of-service-image-container svg {
    margin: 4rem 0;
    width: 150px;
  }
}

@-webkit-keyframes spin {
  from {
    transform: rotate(180deg);
  } to {
    transform: rotate(540deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(180deg);
  } to {
    transform: rotate(540deg);
  }
}

.promo-input-field {
  padding: 0;
  position: absolute;
  color: white;
  text-align: center;
  background: 0;
  font-family: 'app';
  max-lines: 1;
  line-height: 0px;
  border: 0px;
  outline: none;
}

.mail-message-input-field {
  padding: 1px;
  position: absolute;
  color: #ffcc00;
  text-align: left;
  vertical-align: top;
  text-wrap: normal;
  white-space: normal;
  background: 0;
  font-family: 'app';
  max-lines: 3;
  line-height: normal;
  outline: none;
}


/*# sourceMappingURL=main.ea7d16cd42336661f6a0.css.map*/