/* Independent of the background lamp's timing and random sequence. */
.moscow-clock {
  isolation: isolate;
  text-shadow: none;
  animation: clock-soft-flicker 19.7s ease-in-out -3.1s infinite;
}

.moscow-clock::before {
  content: "";
  position: absolute;
  inset: -38px -60px;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse at center,
    rgba(222, 237, 255, 0.15) 0%,
    rgba(222, 237, 255, 0.06) 40%,
    rgba(222, 237, 255, 0) 72%);
}

@keyframes clock-soft-flicker {
  0%, 13%, 15.5%, 36%, 39%, 61%, 63%, 66%, 68.5%, 87%, 90%, 100% { opacity: 1; }
  13.5% { opacity: 0.8; }
  37% { opacity: 0.9; }
  61.5% { opacity: 0.76; }
  66.7% { opacity: 0.88; }
  88% { opacity: 0.84; }
}

@media (prefers-reduced-motion: reduce) {
  .moscow-clock { animation: none; }
}