const GridBackground = () => {
  return (
    <div className="grid-drift" style={{
      position: 'fixed', top: 0, left: 0, right: 0, bottom: 0,
      pointerEvents: 'none', zIndex: 0,
      backgroundImage: `
        linear-gradient(to right, var(--grid-color) 1px, transparent 1px),
        linear-gradient(to bottom, var(--grid-color) 1px, transparent 1px)
      `,
      backgroundSize: '24px 24px',
      opacity: 0.3,
      maskImage: 'radial-gradient(ellipse at center, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.55) 70%, rgba(0,0,0,0.25) 100%)',
      WebkitMaskImage: 'radial-gradient(ellipse at center, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.55) 70%, rgba(0,0,0,0.25) 100%)',
    }} />
  );
};

window.GridBackground = GridBackground;