/* Basis — alleen de architect wijzigt dit bestand.
   Modules (hud, controls) injecteren hun eigen <style> en DOM. */
* { box-sizing: border-box; }
html, body {
  margin: 0; height: 100%; overflow: hidden; background: #000;
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  touch-action: none; overscroll-behavior: none;
  -webkit-user-select: none; user-select: none;
  -webkit-tap-highlight-color: transparent;
}
#scene canvas { display: block; }

/* De overlay-lagen vangen zelf geen tikken op. Belangrijk: hier GEEN
   `#hud > * { pointer-events: auto }` zetten — zo'n ID-selector verslaat de
   class-regels van hud.js en controls.js, waardoor de schermvullende
   toast-laag alle tikken opving en niets meer aanklikbaar was.
   De modules zetten zelf pointer-events:auto op wat klikbaar moet zijn. */
#hud, #knoppen { position: fixed; inset: 0; pointer-events: none; }