@layer app {
/* ============================================================
   Fill bonus animations
   ============================================================ */
@keyframes bonus-pop {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.9); }
  70%  { transform: scale(0.85); }
  100% { transform: scale(1); }
}

.cell-value.bonus-pop {
  animation: bonus-pop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  font-weight: 900;
  color: var(--orange);
}

.train-row-score-badge.score-rolling {
  font-weight: 900;
  color: var(--orange);
}

}