body {
  margin: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: black;
}

#bg {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  z-index: -2;
}

body::before {
  content: "";
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: -1;
}

#gameLogo {
  display: block;
  margin: env(safe-area-inset-top, 10px) auto 10px auto;
  width: 30%;         /* scale with screen width */
  min-width: 100px;   /* never smaller than this (mobile safe) */
  max-width: 220px;   /* don’t let it get too huge */
  height: auto;       /* keep proportions */
  z-index: 10;
  pointer-events: none;
}


#game {
  flex: 1;
  width: 100%;
  display: block;
}