/* The lake as water (lake-water.js): a band of moonlight over the lakes and a few glints.
   Aqua #8cced2 on the dark forest, sitting under every route, so the heat lines stay the content. */
.lw, .lw * { pointer-events: none; }
.lw-body { transition: none; }

.lw-band { animation: lw-sweep 24s linear infinite; }
/* The band crosses the lakes for ~15 s of every 24 and rests off to the side. */
@keyframes lw-sweep {
  0% { transform: translateX(0); }
  62% { transform: translateX(980px); }
  100% { transform: translateX(980px); }
}
/* Weak devices (<= 2 cores, kiosk lowpower): the same pass in ~2.5 steps a second. */
.lw--low .lw-band { animation-timing-function: steps(60, end); }

/* Each glint flares once per pass, as the band reaches it (the delay is set per glint in the script). */
.lw-glint { fill: #fff6dc; opacity: 0.18; animation: lw-flare 24s linear infinite; }
@keyframes lw-flare { 0% { opacity: 0.18; } 1.5% { opacity: 1; } 5% { opacity: 0.18; } 100% { opacity: 0.18; } }

.lw-paused, .lw-paused * { animation-play-state: paused !important; }

@media (prefers-reduced-motion: reduce) {
  .lw, .lw * { animation: none !important; }
  .lw-band { display: none; }
  .lw-glint { opacity: 0.3; }
}