html {
  font-family: Arial, Helvetica, sans-serif;
}

html,
body {
  height: 100%;
  margin: 0px;
}

body {
  background-color: #3a342f; /* Keeping original background as fallback */

  /*disable user select*/
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.rank {
  font-size: 14px;
}

#score {
  font-size: 17px;
}

@media (max-width: 700px) {
  /* Keep #miniMap selector here for simplicity, even if ID isn't used */
  #miniMap,
  #leaderboard{
    transform: scale(0.7);
  }
}

.fullscreenCanvas {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#transitionCanvas {
  position: fixed;
}