:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #02060b;
}

* { box-sizing: border-box; }
html, body, #app, #game-container { width: 100%; height: 100%; margin: 0; }
body { overflow: hidden; background: radial-gradient(circle at top, #0d2238 0%, #04080d 55%, #010204 100%); }
canvas { display: block; width: 100%; height: 100%; touch-action: none; }

html, body { overscroll-behavior: none; -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
#game-container { position: fixed; inset: 0; }
canvas { image-rendering: auto; -webkit-tap-highlight-color: transparent; }


/* Build 0.23 mobile display profiles. FIT preserves every boundary; FILL uses the complete device surface. */
canvas[data-svrgn-fit="fit"] {
  width: 100vw !important;
  height: 100vh !important;
  object-fit: contain;
}
canvas[data-svrgn-fit="fill"] {
  width: 100vw !important;
  height: 100vh !important;
  object-fit: cover;
}
@supports (padding: env(safe-area-inset-left)) {
  #game-container { padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
}
#boot-status {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 2rem;
  color: #fff0a6;
  background: #02060b;
  font: 600 1rem/1.5 system-ui, sans-serif;
  text-align: center;
  z-index: 10000;
}