/* --bg/--fg default to the OS preference for the pre-game loading screen; the game overrides --bg at runtime (platform.SetPageBackground) so the letterbox margins exactly match the active light/dark theme. */ :root { --bg: #f4f4f0; --fg: #111111; } @media (prefers-color-scheme: dark) { :root { --bg: #14161a; --fg: #f4f4f0; } } * { box-sizing: border-box; margin: 0; padding: 0; } html, body { width: 100%; height: 100%; background: var(--bg); font-family: 'Inter', system-ui, sans-serif; overflow: hidden; touch-action: none; overscroll-behavior: none; } /* Ebitengine creates its own canvas, appends it to , and sizes it 100% x 100% inline. We let it fill the viewport; the runtime letterboxes the fixed 540x720 game centred inside. The paper background fills the letterbox margins so they match the game field. Do NOT constrain the canvas size here or declare a second