/* Feedback d'urgence uniquement sur les chiffres; les moteurs gardent la maîtrise des durées. */
.timer-row strong .timer-number.critical-shake,
#timesup .tu-remote-timer .timer-number.critical-shake,
.classic36-play-head strong .timer-number.critical-shake,
#covered26 .amc26-clock.is-shaking b {
  animation: urgency30-shake .38s linear infinite;
}
#timesup .tu-remote-timer .timer-number.urgent,
#classic36-clock .timer-number.urgent,
#covered26 .amc26-clock.is-urgent b { color: #b42318; }
@keyframes urgency30-shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-2px); }
  75% { transform: translateX(2px); }
}
@media (prefers-reduced-motion: reduce) {
  .timer-row strong .timer-number.urgent,
  .timer-row strong .timer-number.critical-shake,
  #timesup .tu-remote-timer .timer-number.critical-shake,
  .classic36-play-head strong .timer-number.critical-shake,
  #covered26 .amc26-clock.is-shaking b { animation: none !important; }
}

/* Le rouge ne modifie pas la surface jaune du cercle ni celle du chrono. */
html .app :is(.timer-row strong .timer-number.urgent,
  #timesup .tu-remote-timer .timer-number.urgent,
  #classic36-clock .timer-number.urgent,
  #covered26 .amc26-clock.is-urgent b) {
  color: #b42318;
}
html[data-motion="reduce"] :is(.timer-row strong .timer-number.urgent,
  .timer-row strong .timer-number.critical-shake,
  #timesup .tu-remote-timer .timer-number.critical-shake,
  .classic36-play-head strong .timer-number.critical-shake,
  #covered26 .amc26-clock.is-shaking b) {
  animation: none !important;
}