/* 8-bit grid background */
.grid-background {
  background-color: #121212;
  background-image: 
    linear-gradient(rgba(18, 18, 18, 0.7), rgba(18, 18, 18, 0.7)),
    linear-gradient(to right, #333 1px, transparent 1px),
    linear-gradient(to bottom, #333 1px, transparent 1px);
  background-size: 100% 100%, 32px 32px, 32px 32px;
  background-position: 0 0, 0 0, 0 0;
  image-rendering: pixelated;
}

/* 8-bit dotted background */
.dotted-background {
  background-color: #121212;
  background-image: radial-gradient(#333 1px, transparent 1px);
  background-size: 8px 8px;
  image-rendering: pixelated;
}