:root{
  --grid-bg-color:#c0c0c0;
  --grid-line-color:#808080;
  --grid-cell-size:24px;
  --grid-opacity:0.3;
}

@media (prefers-color-scheme:dark){
  :root{
    --grid-bg-color:#000000;
    --grid-line-color:#404040;
  }
}

.win98-grid-bg{
  position:fixed;
  inset:0;
  z-index:-1;
  background:var(--grid-bg-color);
  pointer-events:none;
  overflow:hidden;
}

.win98-grid-bg canvas{
  width:100%;
  height:100%;
  display:block;
  image-rendering:pixelated;
  will-change:transform;
  transform:translateZ(0);
}

@media print{
  .win98-grid-bg{display:none!important;}
}

@media (prefers-reduced-motion:reduce){
  .win98-grid-bg canvas{animation:none!important;}
}

/* Performance optimizations */
@media (max-width: 768px) {
  .win98-grid-bg canvas {
    opacity: 0.5;
  }
}

@media (max-width: 480px) {
  .win98-grid-bg {
    display: none;
  }
}