.score-increased {
  border-radius: 4px;
  animation: score-increase-flash 850ms ease-out;
}
@keyframes score-increase-flash {
  0%, 25% { background-color: #c6f4d6; color: #12683d; box-shadow: 0 0 0 4px #55b88240; }
  100% { background-color: transparent; box-shadow: 0 0 0 0 transparent; }
}
@media (prefers-reduced-motion: reduce) {
  .score-increased { animation: none; background-color: #c6f4d6; color: #12683d; }
}