/* Modern aesthetic overrides and animations */

body::before {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 92% 8%, rgba(237, 29, 36, 0.18), transparent 24%),
    radial-gradient(circle at 10% 82%, rgba(245, 197, 24, 0.12), transparent 26%),
    radial-gradient(circle at 4% 64%, rgba(237, 29, 36, 0.08), transparent 28%);
}

/* Glowing pin animation for progress bar */
#progress-bar-glow-pin {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14px;
  background: #ffffff;
  border-radius: 999px;
  box-shadow: 0 0 15px 4px #ffffff;
  opacity: 0.85;
}

.pulse-glow {
  animation: pulse-glow-anim 2s infinite alternate;
}

@keyframes pulse-glow-anim {
  0% { box-shadow: 0 0 15px rgba(237, 29, 36, 0.4); }
  100% { box-shadow: 0 0 35px rgba(237, 29, 36, 0.9); }
}

/* Card hover enhancements */
.title-card {
  background: linear-gradient(145deg, rgba(25, 25, 32, 0.7), rgba(14, 14, 18, 0.9));
}

.title-card:hover .poster-overlay {
  background: rgba(0, 0, 0, 0.65);
}

/* Modal animation */
dialog[open] {
  animation: modal-fade-in 0.25s ease-out;
}

@keyframes modal-fade-in {
  from {
    opacity: 0;
    transform: scale(0.96) translateY(10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}