/* Effet : Feux d'artifice */
/* Bursts of sparks at random places (feux-artifice.js), each spark flying out from its burst's centre along --a,
   as far as --r, then a pause before the burst starts again. Contract: docs/cartes-effets.md. */

#wrapper .rd-gc-effect.is-feux-artifice i {
	left: var(--x);
	top: var(--y);
	width: 5px;
	height: 5px;
	margin: -2.5px 0 0 -2.5px;
	border-radius: 50%;
	background: hsl(var(--h), 95%, 68%);
	box-shadow: 0 0 6px hsl(var(--h), 95%, 70%);
	opacity: 0;
	animation: feux-artifice-burst var(--t) cubic-bezier(.15, .7, .3, 1) var(--d) infinite;
}

@keyframes feux-artifice-burst {
	0% {
		opacity: 0;
		transform: rotate(var(--a)) translateX(0) scale(1);
	}

	4%,
	50% {
		opacity: 1;
	}

	75%,
	100% {
		opacity: 0;
		transform: rotate(var(--a)) translateX(var(--r)) scale(.2);
	}
}