/*
 * Grid Background Animation
 * Now handled by canvas-based GridCanvas component for flicker-free rendering
 * Previous CSS-based animation has been replaced with requestAnimationFrame for better performance
 */

/* Mobile optimizations - reduce neon glow intensity */
@media (max-width: 768px) {
  /* Reduce neon glow intensity (2 layers instead of 4) */
  .neon-text-cyan {
    text-shadow:
      0 0 5px #00ffff,
      0 0 15px #00ffff !important;
  }

  .neon-text-magenta {
    text-shadow:
      0 0 5px #ff00ff,
      0 0 12px #ff00ff !important;
  }

  .neon-button-glow {
    box-shadow:
      0 0 5px #00ffff,
      0 0 20px #00ffff !important;
  }
}

/* Accessibility - respect user motion preferences */
/* Note: Canvas animations will need to check prefers-reduced-motion via JS */
@media (prefers-reduced-motion: reduce) {
  /* Animation preferences are now handled in GridCanvas component */
}