html, body {
  background: radial-gradient(ellipse at 50% 0%, #223c60 0%, #101e35 48%, #080f20 100%);
  color: #253654;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
}
#YGViewport {
  position: fixed;
  box-sizing: border-box;
  left: env(safe-area-inset-left, 0px);
  right: env(safe-area-inset-right, 0px);
  top: env(safe-area-inset-top, 0px);
  bottom: env(safe-area-inset-bottom, 0px);
  margin: 0 auto;
  width: auto !important;
  height: auto !important;
  max-width: calc((100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) * 0.561664);
  background: #09152b;
  box-shadow: 0 20px 80px #0005, 0 0 0 1px #99b8ed16;
}
@supports (height: 100dvh) {
  #YGViewport {
    max-width: calc((100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) * 0.561664);
  }
}
#YGViewport[data-direction="landscape"] { max-width: none; }
/* Cocos owns the canvas gestures, including its ScrollView. Keep browser
   scrolling from cancelling game touches; DOM recharge forms remain native. */
#GameCanvas { touch-action: none; }