/* Chronomètre en ligne */
.o-chronometre { background: var(--surface); }
.o-chronometre-affichage {
  font: 800 clamp(3.2rem, 15vw, 8.5rem)/1 var(--police); font-variant-numeric: tabular-nums; letter-spacing: -.03em;
  color: var(--texte); white-space: nowrap; padding: 6px 0 2px;
}
.o-chronometre-centiemes { font-size: .55em; color: var(--texte-2); letter-spacing: -.01em; }
.o-chronometre.en-marche .o-chronometre-centiemes { color: var(--marque); }
.o-chronometre-commandes { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; margin-top: 6px; width: 100%; }
.o-chronometre-commandes .tirage-bouton { min-width: 150px; }
.o-chronometre .tirage-message { min-height: 1.4em; display: block; }
.o-chronometre .tirage-message:empty { display: block; }
.o-chronometre-tours { border-top: 1px solid var(--bord); padding-top: 14px; }
.o-chronometre-tours table { width: 100%; max-width: 560px; margin: 0 auto; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.o-chronometre-tours caption { caption-side: top; text-align: left; font-size: .9rem; font-weight: 600; color: var(--texte-2); padding-bottom: 6px; }
.o-chronometre-tours th, .o-chronometre-tours td { padding: 7px 10px; text-align: right; border-bottom: 1px solid var(--bord); }
.o-chronometre-tours th { font-size: .85rem; font-weight: 600; color: var(--texte-2); }
.o-chronometre-tours th:first-child, .o-chronometre-tours td:first-child { text-align: left; width: 3.5em; color: var(--texte-2); }
.o-chronometre-tours td { font-family: var(--mono); font-size: 1rem; color: var(--texte); }
.o-chronometre-tours tr.rapide td { background: var(--ok-fond); color: var(--ok-texte); }
.o-chronometre-tours tr.lent td { background: var(--erreur-fond); color: var(--erreur-texte); }
.o-chronometre-marque { font: 600 .72rem var(--police); margin-left: 4px; white-space: nowrap; }
.o-chronometre:fullscreen { display: flex; flex-direction: column; padding: 3vw; overflow: auto; }
.o-chronometre:fullscreen .tirage-scene { flex: 1 0 auto; justify-content: center; }
.o-chronometre:fullscreen .o-chronometre-affichage { font-size: min(19vw, 46vh); }
@media (max-width: 480px) {
  .o-chronometre-commandes .tirage-bouton { min-width: 0; flex: 1 1 130px; padding-inline: 16px; }
  .o-chronometre-tours th, .o-chronometre-tours td { padding: 7px 6px; }
  .o-chronometre-tours td { font-size: .92rem; }
  .o-chronometre-marque { display: block; margin-left: 0; }
}