:root { color-scheme: light; --bg: #f4f7ef; --ink: #213323; }
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body, #game-shell { margin: 0; width: 100%; height: 100%; overflow: hidden; background: var(--bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: var(--ink); touch-action: none; }
#game-container { width: 100vw; height: 100vh; display: grid; place-items: center; }
canvas { display: block; max-width: 100%; max-height: 100%; border-radius: 22px; box-shadow: 0 22px 70px rgba(57, 76, 54, 0.16); }
#orientation-overlay { position: fixed; inset: 0; z-index: 10; display: grid; place-items: center; padding: 24px; background: rgba(244,247,239,0.92); backdrop-filter: blur(14px); }
#orientation-overlay.hidden { display: none; }
.panel { width: min(92vw, 360px); border-radius: 28px; padding: 28px; text-align: center; background: white; box-shadow: 0 20px 60px rgba(57, 76, 54, 0.2); }
.phone-icon { font-size: 44px; }
.fallback { min-height: 100vh; display: grid; place-content: center; padding: 32px; text-align: center; }