.dip-center {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: 9999;
    transition: top ease-in-out; /* Controlled by JS */
}

.dip-center.paused {
    animation-play-state: paused; /* For pause, but we'll use JS */
}