/* @file public/css/base.css — page reset, full-screen canvas, and the no-select rules (§12). */
@import url('/css/hud.css');
@import url('/css/touch.css');
@import url('/css/panels.css');

html, body {
  margin: 0;
  height: 100%;
  background: #000;
  overflow: hidden;
  overscroll-behavior: none;
}

#app canvas {
  display: block;
  width: 100vw;
  height: 100vh;
  touch-action: none;
}

#ui-root {
  position: fixed;
  inset: 0;
  pointer-events: none;
}

#ui-root > * {
  pointer-events: auto;
}

/* No text on astra can be selected, long-pressed, or dragged.
   Real text fields stay typeable. Ported from jakesarcade no-select.css. */
html, body, *, *::before, *::after {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none;
}

::selection { background: transparent; }

input, textarea, [contenteditable], [contenteditable] * {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  -webkit-touch-callout: default;
}

input::selection, textarea::selection, [contenteditable]::selection,
[contenteditable] *::selection { background: Highlight; color: HighlightText; }