/* Page-wide basics: color tokens, full-screen canvas, and the UI overlay layer. */
:root {
  --bg: #07060a;
  --text: #e9e4d8;
  --danger: #c4262e;
  --exit-green: #3fe07a;
  --panel: rgba(10, 8, 14, 0.86);
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  background: var(--bg);
  color: var(--text);
  overflow: hidden;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  overscroll-behavior: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

#game {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

/* Overlay for all on-screen UI. Only interactive children receive touches. */
#ui {
  position: fixed;
  inset: 0;
  pointer-events: none;
  padding:
    env(safe-area-inset-top)
    env(safe-area-inset-right)
    env(safe-area-inset-bottom)
    env(safe-area-inset-left);
  box-sizing: border-box;
}