:root {
  --neon-blue: #00f3ff;
  --neon-pink: #ff00ff;
  --neon-purple: #bc13fe;
  --bg-color: #050510;
  --font-main: 'Courier New', Courier, monospace;
}

body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: var(--bg-color);
  color: white;
  font-family: var(--font-main);
  user-select: none;
  touch-action: none;
}

#game-container {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  /* Scanline effect */
  background: linear-gradient(
    rgba(18, 16, 16, 0) 50%,
    rgba(0, 0, 0, 0.25) 50%
  ), linear-gradient(
    90deg,
    rgba(255, 0, 0, 0.06),
    rgba(0, 255, 0, 0.02),
    rgba(0, 0, 255, 0.06)
  );
  background-size: 100% 2px, 3px 100%;
}

canvas {
  display: block;
  /* Optional: Box shadow if canvas is smaller than screen, but we do full screen.
     If full screen, this might not be visible or needed. */
}

#ui-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}