/* The page has almost no styling: the game draws its own UI. These rules only make the two
   canvases fill the window and stop the browser from treating the game like a document
   (no text selection, no pull-to-refresh, no long-press menu, no touch scrolling). */
html, body {
  margin: 0; height: 100%; overflow: hidden;
  background: #070504; color: #f1e4c4;
  font-family: Georgia, "Palatino Linotype", serif;
  overscroll-behavior: none;
  -webkit-user-select: none; user-select: none;
  -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent;
}
#world, #ui {
  position: fixed; inset: 0; width: 100vw; height: 100vh; display: block;
}
/* The UI layer sits on top and receives all pointer input; touch-action: none hands every
   touch to the game instead of the browser's scrolling/zooming. */
#ui { outline: none; touch-action: none; }
#gpu-warning {
  position: fixed; left: 50%; top: 40%; transform: translateX(-50%); z-index: 10;
  max-width: min(560px, 90vw); text-align: center; color: #ff8a70;
}
#gpu-warning a { color: #ffd36b; }
[hidden] { display: none !important; }