#game {
  width: var(--game-width);
  height: var(--game-height);
  background-color: rgba(128,128,128,0.33);
  border-radius: 10px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (orientation:portrait) {
  #page { max-width: var(--game-portrait-width, var(--page-width)); }
  #game {
    width: var(--game-portrait-width, var(--game-width));
    height: var(--game-portrait-height, var(--game-height));
  }
}

#gameratio:-webkit-full-screen { width: 100%; height: 100%; background-color: black; }
#gameratio:-moz-full-screen { width: 100%; height: 100%; background-color: black; }
#gameratio:-ms-fullscreen { width: 100%; height: 100%; background-color: black; }
#gameratio:-fullscreen { width: 100%; height: 100%; background-color: black; }
#gameratio.maximized {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
}