:root { color-scheme: dark; background: #16232d; }
* { box-sizing: border-box; }
html, body, #AppRoot { width: 100%; min-height: 100%; margin: 0; }
body { overflow: hidden; background: radial-gradient(circle at 50% 22%, #2d5368, #111a21 72%); }
#AppRoot { position: fixed; inset: 0; display: grid; place-items: center; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
#GameFrameWrap { width: min(100vw, calc(100dvh * 750 / 1624)); height: min(100dvh, calc(100vw * 1624 / 750)); max-width: 100%; max-height: 100%; overflow: hidden; background: #9fe8ff; box-shadow: 0 18px 60px rgb(0 0 0 / 45%); }
#GameFrame { display: block; width: 100%; height: 100%; border: 0; }
#FullscreenButton { position: fixed; top: max(12px, env(safe-area-inset-top)); right: max(12px, env(safe-area-inset-right)); z-index: 30; min-width: 58px; min-height: 42px; border: 1px solid rgb(255 255 255 / 35%); border-radius: 999px; color: #fff; background: rgb(15 31 41 / 76%); backdrop-filter: blur(8px); cursor: pointer; }
#AppRoot.is-fallback-fullscreen { background: #111a21; }
@media (max-width: 520px) { #GameFrameWrap { box-shadow: none; } }