@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Space+Mono:wght@400;700&display=swap');

:root {
  --bg-dark: #0c0f0a;
  --bg-panel: #1a1f14;
  --ir-veggie: #d94c4c;
  --ir-hot: #ff6b35;
  --ir-soil: #4a8c8c;
  --ir-water: #1a3a4a;
  --ir-ember: #c4402a;
  --ir-warm: #e8a06a;
  --ir-glow: #f5c542;
  --ir-cool: #5cbfbf;
  --ir-text: #c4bfa8;
  --ir-text-dim: #7a7568;
  --ir-success: #6bbf5a;
  --ir-danger: #d94c4c;
  --font-display: 'Orbitron', monospace;
  --font-mono: 'Space Mono', monospace;
}

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

html, body {
  width: 100%; height: 100%;
  overflow: hidden;
  background: var(--bg-dark);
  font-family: var(--font-mono);
  color: var(--ir-text);
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
}

canvas {
  display: block;
  width: 100%;
  height: 100%;
  cursor: crosshair;
}