/* ================================================================
   ANIMATIONS  —  transiciones de cartas del mazo
   ================================================================ */

.deck-card {
  width: 300px;
  height: 527px;
  position: absolute;
  cursor: pointer;
  background: url('../assets/imgs/cards_dither/card-back.png') no-repeat center / contain;
  border: 1px solid var(--accent);
  box-shadow: 0 2px 8px rgba(0,0,0,0.6);

  /* Transición base para las animaciones del mazo */
  transition:
    transform 1.4s cubic-bezier(0.22, 1, 0.36, 1),
    opacity   0.35s ease;
}

/* Carta revelada en spread — clip-path para no interferir con .reversed */
@keyframes revealCard {
  from { clip-path: inset(0 50%); }
  to   { clip-path: inset(0 0%); }
}

/* Oculta la imagen hasta que cargue */
.spread-card-img {
  opacity: 0;
}
/* Cuando la imagen carga → revela con wipe */
.spread-card-img.img-loaded {
  opacity: 1;
  animation: revealCard 0.8s cubic-bezier(0.33, 0, 0.2, 1) forwards;
}

/* Efecto sutil de brillo al aparecer en la tirada */
@keyframes revealGlow {
  0%   { box-shadow: 0 0 0px rgba(207,199,160,0); }
  50%  { box-shadow: 0 0 18px rgba(207,199,160,0.4); }
  100% { box-shadow: 0 0 6px rgba(207,199,160,0.1); }
}

.spread-slot.filled .spread-slot-placeholder {
  animation: revealGlow 1.8s ease forwards;
}