:root {
  --y_overflow: 1px;
  touch-action: none !important;
}

html {
  margin: 0px;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  touch-action: none !important;
  overscroll-behavior: none;
}

body {
  margin-top: var(--y_overflow);
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  padding: 0;
  width: 100%;
  height: calc(100% + var(--y_overflow));
  overflow: hidden;
  touch-action: none !important;
  overscroll-behavior: none;
  background-color: #2788AB;
}

canvas {
  display: block;
  touch-action: none !important;
}

#menuUICanvas {
  position: absolute;
  left: 0;
  top: 0;
  /* pointer-events: none; */
}

#gameUICanvas {
  position: absolute;
  left: 0;
  top: 0;
  /* pointer-events: none; */
}

#garageUICanvas {
  position: absolute;
  left: 0;
  top: 0;
  /* pointer-events: none; */
}

#loadingCanvas {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

#fpsCanvas {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 1;
}

#overlayCanvas {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 111;
}
#overlayCanvas.show {
  animation: bounceIn 0.3s ease forwards;
}
#overlayBackground {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 109;
  background: rgba(0, 0, 0, 0.8);
}

#dialogCanvas {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 120;
}
#tooltipCanvas {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 120;
}

#dialogCanvas.show {
  animation: bounceIn 0.3s ease forwards;
}
#dialogOverlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 119;
  background: rgba(0, 0, 0, 0.8);
}