*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;
  background: #0a0f0c;
  color: #e5e7eb;
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior: none;
}
img { max-width: 100%; display: block; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }
a { color: inherit; text-decoration: none; }
ul, ol { margin: 0; padding-left: 1.2em; }
h1, h2, h3, p { margin: 0 0 0.5em; }

/* Critical: [hidden] must always win over any explicit `display` set on the
   same element by a more specific selector elsewhere in the CSS — otherwise
   a "hidden" modal can still intercept clicks. See this project's other
   games' build notes for the bug this prevents. */
[hidden] { display: none !important; }