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

:root {
  --col-bg: #000005;
  --col-hud: #00ffc8;
  --col-warn: #ff6a00;
  --col-danger: #ff1744;
  --col-land: #ffe500;
  --col-dim: rgba(0, 255, 200, 0.25);
  --font-display: 'Orbitron', sans-serif;
  --font-mono: 'Share Tech Mono', monospace;
}

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

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

#gameContainer {
  width: 100%;
  height: 100%;
  position: relative;
}

canvas {
  display: block;
  touch-action: none;
}

/* Scanline overlay for CRT effect */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  background: repeating-linear-gradient(
    to bottom,
    transparent 0px,
    transparent 2px,
    rgba(0,0,0,0.07) 2px,
    rgba(0,0,0,0.07) 4px
  );
  pointer-events: none;
  z-index: 9999;
}