/* Modal fix: Tailwind hidden = display:none !important */
.modal-visible {
    display: flex !important;
}

/* Tier Colors */
.tier-ht1 { background: linear-gradient(135deg, #9333ea 0%, #7c3aed 100%); color: white; }
.tier-lt1 { background: linear-gradient(135deg, #7c3aed 0%, #6366f1 100%); color: white; }
.tier-ht2 { background: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%); color: white; }
.tier-lt2 { background: linear-gradient(135deg, #06b6d4 0%, #14b8a6 100%); color: white; }
.tier-ht3 { background: linear-gradient(135deg, #10b981 0%, #84cc16 100%); color: white; }
.tier-lt3 { background: linear-gradient(135deg, #84cc16 0%, #eab308 100%); color: black; }
.tier-ht4 { background: linear-gradient(135deg, #f59e0b 0%, #f97316 100%); color: white; }
.tier-lt4 { background: linear-gradient(135deg, #f97316 0%, #ea580c 100%); color: white; }
.tier-ht5 { background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%); color: white; }
.tier-lt5 { background: linear-gradient(135deg, #b91c1c 0%, #7f1d1d 100%); color: white; }

/* Like Heart */
.fill-red-500 { fill: #ef4444 !important; color: #ef4444 !important; }

/* Archnemesis — top 3 by elo per category.
   display:flex required so the card row layout doesn't collapse. */
.archnemesis-card {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: linear-gradient(135deg, #1f2937 0%, #451a03 100%) !important;
    padding: 1.25rem 1rem;
    border: 2px solid #fbbf24 !important;
    border-radius: 1rem;
    box-shadow: 0 0 20px rgba(250, 204, 21, 0.3);
    animation: archnemesis-glow 2.5s infinite alternate;
    z-index: 10;
}

@keyframes archnemesis-glow {
    0%   { border-color: #fbbf24; box-shadow: 0 0 10px rgba(250, 204, 21, 0.3); }
    100% { border-color: #f59e0b; box-shadow: 0 0 30px rgba(245, 158, 11, 0.6); }
}

.tier-badge {
    padding: 0.35rem 0.85rem;
    border-radius: 0.5rem;
    font-weight: 800;
    font-size: 0.8rem;
    text-transform: uppercase;
}