/*
 * reveal.v2.css — chrono de la démo (accueil v4). Complète reveal.v1.css, chargée après elle.
 * Le temps descend à côté des points ; dans les 10 dernières secondes, il passe en rouge, affiche les dixièmes et bat.
 */
.scorebar.timed { display: flex; align-items: flex-end; gap: 28px; }
.scorebar.timed .sb-cell { display: flex; flex-direction: column; gap: 2px; }
.scorebar.timed .score-ctl { margin-left: auto; align-self: center; }
.time { font: 400 30px/1 var(--f-num); font-variant-numeric: tabular-nums; color: var(--c-ivory); min-width: 3.2ch; }
.time.hurry { color: var(--c-ko); }
.time.hurry.beat { animation: time-beat .5s ease-out; }
.time.over { color: var(--c-steel); }
@keyframes time-beat { from { transform: scale(1.12); } to { transform: none; } }
@media (max-width: 380px) { .scorebar.timed { gap: 18px; } .score, .time { font-size: 26px; } }
@media (prefers-reduced-motion: reduce) { .time.hurry.beat { animation: none; } }