/* Pixel crisp rendering */
canvas {
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

/* Ensure full height */
html, body {
  height: 100%;
  background: #0b1021;
}

/* Hide touch controls on non-touch devices */
@media (hover: hover) and (pointer: fine) {
  #touchControls { display: none; }
}

/* Animated background shimmer (subtle) */
#bg {
  background: linear-gradient(180deg, #0b1021 0%, #0f1530 60%, #121a3a 100%);
}

/* Small responsive UI tweaks */
@media (max-width: 640px) {
  #hud .text-2xl { font-size: 1.25rem; }
  #hud .text-4xl { font-size: 2rem; }
}