/* Compte a rebours evenementiel — discret, non intrusif */
#compte-evenement {
  position: fixed; top: 74px; left: 50%; transform: translateX(-50%);
  z-index: 9989; pointer-events: none;
  padding: 4px 14px; border-radius: 999px;
  font-size: 12px; letter-spacing: 0.1em;
  color: var(--couleur-evenement, #9db8ff);
  background: rgba(10, 12, 30, 0.55);
  border: 1px solid color-mix(in srgb, var(--couleur-evenement, #9db8ff) 35%, transparent);
  backdrop-filter: blur(6px);
  white-space: nowrap;
}
#compte-evenement[data-mode="secondes"] {
  font-variant-numeric: tabular-nums;
  border-color: var(--couleur-evenement, #9db8ff);
  box-shadow: 0 0 12px color-mix(in srgb, var(--couleur-evenement, #9db8ff) 25%, transparent);
}
#compte-evenement[data-mode="arrive"] {
  font-weight: 600;
  background: color-mix(in srgb, var(--couleur-evenement, #9db8ff) 18%, rgba(10,12,30,0.7));
}
@media (max-width: 640px) {
  /* compact, discret: en haut sous le header, jamais sur le contenu */
  #compte-evenement {
    top: 60px; bottom: auto; left: 50%;
    font-size: 11px; padding: 3px 10px; max-width: 86vw;
    overflow: hidden; text-overflow: ellipsis;
  }
}