html,
body {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   background-color: black;
   overflow: hidden;
   touch-action: none;
}

#gameContainer {
   margin: 0;
   padding: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
   position: fixed;
}

#gameContainer canvas {
   position: fixed;
   z-index: 1;
}

#moreGamesFrame {
   display: none;
   position: absolute;
   border: none;
   z-index: 2;
   user-select: none;
}

.lil-gui {
   opacity: 0.95;
   --background-color: rgba(0, 0, 0, 0.85);
   --font-family: 'NunitoSans';
   --font-size: 13px;
}

.lil-gui.root {
   left: 0;
}

.lil-gui-startposition {
   left: unset !important;
   right: 0 !important
}

.waitToStart {
   display: none !important;
}

@media screen and (min-width: 1024px) {
   .lil-gui button {
      height: clamp(1.25rem, calc(1.25rem + ((1vw - 0.64rem) * 1.3021)), 2.5rem);
   }
}

#stats {
   position: static;
   opacity: 1;
   margin-bottom: 5px;
}

#stats canvas {
   width: 180px;
   height: 90px;
}

/* Nunito */
@font-face {
   font-family: 'NunitoSans';
   src: url('../fonts/NunitoSans-Variable.ttf') format("truetype-variations");
   font-weight: 1 999;
   font-display: swap;
}