.rarity-header {

    font-family: inherit;
    font-size: 1.25em;
    font-weight: 600;
    color: var(--cards-text-primary);
    text-transform: capitalize;
    letter-spacing: 0.5px;
    border-bottom: 2px solid var(--cards-border-primary);
    padding-bottom: 8px;
    margin-top: 2rem;
    margin-bottom: 1rem;
    background: transparent;
    border-radius: 0;
}

.rarity-header-checklist {

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 10px 5px;
    border-radius: 1px;
    color: var(--cards-text-primary);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    border-bottom: 3px solid var(--cards-divider);
    margin-top: 1rem;
    margin-bottom: -.4rem;

}

.rarity-common {
    border-left: 4px solid #6c757d;
    padding-left: 12px;
}

.rarity-uncommon {
    border-left: 4px solid #198754;
    padding-left: 12px;
}

.rarity-rare {
    border-left: 4px solid #0d6efd;
    padding-left: 12px;
}

.rarity-legendary {
    border-left: 4px solid #ffaf4d;
    padding-left: 12px;
}

.rarity-mythic {
    border-left: 4px solid #6f42c1;
    padding-left: 12px;
}

.rarity-special-edition {
    border-left: 4px solid #00c3ff;
    padding-left: 12px;
}

hr {
    border: 0;
    height: 1px;
    background-color: var(--cards-divider);
    margin: 2rem 0;
}


.series-img.card-com, .thumbnail.card-com, .grayed-out.card-com, .card-com {
    border: 2px solid #6c757d !important;
    box-shadow: 1px -1px 5px 0px #6c757d !important;
}

.series-img.card-ucm, .thumbnail.card-ucm, .grayed-out.card-ucm, .card-ucm {
    border: 2px solid #198754 !important;
    box-shadow: 0 0 8px rgba(25, 135, 84, 0.5) !important;
}

.series-img.card-rar, .thumbnail.card-rar, .grayed-out.card-rar, .card-rar {
    border: 2px solid #0d6efd !important;
    box-shadow: 0 0 10px rgba(13, 110, 253, 0.6) !important;
}

.series-img.card-leg, .thumbnail.card-leg, .grayed-out.card-leg, .card-leg {
    border: 2px solid #ffaf4d !important;
    box-shadow: 0 0 12px rgba(255, 175, 77, 0.7) !important;
    animation: legendary-glow 3s ease-in-out infinite alternate;
}

.series-img.card-myt, .thumbnail.card-myt, .grayed-out.card-myt, .card-myt {
    border: 2px solid #6f42c1 !important;
    box-shadow: 0 0 15px rgba(111, 66, 193, 0.8) !important;
    animation: mythic-pulse 2s ease-in-out infinite;
}

.series-img.card-spe, .thumbnail.card-spe, .grayed-out.card-spe, .card-spe {
    border: 3px solid !important;
    border-image: linear-gradient(45deg, #00c3ff, #1cff4d, #ffff1c, #ff3434) 1 !important;
    box-shadow: 0 0 20px rgba(0, 195, 255, 0.9) !important;
    animation: special-rainbow 4s linear infinite;
}


.series-img:hover, .thumbnail:hover, .card-com:hover, .card-ucm:hover, .card-rar:hover, .card-leg:hover, .card-myt:hover, .card-spe:hover {
    transform: translateY(-5px) scale(1.02);
    transition: all 0.3s ease;
}

.series-img.card-leg:hover, .thumbnail.card-leg:hover, .card-leg:hover {
    transform: translateY(-8px) scale(1.05) !important;
    box-shadow: 0 8px 25px rgba(255, 175, 77, 0.9) !important;
    transition: all 0.3s ease;
}

.series-img.card-myt:hover, .thumbnail.card-myt:hover, .card-myt:hover {
    transform: translateY(-10px) scale(1.05) !important;
    box-shadow: 0 10px 30px rgba(111, 66, 193, 1.0) !important;
    transition: all 0.3s ease;
}

.series-img.card-spe:hover, .thumbnail.card-spe:hover, .card-spe:hover {
    transform: translateY(-12px) scale(1.08) !important;
    box-shadow: 0 15px 40px rgba(0, 195, 255, 1.0) !important;
    transition: all 0.3s ease;
}


@keyframes holographic-shimmer {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes legendary-glow {
    0% {
        box-shadow: 0 0 12px rgba(255, 175, 77, 0.5);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 175, 77, 0.8);
    }
}

@keyframes mythic-pulse {
    0% {
        box-shadow: 0 0 15px rgba(111, 66, 193, 0.6);
    }
    50% {
        box-shadow: 0 0 25px rgba(111, 66, 193, 0.9);
    }
    100% {
        box-shadow: 0 0 15px rgba(111, 66, 193, 0.6);
    }
}

@keyframes special-rainbow {
    0% {
        filter: hue-rotate(0deg);
    }
    100% {
        filter: hue-rotate(360deg);
    }
}