@charset "UTF-8";
body {
  width: 100%;
  height: 100%;
  padding-left: constant(safe-area-inset-left);
  padding-top: constant(safe-area-inset-top);
  padding-right: constant(safe-area-inset-right);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-top: env(safe-area-inset-top, 10px);
  padding-right: env(safe-area-inset-right, 10px);
  padding-bottom: env(safe-area-inset-bottom, 10px);
  padding-left: env(safe-area-inset-left, 10px);
}

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: 100%;
    height: 100%;
  }
  #ingame__view {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
  }
}