/* Cyberpunk Neon scene animations */

/* The grid rows scroll toward the viewer; one row spacing (14px) per loop. */
.cy-rows {
  animation: cy-scroll 1.2s linear infinite;
}

@keyframes cy-scroll {
  from { transform: translateY(0); }
  to { transform: translateY(14px); }
}

.cy-windows {
  animation: cy-flicker 4s steps(2) infinite;
}

@keyframes cy-flicker {
  0%, 100% { opacity: 1; }
  48% { opacity: .75; }
}

.cy-sun {
  animation: cy-sun 6s ease-in-out infinite alternate;
}

@keyframes cy-sun {
  from { opacity: .85; }
  to { opacity: 1; }
}