.item-card.matched {
  background-color: #ecfdf5;
  border-color: #10b981 !important;
  opacity: 0.8;
  cursor: default;
}

.item-card.matched .anchor {
  background-color: #10b981;
}

.item-card:not(.matched):active {
  background-color: #f8fafc;
}

.anchor {
  transition: transform 0.2s ease;
}

.item-card:hover .anchor {
  transform: translateY(-50%) scale(1.2);
}

@keyframes success-pop {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.matched {
  animation: success-pop 0.3s ease-out;
}