/* Birthday Special Styles */

/* Add extra sparkle to the portrait glow on birthday */
.birthday .portrait-container .absolute {
  background: linear-gradient(135deg,
    rgba(102, 126, 234, 0.3) 0%,
    rgba(118, 75, 162, 0.3) 50%,
    rgba(240, 147, 251, 0.3) 100%) !important;
  animation: birthday-pulse 2s ease-in-out infinite;
}

@keyframes birthday-pulse {
  0%, 100% {
    transform: scale(1.05);
    opacity: 0.5;
  }
  50% {
    transform: scale(1.15);
    opacity: 0.7;
  }
}

/* Make portrait container cursor pointer to indicate interactivity */
.birthday .portrait-container {
  cursor: pointer;
}