:root {
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}
html, body {
  width: 100%;
  height: 100%;
  height: 100dvh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #273b2d;
}
body {
  display: grid;
  place-items: center;
  font-family: "Microsoft YaHei", sans-serif;
}
#GameDiv {
  position: relative;
  width: min(100vw, calc(100dvh * 375 / 667));
  height: min(100dvh, calc(100vw * 667 / 375));
  overflow: hidden;
  background: #f5e3bb;
  touch-action: none;
}
@media (pointer: coarse) and (orientation: portrait) {
  #GameDiv { width: 100vw; height: 100dvh; }
}
#Cocos3dGameContainer, #GameCanvas {
  width: 100%;
  height: 100%;
}
canvas, div {
  outline: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cocosEditBox::placeholder {
  /* Creator 3.8's placeholder rule omits the label's resolution scale. */
  line-height: normal !important;
}