/*
 * Public live results — field-event update animations (Phase 0).
 * Paired with /js/live-results-animate.js.
 */

/* Fade in 0.5s, hold 1.0s, fade out 0.5s (2.0s total). */
@keyframes erFlashPart {
	0%   { background-color: rgba(116, 214, 128, 0); }
	25%  { background-color: rgba(116, 214, 128, 0.95); }
	75%  { background-color: rgba(116, 214, 128, 0.95); }
	100% { background-color: rgba(116, 214, 128, 0); }
}

@keyframes erFlashMain {
	0%   { background-color: rgba(116, 214, 128, 0); }
	25%  { background-color: rgba(116, 214, 128, 0.95); }
	75%  { background-color: rgba(116, 214, 128, 0.95); }
	100% { background-color: rgba(116, 214, 128, 0); }
}

.er-flash-part {
	animation: erFlashPart 8s ease;
}

.er-flash-main {
	animation: erFlashMain 4s ease;
}

/* A row climbing to a better placement is lifted above the rows it passes so
   its whole movement stays visible during the FLIP transition. */
.er-flip-front {
	position: relative;
	z-index: 100;
}

/* Respect users who prefer reduced motion: no flash, no FLIP transitions. */
@media (prefers-reduced-motion: reduce) {
	.er-flash-part,
	.er-flash-main {
		animation: none;
	}
}