/* Animated water for the GoT-relief map (Issue #104). Applied to the water-mask
 * L.imageOverlay (see livemap.js's _showReliefWater()) - the mask itself is a plain
 * white silhouette of the water area (terrain-tools/relief_map.py's *_watermask.png),
 * pixel-aligned with the relief render. A blend mode + a slow opacity/hue pulse turns
 * that flat white shape into a subtle glinting-sunlight-on-water shimmer, without
 * needing a moving wave texture or WebGL - deliberately simple, see SPEC.md
 * "Animiertes Wasser" for why (kept in the same lower-risk spirit as the static-image
 * approach that replaced the abandoned interactive 3D view).
 *
 * Not verified in an actual browser in this session - tune here once seen live. */

.relief-water-shimmer {
	mix-blend-mode: overlay;
	pointer-events: none;
	animation: relief-water-shimmer-pulse 6s ease-in-out infinite;
}

@keyframes relief-water-shimmer-pulse {
	0%   { opacity: 0.35; filter: brightness(1.05) saturate(1.15) hue-rotate(0deg); }
	50%  { opacity: 0.6;  filter: brightness(1.3)  saturate(1.5)  hue-rotate(12deg); }
	100% { opacity: 0.35; filter: brightness(1.05) saturate(1.15) hue-rotate(0deg); }
}

/* Respect reduced-motion preferences - freeze on the mid (most visible) frame instead
 * of a static full-white overlay, which would look like a design mistake, not water. */
@media (prefers-reduced-motion: reduce) {
	.relief-water-shimmer {
		animation: none;
		opacity: 0.5;
		filter: brightness(1.2) saturate(1.35) hue-rotate(6deg);
	}
}