.back {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
  top: 0%;
  z-index: -1;
}

.gameBG {
  top: 0%;
  background-repeat: repeat-y;
  overflow: visible;
  height: 100%;
  width: 100%;
  background-size: 100% 100%;
  opacity: 1;
  position: absolute;
}

.containerHome {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 51px;
  display: none;
  pointer-events: none;
}

.containerPlay {
  position: absolute;
  bottom: 0%;
  width: 100%;
  height: 19.4vh;
  display: none;
  pointer-events: none;
}

.buttonPositionHome {
  position: absolute;
  left: 5%;
  height: 60%;
  top: 34%;
  pointer-events: all;
}

.buttonPositionPlay {
  position: absolute;
  left: 39%;
  width: 20%;
  display: none;
  pointer-events: all;
}

.buttonPositionGamble {
  position: absolute;
  width: 12%;
  left: 70%;
  display: none;
  pointer-events: all;
}

.buttonPositionCollect {
  position: absolute;
  left: 39%;
  width: 20%;
  display: none;
  pointer-events: all;
}

.buttonPositionAutoOff {
  position: absolute;
  width: 12%;
  left: 70%;
  display: none;
  pointer-events: all;
}

.buttonPositionAutoOn {
  position: absolute;
  width: 12%;
  left: 70%;
  display: none;
  pointer-events: all;
}

.containerChat {
  position: absolute;
  left: 1vw;
  top: 60vw;
  height: 6vw;
  display: none;
  pointer-events: none;
}

.buttonPositionChat {
  position: absolute;
  height: 100%;
  pointer-events: all;
}

@media screen and (max-aspect-ratio: 5/7) {
  .buttonPositionPlay {
    width: 28%;
    left: 35%;
  }
  .buttonPositionAutoOff {
    left: 70%;
    width: 20%;
  }
  .buttonPositionAutoOn {
    left: 70%;
    width: 20%;
  }
  .buttonPositionGamble {
    left: 70%;
    width: 28%;
  }
  .buttonPositionCollect {
    width: 28%;
    left: 35%;
  }
  .containerPlay {
    height: 27.4vh;
  }
}