/* Legendary Card Effect for Prof. Hsiung - Static Border + Sheen */

.legendary-card {
  position: relative;
  /* Clean, high-quality static border */
  border: 2px solid transparent;
  border-radius: 1.5rem; /* Match rounded-3xl */
  background: linear-gradient(to bottom right, #ffffff, #f8fafc) padding-box,
    /* White content bg */ linear-gradient(to bottom right, #0ea5e9, #6366f1)
      border-box; /* Gradient border */

  /* Enhanced static shadow */
  box-shadow: 0 10px 40px -10px rgba(14, 165, 233, 0.25);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  z-index: 10;
  overflow: hidden; /* Ensure sheen stays inside */
}

/* Dark mode adjustment */
.dark .legendary-card {
  background: linear-gradient(to bottom right, #1e293b, #0f172a) padding-box,
    linear-gradient(to bottom right, #38bdf8, #818cf8) border-box;
  box-shadow: 0 10px 40px -10px rgba(56, 189, 248, 0.15);
}

/* Hover elevation */
.legendary-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 50px -10px rgba(14, 165, 233, 0.4);
}

/* Restored Sheen Animation */
.legendary-card .sheen {
  display: block; /* Ensure it is visible */
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  /* Subtle white shine */
  background: linear-gradient(
    to right,
    transparent,
    rgba(255, 255, 255, 0.25),
    transparent
  );
  transform: skewX(-25deg);
  animation: sheen-anim 6s infinite;
  pointer-events: none;
  z-index: 11;
}

/* Dark mode sheen adjustment - slightly brighter/blueish if needed, but white usually works */
.dark .legendary-card .sheen {
  background: linear-gradient(
    to right,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );
}

@keyframes sheen-anim {
  0%,
  70% {
    left: -100%;
  } /* Pause between shines */
  100% {
    left: 200%;
  }
}