:root { color-scheme: dark; background: #102f35; font-family: "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", sans-serif; }
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; overscroll-behavior: none; touch-action: none; }
body, #game, canvas { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-user-drag: none; touch-action: none; }
#game { position: fixed; inset: 0; width: 100%; height: 100%; height: 100dvh; overflow: hidden; isolation: isolate; }
#scene, #hud { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
#scene { z-index: 0; pointer-events: none; }
#hud { z-index: 1; }
/* Safe-area measurement only. This empty, noninteractive node never covers the game. */
#safe-area { position: fixed; width: 0; height: 0; pointer-events: none; visibility: hidden; padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); }