#timeLeftBox {
    position: absolute;
    top: 72px;
    left: 16px;

    font-size: 28px;
    font-weight: 900;
    color: #46B657;

    pointer-events: none;
    line-height: 1;
}

/* Прыгающее число */
@keyframes tickJump {
    0%   { transform: scale(1); }
    30%  { transform: scale(2); }   /* ← огромный прыжок */
    100% { transform: scale(1); }
}


.time-jump {
    animation: tickJump 0.15s ease-out; /* было 0.25s */
}

/* мягкое мигание 5–4 сек */
@keyframes blinkWarning {
    0% { color: #46B657; }
    50% { color: #F4A300; }
    100% { color: #46B657; }
}

.blink-5 {
    animation: blinkWarning 1s infinite;
}

/* красное мигание 3–0 сек */
/* мягкое красное мигание */
@keyframes blinkDanger {
    0%   { color: #D40000; transform: scale(1); }
    50%  { color: #FF7A7A; transform: scale(1.12); }
    100% { color: #D40000; transform: scale(1); }
}

.blink-3 {
    animation: blinkDanger 0.8s ease-in-out infinite;
}