@charset "UTF-8";
body {
  width: 100vw;
  height: 100vh;
}

html,
body {
  font-family: "Helvetica Neue", "微軟正黑體", "Helvetica", "Arial", "PingFangTC-Light", "STHeitiTC-Light", "Microsoft JhengHei", sans-serif;
  -webkit-text-size-adjust: none;
}

@media screen and (orientation: portrait) {
  html,
  body {
    width: 100vmin;
    height: 100vmax;
  }
  #ingame__view {
    position: relative;
    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, body {
    width: 100vw;
    height: 100vh;
  }
  #ingame__view {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }
}