/* Keep the broadcast gradients intact underneath temporary event effects. */
.scorebug-score.scorebug-score-effect,
.nfl-scorebug-score.scorebug-score-effect {
 animation: scorebug-score-pop 1.8s ease-out both;
 animation-delay: var(--effect-delay, 0ms);
 transform-origin: center;
}
.scorebug-team.scorebug-penalty-effect,
.nfl-scorebug-team.scorebug-penalty-effect {
 animation: scorebug-flag-glow 3s ease-out both;
 animation-delay: var(--effect-delay, 0ms);
}
@keyframes scorebug-score-pop {
 0% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
 15% { transform: scale(1.15); filter: drop-shadow(0 0 8px #ffe68a); }
 50% { transform: scale(1.04); filter: drop-shadow(0 0 4px #ffe68a); }
 100% { transform: scale(1); filter: drop-shadow(0 0 0 transparent); }
}
@keyframes scorebug-flag-glow {
 0%, 20% { box-shadow: inset 0 0 0 3px #ffcf00, inset 0 0 75px 20px #ffd400a6; }
 55% { box-shadow: inset 0 0 0 2px #ffcf00, inset 0 0 55px 10px #ffd40070; }
 100% { box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 0 transparent; }
}
@media (prefers-reduced-motion: reduce) {
 .scorebug-score.scorebug-score-effect,
 .nfl-scorebug-score.scorebug-score-effect { animation-name: scorebug-score-highlight; }
}
@keyframes scorebug-score-highlight {
 0%, 50% { filter: drop-shadow(0 0 6px #ffe68a); }
 100% { filter: none; }
}