.pack-card.rarity-common {
  border: 2px solid #9ca3af;
}

.pack-card.rarity-rare {
  border: 2px solid #3b82f6;
  box-shadow: 0 0 12px rgba(59,130,246,0.7);
}

.pack-card.rarity-epic {
  border: 2px solid #8b5cf6;
  box-shadow: 0 0 18px rgba(139,92,246,0.8);
  animation: pulse 1.2s infinite alternate;
}

.pack-card.rarity-legendary {
  border: 2px solid gold;
  box-shadow: 0 0 24px rgba(255,215,0,0.9);
  animation: pulse 0.9s infinite alternate;
}

@keyframes pulse {
  from { transform: scale(1); }
  to { transform: scale(1.05); }
}