ReplayReactionOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;

	.placement-catcher {
		position: absolute;
		pointer-events: all;
		cursor: none;
	}

	.reaction {
		position: absolute;
		align-items: center;
		pointer-events: none;
	}
	.avatar, .effect {
		flex-shrink: 0;
		// Invisible hit targets; both images render together in ReplayReactionSprites.
		pointer-events: all;
	}
	.passive { .avatar, .effect { pointer-events: none; } }
}