/* STEEL AEGIS — TowerDefence x Battleship */
:root {
  --font-display: 'Cabinet Grotesk', sans-serif;
  --font-body: 'Satoshi', sans-serif;
  --color-bg: #0a0e14;
  --color-surface: rgba(255,255,255,0.06);
  --color-border: rgba(255,255,255,0.12);
  --color-text: #e0e6ee;
  --color-text-muted: #6a7a8e;
  --color-primary: #4af0c0;
  --color-danger: #ff4466;
  --color-warning: #ffaa22;
  --color-iron: #7ec8e3;
  --color-gunpowder: #ff8844;
  --color-electronics: #b088ff;
  --color-brass: #ffd700;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  width: 100%; height: 100%;
  overflow: hidden;
  background: var(--color-bg);
  font-family: var(--font-body);
  color: var(--color-text);
}

canvas {
  display: block;
  width: 100%; height: 100%;
  position: fixed; top: 0; left: 0;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

#game-ui {
  position: fixed; inset: 0;
  pointer-events: none;
  z-index: 10;
  font-family: var(--font-body);
}

#game-ui button, #game-ui [data-interactive] {
  pointer-events: auto;
}

.hud-value {
  font-variant-numeric: tabular-nums lining-nums;
  font-size: 14px;
  font-weight: 600;
}