@font-face {
  font-family: Switzer;
  src: url('../fonts/Switzer-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tiltneon;
  src: url('../images/') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Lilitaone;
  src: url('../fonts/LilitaOne-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Insanibu;
  src: url('../fonts/Insanibu.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

body {
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1vw;
  line-height: 150%;
}

p {
  margin-bottom: 0;
  font-family: Tiltneon, Arial, sans-serif;
  font-weight: 400;
}

.page-wrapper {
  width: 100vw;
  height: 100vh;
}

.gtc-home-container {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.canvas-character {
  z-index: 2;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 120vw;
  height: 120vh;
  margin-bottom: -5vh;
  display: flex;
  position: absolute;
}

.gtc-home-click-handle {
  display: flex;
  position: absolute;
  inset: 0%;
}

.gtc-home-click-point, .gtc-home-click-cash {
  width: 100%;
  height: 100%;
}

.gtc-home-overlay {
  z-index: 4;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.gtc-home-overlay-point {
  opacity: 0;
  background-image: linear-gradient(290deg, #000c, #000000b3 30%, #fff0 65%);
  transition: opacity .4s;
  position: absolute;
  inset: 0%;
}

.gtc-home-overlay-coin {
  opacity: 0;
  background-image: linear-gradient(50deg, #000c, #000000b3 30%, #fff0 65%);
  transition: opacity .4s;
  position: absolute;
  inset: 0%;
}

.gtc-footer {
  z-index: 999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ffc300;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100vw;
  height: 14vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: grid;
  position: fixed;
  bottom: 0;
  transform: translate(0);
}

.gtc-footer-img {
  height: 6vh;
}

.gtc-footer-menu-container {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gtc-footer-content {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gtc-footer-link {
  color: #000;
  font-family: Tiltneon, Arial, sans-serif;
  font-size: 1.1vw;
  text-decoration: none;
}

.divider {
  background-color: #000;
  width: 1px;
  height: 2vh;
}

.gtc-footer-img-wrapper {
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.gtc-footer-social {
  aspect-ratio: 1;
  height: 3.5vh;
}

.gtc-footer-social-img {
  aspect-ratio: 1;
  height: 100%;
}

.gtc-home-bg {
  z-index: 1;
  aspect-ratio: 16 / 10.448;
  pointer-events: none;
  object-fit: cover;
  width: 100vw;
  min-height: 100vh;
  position: absolute;
}

.gtc-navbar {
  z-index: 998;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  padding-top: 1vh;
  padding-left: 1vh;
  padding-right: 1vh;
  display: flex;
  position: fixed;
  top: 0;
}

.gtc-resources {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  opacity: 1;
  justify-content: flex-end;
  align-items: center;
  padding-left: 1vh;
  display: flex;
}

.gtc-resource-point {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gtc-resource-point-icon {
  z-index: 2;
  width: 5vw;
  margin-right: -3vw;
  position: relative;
}

.gtc-resource-point-content {
  filter: drop-shadow(4px 5px 3px #000000b3);
  background-color: #5e5e5e;
  border-radius: 1vw;
  justify-content: center;
  align-items: center;
  padding: 1.25vh 1.25vw 1.25vh 3vw;
  display: flex;
}

.gtc-resource-amount {
  filter: drop-shadow(4px 3px #2e2e2e);
  color: #fff;
  font-family: Lilitaone, Arial, sans-serif;
  font-size: 1.75vw;
}

.gtc-game-container {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 90vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.gtc-machine-container {
  z-index: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.gtc-machine {
  height: 77vh;
  position: relative;
}

.gtc-ball {
  z-index: 1;
  height: 46%;
  position: absolute;
}

.gtc-glass {
  z-index: 2;
  height: 49%;
  position: absolute;
  top: 17.5vh;
}

.gtc-char {
  z-index: 2;
  height: 52%;
  position: absolute;
  right: -13.9vh;
}

.gtc-robot {
  z-index: 2;
  height: 30%;
  position: absolute;
  left: -11vh;
}

.gtc-button-wrapper {
  z-index: 5;
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 9.5vh;
}

.gtc-button-left {
  position: relative;
}

.gtc-button-plate {
  height: 11.5vh;
}

.gtc-button-blue {
  perspective-origin: 50% 90%;
  transform-origin: 50% 90%;
  height: 13vh;
  position: absolute;
  top: -2.1vh;
  left: 1.1vh;
  transform: rotate(0);
}

.gtc-button-blue.onclick-anim.gtc-start-btn {
  cursor: pointer;
}

.gtc-button-red {
  perspective-origin: 50% 90%;
  transform-origin: 50% 90%;
  height: 13vh;
  position: absolute;
  top: -2.1vh;
  left: 1.1vh;
  transform: rotate(0);
}

.gtc-button-red.onclick-anim.gtc-start-btn {
  cursor: pointer;
}

.gtc-machine-bg {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 120%;
  height: 120%;
  display: flex;
  position: absolute;
}

.gtc-spark {
  max-width: none;
  height: 100%;
  position: absolute;
}

.gtc-sparkball {
  max-width: none;
  height: 84%;
  position: absolute;
}

.gtc-bullet {
  max-width: none;
  height: 90%;
  position: absolute;
}

.bg-game-img {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  position: absolute;
}

.gtc-item-wrapper {
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  background-color: #0000;
  width: 100%;
  height: 140vh;
  margin-top: -40vh;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
}

.gtc-item {
  opacity: 1;
  filter: brightness(45%);
  will-change: transform;
  width: 35vh;
  position: absolute;
}

.gtc-item.choosed {
  z-index: 3;
  opacity: 1;
  filter: brightness();
  perspective-origin: 50% 100%;
  transform-origin: 50% 100%;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.gtc-item-ball-active {
  z-index: 4;
  opacity: 1;
  width: 100%;
  height: 100%;
  position: relative;
}

.gtc-item-ball-open {
  z-index: 4;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.bubbles-wrapper {
  z-index: 2;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 1vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.bubble {
  filter: blur(4px);
  background-color: #fff;
  border: 20px solid #fcfb4a;
  border-radius: 200px;
  width: 3vh;
  height: 3vh;
  position: absolute;
}

.gtc-item-splash-video {
  z-index: 1;
  opacity: .5;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  transform: translate(0, 90%);
}

.gtc-item-ball-aura {
  z-index: 1;
  opacity: 0;
  filter: blur(150px);
  background-color: #ffc300;
  width: 90%;
  height: 90%;
  position: absolute;
}

.gtc-item-ball-aura.blue {
  background-color: #53bcff;
}

.gtc-item-ball-aura.red {
  background-color: #ff5b55;
}

.canvas-pixi {
  z-index: 2;
  opacity: .7;
  pointer-events: none;
  mix-blend-mode: lighten;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.gtc-item-card-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.gtc-item-card-back {
  z-index: 2;
  filter: brightness(300%);
  width: 80%;
  position: absolute;
  transform: scale(0);
}

.gtc-item-card-front {
  z-index: 1;
  width: 80%;
  transition: filter .5s;
  position: absolute;
  transform: rotate(10deg)scale(0);
}

.gtc-rewards-container {
  grid-column-gap: 3vh;
  grid-row-gap: 3vh;
  opacity: 0;
  grid-template-rows: 1fr auto .75fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 87vh;
  display: grid;
  position: absolute;
  top: 35vh;
  left: 0%;
  right: 0%;
}

.gtc-rewards-heading {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.h2-heading-style {
  color: #fff;
  font-family: Switzer, Arial, sans-serif;
  font-size: 5vh;
  line-height: 90%;
}

.gtc-rewards-divider {
  justify-content: center;
  align-items: center;
  width: 50vw;
  display: flex;
  overflow: hidden;
}

.gtc-line-divider {
  opacity: .3;
  width: 40vw;
  min-width: 40vw;
}

.gtc-rewards-card-wrapper {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding-left: 20vh;
  padding-right: 20vh;
  display: flex;
}

.gtc-rewards-card {
  filter: drop-shadow(0 2px 10px #ffffffb3);
  height: 24vh;
  transform: rotate(10deg);
}

.gtc-rewards-button-container {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gtc-rewards-button-wrapper {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .5fr;
  grid-auto-columns: 1fr;
  place-items: center;
  width: 70vw;
  display: grid;
}

.gtc-rewards-button {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  color: #fff;
  cursor: pointer;
  background-image: linear-gradient(#9fd9ff, #67bdfd);
  border-radius: 2vh;
  justify-content: center;
  align-items: flex-end;
  height: 10vh;
  font-family: Switzer, Arial, sans-serif;
  font-weight: 700;
  display: flex;
  box-shadow: 0 0 40px 5px #00e6f4, inset 0 0 10px 7px #00e6f4;
}

.gtc-rewards-button.once {
  width: 100%;
  overflow: hidden;
}

.gtc-rewards-button.once.gtc-restart-btn {
  background-image: linear-gradient(#9fd9ff, #67bdfd);
}

.gtc-rewards-button.multi {
  background-image: linear-gradient(#fcf, #ff84fd);
  width: 100%;
  overflow: hidden;
  box-shadow: 0 0 30px 15px #b867db, inset 0 0 10px 7px #b867db;
}

.gtc-rewards-button.multi.gtc-restart-btn {
  background-image: linear-gradient(#fcf, #ff84fd);
}

.gtc-rewards-button.gtc-reward-finish {
  background-image: linear-gradient(#faff75, #87af1f);
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 0 30px 5px #ceff50, inset 0 0 10px 7px #ceff50;
}

.gtc-btn-times {
  margin-bottom: 2vh;
  font-family: Switzer, Arial, sans-serif;
  font-size: 6vh;
  line-height: 100%;
}

.gtc-btn-text {
  margin-bottom: 2.5vh;
  font-family: Switzer, Arial, sans-serif;
  font-size: 3.5vh;
  line-height: 100%;
}

.gtc-btn-text.finish {
  margin-bottom: 0;
}

.gtc-skip-container {
  grid-column-gap: 60vh;
  grid-row-gap: 60vh;
  opacity: 0;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100vw;
  height: 87vh;
  display: grid;
  position: absolute;
  top: 40vh;
  left: 0%;
  right: 0%;
}

.gtc-skip-heading {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.gtc-skip-button {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gtc-skip-btn {
  background-image: linear-gradient(90deg, #fff0, #ffffff4d 33%, #ffffff80 50%, #ffffff4d 64%, #fff0);
  padding: 1.5vh 3vh;
}

.gtc-btn-skip {
  font-family: Switzer, Arial, sans-serif;
  font-size: 2.5vh;
  line-height: 100%;
}

.gtc-navbar-menu {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  display: flex;
}

.gtc-menu-btn {
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 5.5vw;
  display: flex;
  position: relative;
}

.gtc-menu-btn.resource {
  opacity: 0;
  transform: scale(1);
}

.gtc-menu-btn-bg {
  border: 2px solid #53498f;
  border-radius: .5vh;
  max-width: none;
  height: 2vw;
}

.gtc-menu-btn-icon {
  z-index: 8;
  filter: drop-shadow(.5vh .5vh 1px #0000);
  max-width: none;
  height: 2.5vw;
  margin-bottom: -2vh;
  transition: filter .5s;
  position: relative;
}

.gtc-menu-point {
  z-index: 4;
  filter: drop-shadow(.25vh .5vh #000);
  color: #fff;
  text-align: center;
  letter-spacing: -.2vh;
  -webkit-text-stroke-width: .2vh;
  -webkit-text-stroke-color: #000;
  width: 10vw;
  font-family: Lilitaone, Arial, sans-serif;
  font-size: 1.6vw;
  position: absolute;
  bottom: -22%;
}

.gtc-menu-name {
  z-index: 4;
  filter: drop-shadow(.25vh .4vh #000);
  color: #fff;
  text-align: center;
  letter-spacing: -.2vh;
  -webkit-text-stroke-width: .2vh;
  -webkit-text-stroke-color: #000;
  width: 10vw;
  font-family: Lilitaone, Arial, sans-serif;
  font-size: 1.4vw;
  line-height: 85%;
  position: absolute;
  transform: translate(0, 50%);
}

.gtc-menu-alert {
  height: 1.5vw;
  position: absolute;
  inset: 0% 0% auto auto;
}

.gtc-popup-point {
  z-index: 1000;
  opacity: 0;
  perspective: 90vh;
  background-color: #000000bf;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.gtc-popup-point.gtc-menu-content {
  opacity: 0;
  display: none;
}

.gtc-popup-card {
  border: 4px solid #fff;
  border-radius: 4vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gtc-popup-card.card-container {
  transform: translate(0, -130%);
}

.gtc-popup-card-bg {
  height: 66vh;
}

.gtc-popup-paper-bg {
  z-index: 2;
  height: 52vh;
  position: absolute;
  right: 4vh;
}

.gtc-popup-brown-bg {
  z-index: 1;
  height: 52vh;
  position: absolute;
  bottom: 12vh;
  right: 5.5vh;
}

.gtc-popup-socmed-wrapper {
  z-index: 10;
  grid-column-gap: 6vh;
  grid-row-gap: 6vh;
  background-color: #ff9f00;
  border-top-left-radius: 2vh;
  border-bottom-left-radius: 2vh;
  justify-content: flex-start;
  align-items: center;
  padding: 1vh 3vh 1vh 1.25vh;
  display: flex;
  position: absolute;
  inset: auto 0% 1vh auto;
}

.bullet {
  background-color: #fff;
  border-radius: 200px;
  width: 1.5vh;
  height: 1.5vh;
}

.gtc-popup-socmed {
  grid-column-gap: 3vh;
  grid-row-gap: 3vh;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.gtc-popup-socmed-btn {
  grid-column-gap: .75vh;
  grid-row-gap: .75vh;
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.gtc-popup-socmed-icon {
  background-color: #503db0;
  border-radius: 200vh;
  justify-content: center;
  align-items: center;
  width: 3vh;
  height: 3vh;
  padding: .9vh;
  display: flex;
}

.gtc-popup-socmed-text {
  color: #fff;
  font-family: Tiltneon, Arial, sans-serif;
  font-size: 1.75vh;
  font-weight: 400;
}

.gtc-popup-socmed-icon-img {
  width: 100%;
}

.gtc-popup-card-content {
  z-index: 4;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .7fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  padding: 9vh 5vh 8vh;
  display: grid;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.gtc-popup-card-profile {
  background-color: #fff;
  border-radius: 2vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 96%;
  padding: 2vh 2vh 0;
  display: flex;
  position: relative;
}

.gtc-popup-card-profile-clip {
  background-image: url('../images/bg.avif');
  background-position: 100% 0;
  background-size: cover;
  border-radius: 1vh;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gtc-popup-card-profile-photo {
  width: 140%;
  max-width: none;
  position: absolute;
}

.gtc-popup-card-profile-role {
  color: #aaa;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 15%;
  font-family: Merriweather, serif;
  font-size: 2.5vh;
  font-weight: 400;
  display: flex;
}

.gtc-popup-card-profile-note {
  width: 14vh;
  position: absolute;
  inset: auto -4vh -4vh auto;
}

.gtc-popup-card-profile-note.is-top {
  inset: -4vh auto auto -4vh;
}

.gtc-popup-card-profile-gem {
  width: 10vh;
  position: absolute;
  top: auto;
  bottom: -4vh;
  left: -3vh;
}

.gtc-popup-card-profile-star {
  width: 8vh;
  position: absolute;
  top: auto;
  bottom: -6vh;
  left: 14vh;
}

.gtc-popup-card-profile-star.is-top {
  inset: 14vh auto auto -2vh;
}

.gtc-popup-card-profile-echo {
  width: 10vh;
  position: absolute;
  inset: -5vh 0% auto auto;
}

.gtc-popup-card-items {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 92%;
  padding-top: 6vh;
  padding-left: 1vh;
  display: flex;
}

.gtc-popup-card-items-title {
  width: 93%;
}

.gtc-popup-card-items-title.shadow {
  z-index: -1;
  filter: brightness(0%) blur(5px);
  width: 55vh;
  position: absolute;
  top: 15vh;
}

.gtc-popup-card-items-divider {
  width: 93%;
}

.gtc-popup-card-player-wrapper {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  width: 100%;
  display: flex;
}

.gtc-popup-card-coin {
  height: 12vh;
}

.gtc-popup-card-name-wrapper {
  background-image: url('../images/labelname.avif');
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 75%;
  height: 100%;
  display: flex;
}

.player-name {
  color: #fff;
  font-family: Insanibu, Arial, sans-serif;
  font-size: 4vh;
  line-height: 120%;
}

.gtc-popup-card-gem {
  height: 9vh;
  position: absolute;
  inset: auto 2vh 26vh auto;
}

.gtc-popup-card-star-wrapper {
  grid-column-gap: 1.5vh;
  grid-row-gap: 1.5vh;
  grid-template-rows: .5fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.gtc-popup-card-star {
  height: 3vh;
}

.gtc-popup-profile-star-title {
  grid-column-gap: 1.5vh;
  grid-row-gap: 1.5vh;
  color: #ac71ff;
  justify-content: flex-start;
  align-items: center;
  padding-left: 9vh;
  font-family: Insanibu, Arial, sans-serif;
  font-size: 4vh;
  display: flex;
}

.secondary-font {
  font-family: Insanibu, Arial, sans-serif;
}

.secondary-font.faq-heading {
  color: #7d6786;
  font-size: 7vh;
  line-height: 80%;
}

.gtc-popup-profile-star-infos {
  height: 3vh;
}

.gtc-popup-profile-star {
  color: #fff;
  background-image: url('../images/color-bg.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 1.25vh;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  height: 100%;
  margin-left: 3.5vh;
  padding-left: 4vh;
  font-size: 4vh;
  display: flex;
}

.card-shining {
  z-index: 10;
  opacity: .7;
  filter: blur(3vh);
  background-color: #fff;
  background-image: none;
  width: 8vh;
  height: 120%;
  position: absolute;
}

.gtc-popup-faq {
  z-index: 1000;
  opacity: 0;
  perspective: 90vh;
  background-color: #000000bf;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.gtc-popup-faq.gtc-menu-content {
  opacity: 0;
  display: none;
}

.gtc-popup-faq-container {
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.gtc-popup-faq-container.card-container {
  transform: translate(0, -130%);
}

.gtc-popup-faq-bg {
  height: 75vh;
}

.gtc-popup-faq-element {
  height: 52vh;
  margin-bottom: 3vh;
  margin-right: -2vh;
}

.gtc-popup-faq-wrapper {
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
}

.gtc-popup-faq-content {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  background-color: #fff;
  background-image: url('../images/faq-grid.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 2vh;
  flex-flow: column;
  width: 83%;
  height: 60vh;
  padding: 1.5vh;
  display: flex;
  position: absolute;
  right: 5vh;
}

.gtc-popup-faq-banner {
  grid-column-gap: 1.5vh;
  grid-row-gap: 1.5vh;
  background-image: url('../images/faq-banner.avif');
  background-position: 50%;
  background-size: cover;
  border-radius: 1vh;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 25%;
  display: flex;
}

.faq-subheading {
  color: #7d6786;
  font-size: 2.5vh;
}

.gtc-popup-faq-items {
  grid-column-gap: 1.5vh;
  grid-row-gap: 1.5vh;
  border-radius: 1.5vh;
  flex-flow: column;
  height: 65%;
  padding-right: 1.5vh;
  display: flex;
  overflow: scroll;
}

.gtc-popup-faq-drawimg {
  height: 20vh;
  position: absolute;
  bottom: 14vh;
  left: -5vh;
}

.gtc-popup-faq-echoimg {
  height: 8vh;
  position: absolute;
  bottom: 0;
  left: 9.5vh;
}

.gtc-popup-faq-loveimg {
  height: 8vh;
  position: absolute;
  inset: auto 0% 5vh auto;
}

.faq-close-button {
  cursor: pointer;
  height: 7vh;
  position: absolute;
  inset: 4vh -7vh auto auto;
}

.faq-label {
  color: #fff;
  background-color: #a68fdc;
  border-radius: 1vh;
  justify-content: center;
  align-items: center;
  padding: 1.5vh 3vh;
  font-size: 3vh;
  display: flex;
  position: absolute;
  inset: 5vh auto auto 3vh;
  transform: rotate(-10deg);
}

.gtc-faq-item {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  background-color: #e2e2e6;
  border-radius: 1vh;
  flex-flow: column;
  display: flex;
}

.gtc-faq-header {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 3vh;
  display: flex;
}

.faq-condition {
  background-color: #5b5b5b;
  border-radius: 100vh;
  justify-content: center;
  align-items: center;
  width: 3vh;
  height: 3vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.faq-condition-open {
  width: 50%;
}

.faq-condition-close {
  width: 50%;
  position: absolute;
}

.text-color-grey {
  color: #48484d;
}

.gtc-faq-content {
  padding: 0 3vh 3vh;
  font-size: 2vh;
  display: none;
}

.form {
  border-radius: 1.5vh;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.submit-button {
  background-color: #959694;
  border-radius: 1.5vh;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.text-field {
  color: #000;
  background-color: #e8e3e2;
  height: 100%;
  font-size: 2vh;
}

.form-block {
  height: 10%;
  margin-bottom: 0;
}

.gtc-popup-inventory {
  z-index: 1000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 0;
  perspective: 90vh;
  background-color: #000000bf;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.gtc-popup-inventory.gtc-menu-content {
  opacity: 0;
  display: none;
}

.gtc-popup-inventory-container {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.gtc-popup-inventory-container.card-container {
  transform: translate(0, -130%);
}

.gtc-popup-inventory-wrapper {
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.gtc-popup-inventory-bg {
  height: 84vh;
}

.gtc-popup-inventory-bg.right {
  height: 81.75vh;
}

.gtc-popup-inventory-option {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 81.75vh;
  padding: 2.5vh;
  display: flex;
  position: absolute;
}

.gtc-popup-inventory-option.bg-white {
  background-color: #fff;
}

.gtc-popup-inventory-option-wrapper {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  flex-flow: column;
  display: flex;
}

.gtc-popup-inventory-option-item {
  z-index: 2;
  color: #fff;
  cursor: pointer;
  border-radius: 1vh;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 7vh;
  padding-top: 1.5vh;
  padding-bottom: 1.5vh;
  font-size: 3.5vh;
  line-height: 100%;
  display: flex;
  position: relative;
}

.decoration-font {
  font-family: Lilitaone, Arial, sans-serif;
}

.gtc-popup-inventory-option-filler {
  background-color: #d3b0dc;
  border-radius: 1.5vh;
  justify-content: center;
  align-items: center;
  padding-top: 21vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gtc-popup-inventory-option-link {
  grid-column-gap: 1.25vh;
  grid-row-gap: 1.25vh;
  color: #fff;
  background-color: #a687ac;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 2vh;
  padding-bottom: 2vh;
  font-size: 2vh;
  text-decoration: none;
  display: flex;
  position: absolute;
  bottom: 0;
}

.gtc-popup-inventory-option-icon {
  height: 2vh;
}

.inventory-option-floating-img {
  width: 80%;
  position: absolute;
  bottom: 3%;
}

.popup-inventory-bggrey {
  background-color: #938e8e;
  border-radius: 2vh;
  width: 92%;
  height: 100%;
  padding: 2vh;
  position: relative;
}

.popup-inventory-bgwhite {
  background-color: #fefefe;
  border-radius: 1.5vh;
  width: 100%;
  height: 95%;
  padding: 2vh;
}

.popup-inventory-content {
  grid-column-gap: 1.5vh;
  grid-row-gap: 1.5vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: calc(100% + 2vh);
  display: flex;
  overflow: scroll;
}

.popup-inventory-item {
  grid-column-gap: 1.5vh;
  grid-row-gap: 1.5vh;
  background-color: #ffe9d3;
  border-radius: 1.5vh;
  justify-content: space-between;
  align-items: flex-end;
  width: 85%;
  padding: 1vh;
  display: flex;
  box-shadow: .5vh .5vh #ccb099;
}

.popup-inventory-item.claimed {
  background-color: #d6b9a6;
  color: #a88f7f !important;
}

.popup-inventory-item-thumbnail {
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 1.5vh;
  justify-content: center;
  align-items: center;
  height: 12vh;
  padding: 1vh;
  display: flex;
  position: relative;
  box-shadow: inset -.5vh -.5vh #d0c0c3;
}

.popup-inventory-item-thumbnail-img {
  height: 90%;
}

.popup-inventory-btn {
  color: #8fbc00;
  letter-spacing: -.1vh;
  -webkit-text-stroke-width: .18vh;
  -webkit-text-stroke-color: #fff;
  cursor: pointer;
  background-color: #e9ff73;
  border-radius: 1vh;
  padding: .75vh 2vh 1.25vh;
  font-size: 2.75vh;
  line-height: 100%;
  box-shadow: inset .5vh 0 #8fbc00, inset -.5vh 0 #8fbc00, inset 0 .3vh #8fbc00, inset 0 -.5vh 0 0 #8fbc00;
}

.popup-inventory-item-details {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 1vh;
  padding-bottom: 1vh;
  display: flex;
}

.popup-inventory-item-name {
  font-family: Lilitaone, Arial, sans-serif;
  font-size: 2.75vh;
  line-height: 100%;
}

.popup-inventory-item-checked {
  width: 75%;
  position: absolute;
}

.inventory-close-button {
  cursor: pointer;
  height: 7vh;
  position: absolute;
  inset: 4vh -7vh auto auto;
}

.inventory-popup-bg {
  cursor: pointer;
  height: 73vh;
  position: absolute;
  bottom: -2.9vh;
  left: auto;
  right: -6vh;
}

.inventory-popup-filler {
  cursor: pointer;
  height: 30vh;
  position: absolute;
  bottom: 17vh;
  left: -9vh;
}

.gtc-popup-infos {
  z-index: 1000;
  opacity: 0;
  perspective: 90vh;
  background-color: #000000bf;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  padding-top: 7vh;
  display: none;
  position: fixed;
}

.gtc-popup-infos.gtc-menu-content {
  opacity: 0;
  display: none;
}

.gtc-popup-infos-container {
  grid-column-gap: 0vh;
  grid-row-gap: 0vh;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.gtc-popup-infos-container.card-container {
  transform: translate(0, -130%);
}

.gtc-popup-infos-bg {
  height: 82vh;
}

.gtc-popup-infos-pen {
  align-self: flex-end;
  height: 50vh;
  margin-bottom: 7vh;
  margin-left: -1vh;
  margin-right: -3vh;
}

.gtc-popup-infos-content {
  z-index: 2;
  background-image: url('../images/Layer-2_1.avif');
  background-size: auto 100%;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 91%;
  height: 90%;
  margin-left: -4vh;
  padding-top: 2vh;
  padding-bottom: 2vh;
  display: flex;
  position: absolute;
}

.gtc-popup-infos-cloud {
  width: 95%;
}

.gtc-popup-infos-head {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  color: #978164;
  background-color: #fcebe2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  margin-top: 2vh;
  padding-top: 2.5vh;
  padding-bottom: 2.5vh;
  font-size: 2vh;
  display: flex;
}

.gtc-popup-infos-header {
  height: 5vh;
}

.gtc-popup-infos-hanger-wrapper {
  z-index: 3;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin-top: -10vh;
  margin-bottom: -5vh;
  display: flex;
  position: relative;
}

.gtc-popup-infos-hanger {
  height: 15vh;
}

.gtc-popup-infos-items {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  background-color: #fdfefe;
  border-radius: 2vh;
  flex-flow: column;
  width: 84%;
  height: 100%;
  margin-bottom: 2vh;
  padding: 2vh 4vh 4vh 3vh;
  display: flex;
  overflow: scroll;
}

.gtc-popup-infos-item {
  color: #978164;
  background-color: #fcebe2;
  border-radius: 2vh;
  flex-flow: column;
  width: 100%;
  font-size: 1.75vh;
  line-height: 150%;
  display: flex;
}

.gtc-popup-infos-item-head {
  color: #fff;
  border-radius: 2vh;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1.5fr .25fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 1.25vh;
  font-size: 2.5vh;
  display: grid;
}

.gtc-popup-infos-item-head.legendary {
  background-color: #ffdc63;
  grid-auto-columns: 1fr;
}

.gtc-popup-infos-item-head.epic {
  background-color: #ff7797;
}

.gtc-popup-infos-item-head.common {
  background-color: #c5bcf2;
}

.gtc-popup-infos-item-star {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.infos-item-star {
  height: 3vh;
}

.gtc-popup-infos-item-content {
  grid-template-rows: auto;
  grid-template-columns: .4fr 1.5fr .25fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 1.25vh 1.25vh 2vh;
  display: grid;
}

.gtc-popup-infos-item-content.legendary {
  color: #fff;
  background-color: #ffdc63;
  border-radius: 2vh;
  grid-auto-columns: 1fr;
  font-size: 2.5vh;
}

.gtc-popup-infos-label {
  z-index: 1;
  cursor: pointer;
  background-color: #ff9fe4;
  justify-content: center;
  align-items: flex-end;
  height: 20vh;
  padding: 2vh 4vh 3.5vh;
  transition: transform .5s;
  display: flex;
  position: absolute;
  bottom: 6vh;
  left: 5vh;
  transform: translate(0)rotate(-5deg);
}

.gtc-popup-infos-label:hover {
  transform: translate(0, 8vh)rotate(-8deg);
}

.gtc-popup-infos-labelimg {
  height: 3vh;
}

.infos-close-button {
  cursor: pointer;
  height: 7vh;
  position: absolute;
  inset: 4vh -7vh auto auto;
}

.infos-close-button.gtc-popup-topup-close {
  top: 0;
  right: 0;
}

.infos-close-button.gtc-prize-topup-close {
  top: 6vh;
  right: 2vh;
}

.dd {
  justify-content: center;
  align-items: center;
  display: flex;
}

.gtc-button-label {
  z-index: 4;
  pointer-events: none;
  color: #fff;
  background-image: linear-gradient(#9fd9ff, #67bdfd);
  border-radius: 2vh;
  justify-content: center;
  align-items: center;
  padding: 1.5vh 3vh;
  display: flex;
  position: absolute;
  top: -5vh;
  left: -3vh;
  box-shadow: inset 0 0 10px 7px #00e6f4, 0 0 40px 5px #00e6f4;
}

.gtc-button-label.multi {
  background-image: linear-gradient(#fcf, #ff84fd);
  left: auto;
  right: -3vh;
  box-shadow: inset 0 0 10px 7px #b867db, 0 0 40px 5px #b867db;
}

.gtc-btn-aura {
  z-index: -1;
  filter: blur(1.5vh);
  background-color: #30dff6;
  width: 22vh;
  height: 9vh;
  position: absolute;
}

.gtc-btn-aura.multi {
  background-color: #fcf;
  border-radius: 20vh;
}

.gatchameter-container {
  z-index: 2;
  width: 20vh;
  height: 60vh;
  position: absolute;
  left: -50%;
}

.gtc-popup-inventory-btn-wrapper {
  background-color: #969091;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.gap {
  z-index: 2;
  background-color: #f5bbff;
  width: 100%;
  height: 2vh;
  position: relative;
}

.btn-bg-move {
  z-index: 0;
  background-color: #eea578;
  width: 100%;
  height: 7vh;
  position: absolute;
  top: 0;
}

.item-claim-notification {
  opacity: 0;
  pointer-events: none;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.item-claim-bg {
  background-color: #fff;
  border-radius: 1.5vh;
  justify-content: center;
  align-items: center;
  width: 15vh;
  height: 15vh;
  display: flex;
}

.item-claim-img {
  width: 80%;
}

.item-claim-detail-wrapper {
  grid-column-gap: 3vh;
  grid-row-gap: 3vh;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 15vh;
  display: flex;
}

.item-claim-name {
  color: #fff;
  font-family: Insanibu, Arial, sans-serif;
  font-size: 4vh;
}

.item-claim-details {
  color: #fff;
  font-family: Tiltneon, Arial, sans-serif;
  font-size: 3vh;
}

.item-claim-notification-content {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.inventory-divider {
  border-top: 1px dashed #ccb099;
  width: 90%;
  height: 2px;
}

.popup-history-item {
  grid-column-gap: 1.5vh;
  grid-row-gap: 1.5vh;
  background-color: #dbdae8;
  border-radius: 1.5vh;
  justify-content: space-between;
  align-items: flex-end;
  width: 85%;
  padding: 1vh;
  display: none;
  box-shadow: .5vh .5vh #ccb099;
}

.popup-history-item-name {
  font-family: Lilitaone, Arial, sans-serif;
  font-size: 2.25vh;
  line-height: 100%;
}

.gtc-responsive-button {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  color: #fff;
  cursor: pointer;
  background-image: linear-gradient(#9fd9ff, #67bdfd);
  border-radius: 2vh;
  justify-content: center;
  align-items: flex-end;
  height: 10vh;
  font-family: Switzer, Arial, sans-serif;
  font-weight: 700;
  display: none;
  box-shadow: 0 0 40px 5px #00e6f4, inset 0 0 10px 7px #00e6f4;
}

.gtc-responsive-button.once {
  width: 100%;
  overflow: hidden;
}

.gtc-responsive-button.once.gtc-restart-btn {
  background-image: linear-gradient(#9fd9ff, #67bdfd);
}

.gtc-responsive-button.multi {
  background-image: linear-gradient(#fcf, #ff84fd);
  width: 100%;
  overflow: hidden;
  box-shadow: 0 0 30px 15px #b867db, inset 0 0 10px 7px #b867db;
}

.gtc-responsive-button.multi.gtc-restart-btn {
  background-image: linear-gradient(#fcf, #ff84fd);
}

.gtc-responsive-button.gtc-reward-finish {
  background-image: linear-gradient(#faff75, #87af1f);
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  box-shadow: 0 0 30px 5px #ceff50, inset 0 0 10px 7px #ceff50;
}

.gtc-popup-infos-mark {
  height: 27vh;
  position: absolute;
  inset: 10vh auto auto 0%;
  transform: translate(-100%);
}

.ominventory-filler-element {
  background-color: #9f9d9e;
  border-radius: 1vh;
  width: 12vh;
  height: 3.5vh;
  position: absolute;
  bottom: 1vh;
  left: 50%;
  transform: translate(-50%);
}

.cardn-ame {
  filter: none;
  width: 93%;
}

.cardn-ame.shadow {
  z-index: -1;
  opacity: .25;
  filter: brightness(0%) blur(1vh);
  width: 55vh;
  position: absolute;
  top: 15vh;
}

.gtc-navbar-mobile {
  width: 5.5vw;
  display: none;
}

.gtc-navbar-mobile-menu {
  transform-style: preserve-3d;
}

.code-embed {
  display: none;
}

.gtc-game-vid {
  opacity: .85;
  filter: brightness(80%);
  object-fit: cover;
  object-position: 50% 100%;
  width: 100vw;
  height: 100vh;
  margin-top: 40vh;
  position: absolute;
  inset: 0%;
}

.gtc-popup-topup {
  z-index: 1000;
  opacity: 1;
  perspective: 90vh;
  background-color: #000000bf;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  padding-top: 5vh;
  display: flex;
  position: fixed;
}

.gtc-popup-topup.gtc-menu-content {
  z-index: 1000;
  opacity: 0;
  perspective-origin: 50%;
  transform-origin: 50%;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: none;
  overflow: hidden;
}

.gtc-popup-topup-shadow {
  grid-column-gap: 0vh;
  grid-row-gap: 0vh;
  background-color: #0003;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gtc-popup-topup-shadow.card-container {
  transform: translate(0, -130%);
}

.gtc-popup-topup-container {
  justify-content: center;
  align-items: center;
  width: 130vh;
  height: 76vh;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.gtc-popup-topup-content {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  background-color: #efa6ff;
  border-radius: 1.5vw;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 130vh;
  min-width: 130vh;
  height: 76vh;
  min-height: 76vh;
  padding: 4vh;
  display: grid;
}

.gtc-popup-topup-item {
  cursor: pointer;
  border-radius: 1vw;
  grid-template-rows: 1fr 10vh;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
  position: relative;
  overflow: hidden;
}

.gtc-popup-topup-price-wrapper {
  background-color: #fff;
  width: 100%;
  height: 100%;
  padding: 2vh;
}

.gtc-popup-topup-price-detail {
  background-color: #f2e5fc;
  border-radius: 2vh;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.gtc-popup-topup-price {
  color: #9d5f90;
  font-family: Tiltneon, Arial, sans-serif;
  font-size: 3vh;
}

.gtc-popup-topup-thumbnail {
  grid-column-gap: 1vh;
  grid-row-gap: 1vh;
  background-image: linear-gradient(#ec84ff, #fba8f3);
  grid-template-rows: 8vh 1fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  padding-top: 1vh;
  padding-left: 1vh;
  padding-right: 1vh;
  display: grid;
  overflow: hidden;
}

.gtc-popup-topup-thumbnail.is-2 {
  background-image: url('../images/WhatsApp-Image-2026-04-02-at-13.18.59.avif'), linear-gradient(#ec84ff, #fba8f3);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
}

.gtc-popup-topup-thumbnail.is-3 {
  background-image: url('../images/WhatsApp-Image-2026-04-02-at-13.18.59-1.avif'), linear-gradient(#ec84ff, #fba8f3);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
}

.gtc-popup-topup-amount-detail {
  justify-content: center;
  align-items: center;
  display: flex;
}

.gtc-popup-topup-amount {
  color: #fff;
  font-family: Tiltneon, Arial, sans-serif;
  font-size: 3vh;
}

.gtc-popup-topup-thumbnail-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 1vh;
  display: flex;
  position: relative;
}

.gtc-popup-topup-imgfront {
  z-index: 2;
  height: 12vh;
  position: absolute;
}

.gtc-popup-topup-imgfront.is-2 {
  max-width: none;
  height: 31vh;
}

.gtc-popup-topup-imgbg {
  z-index: 1;
  max-width: none;
  height: 18vh;
  position: absolute;
  bottom: 1vh;
}

.gtc-popup-topup-imgbg.is-2 {
  height: 20vh;
  bottom: -4.5vh;
}

.gtc-popup-topup-imgbg.is-3 {
  height: 50vh;
  bottom: 2vh;
}

.gtc-popup-topup-imgbg.is-4 {
  height: 42vh;
  bottom: 5vh;
}

.gtc-popup-prize {
  z-index: 1000;
  opacity: 1;
  perspective: 90vh;
  background-color: #000000bf;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
}

.gtc-popup-prize.gtc-menu-content {
  z-index: 1000;
  opacity: 0;
  display: none;
}

.gtc-popup-prize-container {
  background-color: #fff;
  border-radius: 1.5vh;
  justify-content: center;
  align-items: center;
  width: 124vh;
  height: 84vh;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 0 6vh #fff, inset 0 -.3vh .4vh 1.25vh #e2e1edbf;
}

.gtc-popup-prize-wrapper {
  grid-column-gap: 3vh;
  grid-row-gap: 3vh;
  border-radius: 1vh;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 117vh;
  min-width: 117vh;
  height: 76vh;
  min-height: 76vh;
  padding-top: 7vh;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 -.5vh .5vh .5vh #e2e1ed80;
}

.gtc-popup-prize-bg {
  z-index: 1;
  aspect-ratio: 16 / 10.448;
  opacity: .9;
  filter: brightness(140%);
  pointer-events: none;
  object-fit: cover;
  width: 100%;
  min-height: 110%;
  position: absolute;
}

.gtc-popup-prize-heading {
  z-index: 20;
  grid-column-gap: 3vh;
  grid-row-gap: 3vh;
  justify-content: center;
  align-items: center;
  margin-top: -4vh;
  display: flex;
  position: absolute;
  top: 0;
}

.gtc-popup-prize-headingimg {
  width: 72vh;
}

.gtc-popup-prize-bg-wrapper {
  border-radius: 1vh;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.gtc-popup-prize-box {
  z-index: 2;
  width: 45vh;
  position: absolute;
  inset: auto auto -2vh -2vh;
}

.gtc-popup-prize-box.is-right {
  bottom: -2.4vh;
  left: auto;
  right: -2vh;
}

.gtc-popup-prize-box.convetti {
  opacity: .4;
  object-fit: cover;
  width: 100%;
  height: 100%;
  inset: 0%;
}

.gtc-popup-prize-heading-filler {
  grid-column-gap: 2vh;
  grid-row-gap: 2vh;
  justify-content: flex-start;
  align-items: flex-end;
  height: 9.5vh;
  margin-top: -3vh;
  display: flex;
  position: relative;
}

.gtc-popup-prize-heading-filler-spark {
  align-self: flex-start;
  height: 7vh;
}

.gtc-popup-prize-heading-filler-spark.right, .gtc-popup-prize-heading-star {
  height: 4vh;
}

.gtc-popup-prize-heading-star.floating {
  height: 4vh;
  position: absolute;
  inset: 1.5vh 1vh auto auto;
}

.gtc-popup-prize-heading-star.floating.right {
  left: -1vh;
  right: auto;
}

.gtc-popup-prize-track {
  z-index: 4;
  color: #8c8389;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.gtc-popup-prize-track-font {
  letter-spacing: .2vh;
  font-family: Insanibu, Arial, sans-serif;
  font-size: 2.5vh;
  font-weight: 700;
}

.gtc-popup-prize-track-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-top: -1.5vh;
  display: flex;
  position: relative;
}

.gtc-popup-prize-track-img {
  width: 100vh;
}

.gtc-popup-prize-track-bullet {
  height: 8vh;
  position: absolute;
  left: 1vh;
}

.progress-bar-amount {
  z-index: -1;
  background-color: #fffd00;
  background-image: url('../images/elipse.svg');
  background-repeat: repeat;
  background-size: .5vh;
  border-top: 1vh solid #ffbf00;
  border-bottom: 1.25vh solid #ffbf00;
  width: 90%;
  height: 4.75vh;
  position: absolute;
  left: 8vh;
}

.gtc-popup-prize-track-prize {
  height: 12vh;
  position: absolute;
  right: 0;
  transform: scale(1);
}

.gtc-popup-prize-thumbnail {
  z-index: 9;
  background-color: #d667ea;
  border-radius: 3vh;
  width: 80vh;
  height: 48vh;
  padding: .75vh .75vh 2vh;
  position: relative;
}

.gtc-popup-prize-thumbnail-wrapper {
  background-color: #fff;
  border-radius: 2vh;
  width: 100%;
  height: 100%;
  padding: .75vh 1.5vh 1.5vh;
}

.gtc-popup-prize-thumbnail-img {
  aspect-ratio: 16 / 9;
  border-radius: 1.5vh;
  width: 100%;
}

.gtc-popup-prize-collect {
  cursor: pointer;
  background-color: #d27900;
  border: .5vh solid #fff;
  border-radius: 2vh;
  padding: 1vh 1vh 1.5vh;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 31%);
}

.div-block-3 {
  border-radius: 1vh;
  padding: 2vh 5vh;
  position: relative;
  overflow: hidden;
}

.gtc-popup-prize-btn-font {
  z-index: 2;
  filter: drop-shadow(0 .5vh #ef99004d) drop-shadow(0 -.25vh #ef9900bf);
  color: #fff;
  -webkit-text-stroke-width: .1vh;
  -webkit-text-stroke-color: white;
  text-shadow: 1px 1vh 10px #ef9900;
  font-family: Insanibu, Arial, sans-serif;
  font-size: 4.25vh;
  font-weight: 400;
  position: relative;
}

.div-block-4 {
  background-color: #fff100;
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

.div-block-4-copy {
  background-color: #ffc300;
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.gtc-popup-prize-content {
  justify-content: center;
  align-items: center;
  width: 117vh;
  height: 76vh;
  display: flex;
  overflow: hidden;
}

.gtc-resource-home {
  width: 0;
  transform: scale(0);
}

.gtc-resource-home-img {
  height: 6vh;
}

.gtc-popup-topup-recommend {
  height: 7vh;
  position: absolute;
  top: 1vh;
  left: 1vh;
}

@media screen and (max-width: 991px) {
  .gtc-home-click-point {
    z-index: 3;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 20vh;
    padding-right: 5vh;
    display: flex;
    position: relative;
  }

  .gtc-home-click-cash {
    z-index: 4;
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 20vh;
    padding-left: 5vh;
    display: flex;
    position: relative;
  }

  .gtc-footer {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .gtc-footer-menu-container, .gtc-footer-img-wrapper {
    display: none;
  }

  .gtc-navbar {
    justify-content: space-between;
    align-items: flex-start;
  }

  .gtc-resource-point-icon {
    width: 7vw;
  }

  .gtc-resource-amount {
    font-size: 2.5vw;
  }

  .gtc-btn-text.home {
    margin-bottom: 0;
  }

  .gtc-navbar-menu {
    grid-column-gap: 4vh;
    grid-row-gap: 4vh;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .gtc-menu-btn {
    width: 10vw;
    transform: scale(0);
  }

  .gtc-menu-btn.resource {
    opacity: 0;
    order: 9999;
    transform: scale(0);
  }

  .gtc-menu-btn-bg, .gtc-menu-btn-icon {
    height: 4vw;
  }

  .gtc-menu-point, .gtc-menu-name {
    font-size: 2.5vw;
  }

  .gtc-menu-alert {
    height: 2.5vw;
  }

  .gtc-popup-card.card-container {
    border-radius: 3vh;
  }

  .gtc-popup-card-bg {
    width: 90vw;
    height: auto;
  }

  .gtc-popup-paper-bg {
    height: 46vh;
    top: 2vh;
    right: 2vh;
  }

  .gtc-popup-card-profile-note, .gtc-popup-card-profile-note.is-top {
    width: 9vw;
  }

  .gtc-popup-card-profile-gem {
    width: 6vw;
  }

  .gtc-popup-card-profile-star {
    width: 7vw;
    bottom: -8.8vh;
    left: 7.5vh;
  }

  .gtc-popup-card-profile-echo {
    width: 8vw;
  }

  .gtc-popup-card-items {
    height: 100%;
    padding-top: 0;
  }

  .gtc-popup-card-coin {
    height: 10vw;
  }

  .player-name {
    font-size: 3vh;
  }

  .gtc-popup-card-gem {
    height: 6vw;
  }

  .gtc-popup-card-star-wrapper {
    grid-column-gap: 1vh;
    grid-row-gap: 1vh;
  }

  .gtc-popup-card-star {
    height: 2.5vw;
  }

  .secondary-font {
    font-size: 3vh;
  }

  .gtc-popup-faq.gtc-menu-content {
    opacity: 0;
    display: none;
  }

  .gtc-popup-faq-container.card-container {
    transform: translate(0, -130%);
  }

  .popup-inventory-item-details {
    font-size: 1.5vw;
  }

  .inventory-close-button.pop-up-close {
    top: -4.5vh;
    right: 2vh;
  }

  .gtc-popup-infos-bg {
    width: 94%;
    height: 79vh;
  }

  .gtc-popup-infos-hanger {
    height: 14vh;
  }

  .infos-close-button.pop-up-close, .infos-close-button.gtc-popup-topup-close, .infos-close-button.gtc-prize-topup-close {
    right: -6vh;
  }

  .gatchameter-container {
    pointer-events: none;
    width: 10vh;
    height: 40vh;
    left: -20%;
  }

  .popup-history-item {
    display: flex;
  }

  .popup-inventory-item-detail {
    font-size: 1.5vw;
    line-height: 120%;
  }

  .popup-inventory-item-details-content {
    grid-column-gap: .5vh;
    grid-row-gap: .5vh;
    flex-flow: column;
    display: flex;
  }

  .gtc-responsive-button {
    pointer-events: none;
    background-image: linear-gradient(#ffe036, #f08e04);
    justify-content: center;
    align-items: center;
    width: 70%;
    display: flex;
    box-shadow: 0 0 40px 5px #ffcb2f, inset 0 0 10px 7px #ffcb2f;
  }

  .gtc-responsive-button.echo {
    background-image: linear-gradient(#ffbbea, #fd4880);
    box-shadow: 0 0 40px 5px #ff7cb0, inset 0 0 10px 7px #ff7cb0;
  }

  .gtc-popup-infos-mark {
    left: .1vh;
  }

  .cardn-ame.shadow {
    width: 44vw;
    top: 8.5vw;
  }

  .gtc-navbar-mobile {
    justify-content: center;
    align-items: center;
    width: 10vw;
    padding-top: 1.75vh;
    display: flex;
    position: relative;
  }

  .gtc-navbar-mobile-menu {
    pointer-events: none;
    height: 5vh;
    transform: scale3d(1none, 1none, 1none);
  }

  .gtc-navbar-mobile-close {
    pointer-events: none;
    height: 5vh;
    position: absolute;
    transform: scale(0);
  }

  .paragraph {
    font-size: 1.5vw;
    line-height: 120%;
  }

  .gtc-popup-prize-heading-star.floating {
    top: 2vh;
  }
}

@media screen and (max-width: 767px) {
  .gtc-navbar {
    pointer-events: none;
  }

  .gtc-resources {
    grid-column-gap: 3vw;
    grid-row-gap: 3vw;
    pointer-events: auto;
  }

  .gtc-resource-point-icon {
    width: 8vw;
  }

  .gtc-resource-amount {
    font-size: 3.5vw;
  }

  .gtc-machine {
    height: 55vh;
  }

  .gtc-glass {
    top: 12vh;
  }

  .gtc-char {
    right: -10vh;
  }

  .gtc-robot {
    left: -8vh;
  }

  .gtc-button-wrapper {
    bottom: 7.7vh;
  }

  .gtc-button-plate {
    height: 8vh;
  }

  .gtc-button-blue, .gtc-button-red {
    height: 9vh;
  }

  .gtc-machine-bg {
    width: 110%;
    height: 110%;
  }

  .gtc-item-wrapper {
    opacity: 0;
  }

  .gtc-rewards-container {
    opacity: 0;
    grid-template-rows: 1fr 60vh 1fr;
    height: 100vh;
  }

  .gtc-rewards-heading {
    margin-bottom: -4vh;
  }

  .gtc-rewards-divider {
    width: 90vw;
  }

  .gtc-line-divider {
    min-width: 80vw;
  }

  .gtc-rewards-card-wrapper {
    grid-column-gap: 4vh;
    grid-row-gap: 4vh;
    justify-content: center;
    align-items: flex-start;
    padding: 4vh;
    overflow: scroll;
  }

  .gtc-rewards-button-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    width: 90vw;
  }

  .gtc-rewards-button {
    height: 7vh;
  }

  .gtc-btn-times {
    font-size: 4vh;
  }

  .gtc-btn-text {
    font-size: 2vh;
  }

  .gtc-btn-text.finish {
    font-size: 2.5vh;
  }

  .gtc-navbar-menu {
    pointer-events: auto;
  }

  .gtc-menu-btn {
    width: 14vw;
  }

  .gtc-menu-btn-bg {
    height: 6vw;
  }

  .gtc-menu-btn-icon {
    height: 5vw;
  }

  .gtc-menu-point {
    font-size: 3.5vw;
  }

  .gtc-menu-name {
    width: 13vw;
    font-size: 3.5vw;
  }

  .gtc-menu-alert {
    height: 4vw;
  }

  .gtc-popup-paper-bg {
    height: 33vh;
    top: 0;
  }

  .gtc-popup-socmed-wrapper {
    bottom: 0;
  }

  .gtc-popup-card-content {
    padding-top: 5vh;
    padding-bottom: 7vh;
  }

  .gtc-popup-card-profile {
    height: 100%;
  }

  .gtc-popup-card-profile-note {
    bottom: -2vh;
    right: -2vh;
  }

  .gtc-popup-card-profile-note.is-top {
    top: -2vh;
    left: -2vh;
  }

  .gtc-popup-card-gem {
    bottom: 17vh;
  }

  .gtc-popup-card-star {
    height: 3vw;
  }

  .gtc-popup-profile-star-title {
    padding-left: 0;
  }

  .gtc-popup-faq-element {
    display: none;
  }

  .faq-subheading.text-color-grey {
    line-height: 151%;
  }

  .gtc-popup-faq-drawimg {
    bottom: 24vh;
    left: -8.9vh;
  }

  .faq-close-button.pop-up-close {
    top: -3.5vh;
    right: 2vh;
    transform: rotate(-90deg);
  }

  .submit-button {
    font-size: 2vw;
  }

  .gtc-popup-inventory.gtc-menu-content {
    opacity: 0;
    display: none;
  }

  .gtc-popup-inventory-container.card-container {
    transform: translate(0, -130%);
  }

  .gtc-popup-inventory-wrapper {
    position: static;
  }

  .gtc-popup-inventory-wrapper.right {
    position: relative;
  }

  .gtc-popup-inventory-bg {
    display: none;
  }

  .gtc-popup-inventory-bg.right {
    height: 90vh;
    display: block;
  }

  .gtc-popup-inventory-option.left {
    inset: 0%;
  }

  .gtc-popup-inventory-option-item {
    padding-left: 3vh;
    padding-right: 3vh;
    font-size: 2.5vh;
  }

  .gtc-popup-inventory-option-filler {
    display: none;
  }

  .popup-inventory-item-details {
    font-size: 2vw;
  }

  .inventory-close-button.pop-up-close {
    z-index: 10;
    top: 2vh;
  }

  .gtc-popup-infos-hanger-wrapper {
    margin-bottom: 1vh;
  }

  .gtc-popup-infos-hanger {
    height: 15vw;
  }

  .gtc-popup-infos-item-head {
    grid-template-columns: .6fr 1.25fr .25fr;
  }

  .infos-close-button.pop-up-close, .infos-close-button.gtc-popup-topup-close, .infos-close-button.gtc-prize-topup-close {
    right: -4vh;
  }

  .gtc-button-label {
    padding: 1vh 2vh;
  }

  .gtc-btn-aura {
    width: 18vh;
    height: 8vh;
  }

  .gatchameter-container {
    pointer-events: none;
    left: 0%;
  }

  .gtc-popup-inventory-btn-wrapper {
    z-index: 4;
    grid-column-gap: 0vh;
    grid-row-gap: 0vh;
    flex-flow: row;
    position: absolute;
    inset: 2vh 50% auto auto;
    transform: translate(50%);
  }

  .gap {
    width: 2vh;
    height: 7vh;
  }

  .btn-bg-move {
    width: 54%;
    display: flex;
    left: 0;
    transform: translate(0);
  }

  .popup-inventory-item-detail {
    font-size: 2vw;
  }

  .gtc-responsive-button {
    width: 80%;
  }

  .cardn-ame.shadow {
    width: 41vw;
    top: 7vw;
  }

  .gtc-navbar-mobile {
    width: 14vw;
    padding-top: .75vh;
  }

  .gtc-popup-card-profile-role-text {
    font-size: 1.75vh;
  }
}

@media screen and (max-width: 479px) {
  .gtc-home-click-point {
    padding-bottom: 20vh;
    padding-right: 1vh;
  }

  .gtc-home-click-cash {
    padding-bottom: 20vh;
    padding-left: 1vh;
  }

  .gtc-footer {
    justify-content: space-between;
    align-items: center;
    height: 11vh;
    display: flex;
  }

  .gtc-footer-img {
    height: 5vh;
  }

  .gtc-footer-menu-container, .gtc-footer-img-wrapper {
    display: none;
  }

  .gtc-navbar {
    pointer-events: none;
  }

  .gtc-resources {
    pointer-events: auto;
  }

  .gtc-resource-point-icon {
    width: 12vw;
    margin-right: -4.5vw;
  }

  .gtc-resource-point-content {
    border-radius: 4vw;
    padding: 1vh 3vw 1vh 5vw;
  }

  .gtc-resource-amount {
    font-size: 5vw;
    line-height: 100%;
  }

  .gtc-item-wrapper {
    opacity: 0;
  }

  .gtc-rewards-container {
    grid-column-gap: 3vh;
    grid-row-gap: 3vh;
    opacity: 0;
    grid-template-rows: 1fr 60vh 1fr;
    height: 100vh;
  }

  .gtc-rewards-heading {
    margin-bottom: -3vh;
  }

  .h2-heading-style {
    font-size: 3.5vh;
  }

  .gtc-rewards-divider {
    width: 90vw;
  }

  .gtc-line-divider {
    width: 90vw;
    min-width: 90vw;
  }

  .gtc-rewards-card-wrapper {
    grid-column-gap: 3vh;
    grid-row-gap: 3vh;
    padding: 4vh;
    position: relative;
    overflow: scroll;
  }

  .gtc-rewards-card {
    height: 16vh;
  }

  .gtc-rewards-button-wrapper {
    grid-template-columns: 1fr 1fr;
    width: 90vw;
  }

  .gtc-rewards-button {
    grid-column-gap: 1vh;
    grid-row-gap: 1vh;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 8vh;
  }

  .gtc-btn-times {
    font-size: 4vh;
  }

  .gtc-btn-text {
    font-size: 2vh;
  }

  .gtc-btn-text.home {
    font-size: 3.5vh;
  }

  .gtc-skip-container {
    z-index: 4;
    height: 100vh;
  }

  .gtc-skip-heading {
    justify-content: flex-start;
    align-items: center;
    padding-top: 2vh;
  }

  .gtc-skip-button {
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 2vh;
  }

  .gtc-skip-btn {
    background-image: linear-gradient(90deg, #fff0, #ffffff4d 33%, #ffffff80 50%, #ffffff4d 64%, #fff0);
  }

  .gtc-navbar-menu {
    grid-column-gap: 5vh;
    grid-row-gap: 5vh;
    pointer-events: auto;
  }

  .gtc-menu-btn {
    width: 22vw;
  }

  .gtc-menu-btn-bg {
    height: 10vw;
  }

  .gtc-menu-btn-icon {
    height: 13vw;
  }

  .gtc-menu-point {
    font-size: 6vw;
  }

  .gtc-menu-name {
    width: 22vw;
    font-size: 6vw;
  }

  .gtc-menu-alert {
    z-index: 10;
    height: 7vw;
  }

  .gtc-popup-card.card-container {
    border-radius: 2vh;
  }

  .gtc-popup-paper-bg {
    height: 18vh;
    top: 0;
    right: 1vh;
  }

  .gtc-popup-socmed-wrapper {
    padding-top: .5vh;
    padding-bottom: .5vh;
  }

  .gtc-popup-socmed {
    grid-column-gap: 2vh;
    grid-row-gap: 2vh;
    justify-content: space-between;
    align-items: center;
  }

  .gtc-popup-socmed-btn {
    grid-column-gap: .5vh;
    grid-row-gap: .5vh;
  }

  .gtc-popup-socmed-icon {
    width: 1.5vh;
    height: 1.5vh;
    padding: .4vh;
  }

  .gtc-popup-socmed-text {
    font-size: 1vh;
  }

  .gtc-popup-card-content {
    padding: 2vh 1vh;
  }

  .gtc-popup-card-profile {
    height: 95%;
    padding: .5vh;
  }

  .gtc-popup-card-profile-role {
    font-size: 1vh;
  }

  .gtc-popup-card-profile-note {
    bottom: -1vh;
    right: -1vh;
  }

  .gtc-popup-card-profile-note.is-top {
    top: -1vh;
    left: -1vh;
  }

  .gtc-popup-card-items {
    grid-column-gap: .75vh;
    grid-row-gap: .75vh;
    padding-left: 0;
  }

  .gtc-popup-card-items-title {
    width: 100%;
  }

  .player-name {
    font-size: 1.5vh;
  }

  .gtc-popup-card-gem {
    bottom: 10vh;
    right: 0;
  }

  .gtc-popup-card-star-wrapper {
    grid-column-gap: 0vh;
    grid-row-gap: 0vh;
  }

  .gtc-popup-card-star {
    margin-top: 1vh;
  }

  .secondary-font {
    font-size: 1.75vh;
  }

  .gtc-popup-profile-star-infos {
    height: 2vh;
  }

  .gtc-popup-profile-star {
    height: 70%;
    margin-left: 1.5vh;
    padding-left: 2vh;
  }

  .card-shining {
    pointer-events: none;
  }

  .gtc-popup-faq-bg {
    width: 103%;
    max-width: none;
    height: 77vh;
  }

  .gtc-popup-faq-element {
    display: none;
  }

  .gtc-popup-faq-content {
    width: 100%;
    right: 0;
  }

  .faq-subheading.text-color-grey {
    line-height: 110%;
  }

  .gtc-popup-faq-drawimg {
    bottom: -14vh;
  }

  .faq-label {
    top: 2.1vh;
    left: 1.4vh;
  }

  .faq-condition {
    width: 4vh;
  }

  .gtc-faq-content {
    display: none;
  }

  .submit-button {
    font-size: 4vw;
  }

  .text-field {
    font-size: 2vh;
  }

  .gtc-popup-inventory-bg.right {
    height: 79vh;
  }

  .gtc-popup-inventory-option {
    height: 70vh;
    padding: 2vh 1.5vh 2vh 1vh;
  }

  .gtc-popup-inventory-option-item {
    font-size: 2.5vh;
  }

  .popup-inventory-bggrey {
    padding: 1vh 1vh 2vh;
  }

  .popup-inventory-bgwhite {
    padding: 1vh .5vh 1vh 1vh;
  }

  .popup-inventory-content {
    height: calc(100% + 1vh);
    padding-right: 2vw;
  }

  .popup-inventory-item {
    grid-column-gap: 1vh;
    grid-row-gap: 1vh;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
  }

  .popup-inventory-item-thumbnail {
    align-self: flex-start;
    height: 10vh;
  }

  .popup-inventory-btn {
    font-size: 1.8vh;
  }

  .popup-inventory-item-details {
    grid-column-gap: 2vh;
    grid-row-gap: 2vh;
    font-size: 3vw;
  }

  .popup-inventory-item-name {
    font-size: 2vh;
  }

  .inventory-close-button.pop-up-close {
    top: -8vh;
  }

  .gtc-popup-infos.gtc-menu-content {
    padding-top: 5vh;
  }

  .gtc-popup-infos-bg {
    width: 98%;
    height: 81vh;
  }

  .gtc-popup-infos-pen {
    display: none;
  }

  .gtc-popup-infos-content {
    height: 90%;
    margin-left: 0;
    padding-top: 6vh;
  }

  .gtc-popup-infos-head {
    grid-column-gap: 1.5vh;
    grid-row-gap: 1.5vh;
    font-size: 1.6vh;
  }

  .gtc-popup-infos-hanger-wrapper {
    margin-bottom: 0;
  }

  .gtc-popup-infos-hanger {
    height: 17vw;
  }

  .gtc-popup-infos-items {
    padding-left: 0;
    padding-right: 0;
  }

  .gtc-popup-infos-item-head {
    grid-column-gap: 2vh;
    grid-row-gap: 1vh;
    grid-template-rows: auto auto;
    grid-template-columns: .4fr 1.5fr;
    font-size: 2vh;
  }

  .gtc-popup-infos-item-star {
    grid-column-gap: 0vh;
    grid-row-gap: 0vh;
  }

  .infos-item-star {
    height: 2vh;
  }

  .gtc-popup-infos-item-content {
    display: flex;
  }

  .infos-close-button.pop-up-close, .infos-close-button.gtc-popup-topup-close, .infos-close-button.gtc-prize-topup-close {
    height: 5vh;
    top: 5vh;
    right: 0;
  }

  .gatchameter-container {
    z-index: 99;
    pointer-events: none;
    left: -6%;
  }

  .gtc-popup-inventory-btn-wrapper {
    transform: translate(44%);
  }

  .item-claim-bg {
    width: 10vh;
    height: 10vh;
  }

  .item-claim-detail-wrapper {
    grid-column-gap: 1vh;
    grid-row-gap: 1vh;
    width: 53vw;
  }

  .item-claim-name {
    font-size: 3vh;
    line-height: 120%;
  }

  .item-claim-details {
    font-size: 2vh;
    line-height: 120%;
  }

  .popup-history-item {
    width: 100%;
  }

  .popup-history-item-name {
    font-size: 2vh;
  }

  .popup-inventory-item-detail {
    font-size: 3vw;
  }

  .gtc-responsive-button {
    background-image: linear-gradient(#ffe036, #f08e04);
    width: 90%;
    box-shadow: 0 0 40px 5px #ffcb2f, inset 0 0 10px 7px #ffcb2f;
  }

  .gtc-responsive-button.echo {
    background-image: linear-gradient(#ffbbea, #fd4880);
    box-shadow: 0 0 40px 5px #ff7cb0, inset 0 0 10px 7px #ff7cb0;
  }

  .ominventory-filler-element {
    height: 2vh;
  }

  .gtc-navbar-mobile {
    width: 22vw;
    margin-right: -3vh;
  }

  .gtc-navbar-mobile-menu, .gtc-navbar-mobile-close {
    height: 4vh;
  }

  .gtc-popup-card-profile-role-text {
    font-size: 1vh;
  }

  .div-block {
    z-index: 10;
    background-image: linear-gradient(#000, #fff);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .gtc-popup-topup.gtc-menu-content, .gtc-popup-prize.gtc-menu-content {
    padding-top: 5vh;
  }
}

#w-node-_460997b1-a45a-50ff-d8c3-b9e436020ba4-1a900668 {
  justify-self: end;
}

#w-node-_3e07a35a-2a29-dfd8-4fce-ac39aaf9b183-1a900668 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b8ab0849-5b06-193c-2a72-092f15053312-1a900668 {
  justify-self: end;
}

#w-node-_3b2092f3-65c2-c9c9-06e0-8f7065287c9c-1a900668 {
  order: 9999;
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_35710093-89bd-29a3-6386-7a54d853b806-1a900668 {
  justify-self: end;
}

#w-node-_35710093-89bd-29a3-6386-7a54d853b809-1a900668 {
  order: 9999;
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_19779c28-cbd3-102f-3044-542ed55e34c0-1a900668 {
  justify-self: end;
}

#w-node-_19779c28-cbd3-102f-3044-542ed55e34c3-1a900668 {
  order: 9999;
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_41cb0ea2-2cc6-9e9b-f22f-2f1ef84d479a-1a900668, #w-node-_69365ddf-504c-7e47-67f8-84f517457397-1a900668 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_76f87a88-f78a-a7f2-3c53-b3cf2acd855e-1a900668 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_76f87a88-f78a-a7f2-3c53-b3cf2acd855e-1a900668 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-b8ab0849-5b06-193c-2a72-092f15053312-1a900668, #w-node-_35710093-89bd-29a3-6386-7a54d853b806-1a900668, #w-node-_19779c28-cbd3-102f-3044-542ed55e34c0-1a900668 {
    justify-self: start;
  }
}


@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tiltneon';
  src: url('../images/') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lilitaone';
  src: url('../fonts/LilitaOne-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Insanibu';
  src: url('../fonts/Insanibu.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}