@charset "UTF-8";
body {
  padding-top: constant(safe-area-inset-top);
  padding-top: constant(safe-area-inset-right);
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: constant(safe-area-inset-left);
}

html,
body {
  font-family: "Helvetica Neue","微軟正黑體","Helvetica","Arial","PingFangTC-Light","STHeitiTC-Light","Microsoft JhengHei",sans-serif;
  -webkit-text-size-adjust: none;
  /*iPhone旋轉後 文字不要放大*/
}

@media screen and (orientation: portrait) {
  html,
  body {
    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;
  }
}