body {margin: 0; overflow: hidden;}

canvas {display: block;}

#loadingScreen {position: fixed; inset: 0; display: flex; justify-content: center; align-items: center; background: #111; z-index: 9999;}

#loadingBox {width: 80%; max-width: 400px; text-align: center; color: white;}

#loadingBar {width: 100%; height: 20px; background: #333; border-radius: 10px; overflow: hidden;}

#loadingProgress {width: 0%; height: 100%; background: limegreen;}

#loadingText {font-size: 18px;}

#joystick {visibility: hidden; position: fixed; left: 30px; bottom: 30px; width: 120px; height: 120px;

  z-index: 10;

  border-radius: 50%;

  background:
    rgba(0, 0, 0, 0.35);

  touch-action: none;
}

#stick {
  position: absolute;

  width: 50px;
  height: 50px;

  left: 35px;
  top: 35px;

  border-radius: 50%;

  background:
    rgba(255, 255, 255, 0.8);
}