@keyframes dark-matter-flow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes dark-matter-glow {
    0%, 100% { box-shadow: 0 0 15px rgba(127, 0, 255, 0.4), inset 0 0 10px rgba(0, 212, 255, 0.2); }
    50% { box-shadow: 0 0 25px rgba(127, 0, 255, 0.7), inset 0 0 15px rgba(0, 212, 255, 0.4); }
}

.store-card.rarity-dark-matter {
    position: relative;
    border: none !important;
    background: #050505;
    z-index: 1;
    overflow: hidden;
    animation: dark-matter-glow 4s infinite ease-in-out;
}

.store-card.rarity-dark-matter::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(
        135deg, 
        #000000, 
        #1a0033, 
        #7F00FF, 
        #00d4ff, 
        #7F00FF, 
        #1a0033, 
        #000000
    );
    background-size: 400% 400%;
    z-index: -1;
    animation: dark-matter-flow 6s infinite linear;
    border-radius: inherit;
}

.store-card.rarity-dark-matter::after {
    content: "";
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: radial-gradient(circle at center, transparent 30%, rgba(127, 0, 255, 0.05) 100%);
    pointer-events: none;
    z-index: 2;
}