/* ═══════════════════════════════════════════════════════════
   FULTERNET — Film Grain Overlay v2
   Subtle analog texture — like a printed document under
   warm light. Felt but not seen.
   ═══════════════════════════════════════════════════════════ */

.grain-overlay {
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
  opacity: 0.035;
  mix-blend-mode: overlay;
  animation: grain-shift 0.4s steps(4) infinite;
  will-change: transform;
}

.grain-overlay svg {
  width: 100%;
  height: 100%;
}

@keyframes grain-shift {
  0%, 100% { transform: translate(0, 0); }
  25%      { transform: translate(-1%, -1%); }
  50%      { transform: translate(1%, 0%); }
  75%      { transform: translate(0%, 1%); }
}

/* Disable grain animation for reduced motion */
@media (prefers-reduced-motion: reduce) {
  .grain-overlay {
    animation: none;
  }
}

/* Slightly reduce grain on mobile (perf) */
@media (max-width: 768px) {
  .grain-overlay {
    opacity: 0.025;
  }
}