@media screen and (orientation: portrait) {
  html {
    width: 100vmin;
    height: 100vmax;
  }
  body {
    width: 100vmin;
    height: 100vmax;
    overflow: hidden;
  }
  #ingame_view {
    width: 100vmax;
    height: 100vmin;
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transform: rotate(90deg) translate(0, -100vmin);
            transform: rotate(90deg) translate(0, -100vmin);
  }
}

@media screen and (orientation: landscape) {
  html {
    width: 100%;
    height: 100vmin;
  }
  body {
    width: 100%;
    height: 100vmin;
    overflow: hidden;
  }
  #ingame_view {
    width: 100%;
    height: 100vmin;
  }
}