/*
 * Rare Card Animations
 * Special visual effects for Mythic (T6), Legendary (T5), Ascendant (T7) and Transcendent (T8) game cards
 */

/* Legendary (T5) Card Animations */
.inventory-item[data-tier="5"]:not(.locked-item) .item-icon,
.inventory-card[data-tier="5"]:not(.locked) .item-icon,
.tier-5 .item-icon,
.tier-badge.tier-5 {
    position: relative;
    animation: legendary-glow 2s ease-in-out infinite;
}

@keyframes legendary-glow {
    0%, 100% {
        box-shadow: 0 0 10px rgba(255, 149, 0, 0.5),
                    0 0 20px rgba(255, 149, 0, 0.3),
                    0 0 30px rgba(255, 149, 0, 0.1);
    }
    50% {
        box-shadow: 0 0 20px rgba(255, 149, 0, 0.8),
                    0 0 40px rgba(255, 149, 0, 0.5),
                    0 0 60px rgba(255, 149, 0, 0.3);
    }
}

/* Legendary shimmer effect - DISABLED to keep just glow and pulse */
/* .inventory-item[data-tier="5"]:not(.locked-item)::before,
.inventory-card[data-tier="5"]:not(.locked)::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        45deg,
        transparent 30%,
        rgba(255, 149, 0, 0.1) 50%,
        transparent 70%
    );
    animation: legendary-shimmer 3s linear infinite;
    pointer-events: none;
    z-index: 1;
}

@keyframes legendary-shimmer {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg);
    }
    100% {
        transform: translateX(100%) translateY(100%) rotate(45deg);
    }
} */

/* Mythic (T6) Card Animations */
.inventory-item[data-tier="6"]:not(.locked-item) .item-icon,
.inventory-card[data-tier="6"]:not(.locked) .item-icon,
.tier-6 .item-icon,
.tier-badge.tier-6 {
    position: relative;
    animation: mythic-pulse 1.5s ease-in-out infinite;
}

@keyframes mythic-pulse {
    0%, 100% {
        box-shadow: 0 0 15px rgba(255, 48, 48, 0.6),
                    0 0 30px rgba(255, 48, 48, 0.4),
                    0 0 45px rgba(255, 48, 48, 0.2),
                    inset 0 0 20px rgba(255, 48, 48, 0.1);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 25px rgba(255, 48, 48, 0.9),
                    0 0 50px rgba(255, 48, 48, 0.6),
                    0 0 75px rgba(255, 48, 48, 0.4),
                    inset 0 0 30px rgba(255, 48, 48, 0.2);
        transform: scale(1.05);
    }
}

/* Mythic particle effect */
.inventory-item[data-tier="6"]:not(.locked-item)::after,
.inventory-card[data-tier="6"]:not(.locked)::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255, 48, 48, 0.2) 0%,
        transparent 70%
    );
    animation: mythic-radiate 2s ease-in-out infinite;
    pointer-events: none;
    z-index: 1;
}

@keyframes mythic-radiate {
    0%, 100% {
        opacity: 0.3;
        transform: scale(0.9);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.1);
    }
}

/* Mythic flame effect */
.inventory-item[data-tier="6"]:not(.locked-item)::before,
.inventory-card[data-tier="6"]:not(.locked)::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(
        45deg,
        #ff3030,
        #ff6b35,
        #ff3030,
        #ff1744
    );
    background-size: 400% 400%;
    animation: mythic-flame 3s ease infinite;
    border-radius: inherit;
    z-index: -1;
    opacity: 0.6;
}

@keyframes mythic-flame {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

/* Enhanced hover effects for rare cards */
.inventory-item[data-tier="5"]:not(.locked-item):hover,
.inventory-item[data-tier="6"]:not(.locked-item):hover {
    transform: translateY(-8px) scale(1.05);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Ensure proper stacking context */
.inventory-item[data-tier="5"]:not(.locked-item),
.inventory-item[data-tier="6"]:not(.locked-item),
.inventory-card[data-tier="5"]:not(.locked),
.inventory-card[data-tier="6"]:not(.locked) {
    position: relative;
    overflow: visible;
}

/* ===========================================
   Enhanced Legendary (T5) Card Animations
   =========================================== */

/* Golden border glow */
.inventory-item[data-tier="5"]:not(.locked-item),
.inventory-card[data-tier="5"]:not(.locked) {
    border: 2px solid transparent;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    animation: legendary-border-glow 2s ease-in-out infinite;
}

@keyframes legendary-border-glow {
    0%, 100% {
        border-color: rgba(255, 149, 0, 0.6);
        box-shadow: 0 0 15px rgba(255, 149, 0, 0.4),
                    inset 0 0 15px rgba(255, 149, 0, 0.05);
    }
    50% {
        border-color: rgba(255, 215, 0, 0.9);
        box-shadow: 0 0 30px rgba(255, 215, 0, 0.6),
                    inset 0 0 20px rgba(255, 215, 0, 0.1);
    }
}

/* Legendary star sparkle overlay */
.inventory-item[data-tier="5"]:not(.locked-item) .item-icon::before,
.inventory-card[data-tier="5"]:not(.locked) .item-icon::before {
    content: '⭐';
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 1.2rem;
    animation: legendary-star-spin 3s linear infinite;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.8);
    z-index: 10;
}

@keyframes legendary-star-spin {
    0% {
        transform: rotate(0deg) scale(1);
        opacity: 1;
    }
    50% {
        transform: rotate(180deg) scale(1.2);
        opacity: 0.7;
    }
    100% {
        transform: rotate(360deg) scale(1);
        opacity: 1;
    }
}

/* ===========================================
   Enhanced Mythic (T6) Card Animations
   =========================================== */

/* Mythic rainbow holographic effect */
.inventory-item[data-tier="6"]:not(.locked-item),
.inventory-card[data-tier="6"]:not(.locked) {
    border: 2px solid transparent;
    background: linear-gradient(135deg, #1a1f2e 0%, #0d1117 100%);
    position: relative;
}

.inventory-item[data-tier="6"]:not(.locked-item)::before,
.inventory-card[data-tier="6"]:not(.locked)::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(
        45deg,
        #ff0000,
        #ff7f00,
        #ffff00,
        #00ff00,
        #0000ff,
        #4b0082,
        #9400d3,
        #ff0000
    );
    background-size: 400% 400%;
    animation: mythic-rainbow 4s ease infinite, mythic-pulse-border 2s ease-in-out infinite;
    border-radius: inherit;
    z-index: -1;
    opacity: 0.8;
    filter: blur(2px);
}

@keyframes mythic-rainbow {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

@keyframes mythic-pulse-border {
    0%, 100% {
        opacity: 0.6;
        filter: blur(2px);
    }
    50% {
        opacity: 1;
        filter: blur(4px);
    }
}

/* Mythic floating particles effect */
.inventory-item[data-tier="6"]:not(.locked-item) .item-icon::after,
.inventory-card[data-tier="6"]:not(.locked) .item-icon::after {
    content: '✨';
    position: absolute;
    font-size: 0.8rem;
    animation: mythic-particle-float 2s ease-in-out infinite;
    z-index: 10;
}

@keyframes mythic-particle-float {
    0%, 100% {
        top: 0;
        left: 0;
        opacity: 1;
    }
    25% {
        top: -10px;
        left: 50%;
        opacity: 0.8;
    }
    50% {
        top: 0;
        left: 100%;
        opacity: 1;
    }
    75% {
        top: -10px;
        left: 50%;
        opacity: 0.8;
    }
}

/* Mythic crown icon */
.inventory-item[data-tier="6"]:not(.locked-item) .item-icon::before,
.inventory-card[data-tier="6"]:not(.locked) .item-icon::before {
    content: '👑';
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.4rem;
    animation: mythic-crown-bounce 1.5s ease-in-out infinite;
    text-shadow: 0 0 15px rgba(255, 48, 48, 0.8);
    z-index: 10;
}

@keyframes mythic-crown-bounce {
    0%, 100% {
        transform: translateX(-50%) translateY(0) scale(1);
    }
    50% {
        transform: translateX(-50%) translateY(-5px) scale(1.1);
    }
}

/* ===========================================
   Card tier badge animations
   =========================================== */

.tier-badge.tier-5 {
    background: linear-gradient(135deg, #ff9500 0%, #ffb340 50%, #ffd700 100%);
    animation: legendary-badge-pulse 2s ease-in-out infinite;
    box-shadow: 0 0 15px rgba(255, 149, 0, 0.5);
}

@keyframes legendary-badge-pulse {
    0%, 100% {
        box-shadow: 0 0 10px rgba(255, 149, 0, 0.4);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 0.7);
        transform: scale(1.05);
    }
}

.tier-badge.tier-6 {
    background: linear-gradient(135deg, #ff3b30 0%, #ff6961 50%, #ff1744 100%);
    animation: mythic-badge-pulse 1.5s ease-in-out infinite;
    box-shadow: 0 0 15px rgba(255, 48, 48, 0.5);
}

@keyframes mythic-badge-pulse {
    0%, 100% {
        box-shadow: 0 0 10px rgba(255, 48, 48, 0.4), 0 0 20px rgba(255, 48, 48, 0.2);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 25px rgba(255, 48, 48, 0.8), 0 0 40px rgba(255, 48, 48, 0.4);
        transform: scale(1.1);
    }
}

/* ===========================================
   Raffle and Giveaway card rare animations
   =========================================== */

.raffle-card[data-rarity="legendary"],
.giveaway-card[data-rarity="legendary"] {
    border: 2px solid rgba(255, 149, 0, 0.5);
    animation: card-legendary-glow 2.5s ease-in-out infinite;
}

@keyframes card-legendary-glow {
    0%, 100% {
        box-shadow: 0 5px 20px rgba(255, 149, 0, 0.3);
    }
    50% {
        box-shadow: 0 8px 35px rgba(255, 215, 0, 0.5);
    }
}

.raffle-card[data-rarity="mythic"],
.giveaway-card[data-rarity="mythic"] {
    border: 2px solid rgba(255, 48, 48, 0.5);
    animation: card-mythic-glow 2s ease-in-out infinite;
    position: relative;
}

@keyframes card-mythic-glow {
    0%, 100% {
        box-shadow: 0 5px 25px rgba(255, 48, 48, 0.4);
    }
    50% {
        box-shadow: 0 10px 45px rgba(255, 48, 48, 0.7);
    }
}


/* ===========================================
   Tier 7 - Ascendant Card Animations (ENHANCED)
   =========================================== */

/* Ascendant (T7) Icon Animations - Enhanced glow */
.inventory-item[data-tier="7"]:not(.locked-item) .item-icon,
.inventory-card[data-tier="7"]:not(.locked) .item-icon,
.tier-7 .item-icon,
.tier-badge.tier-7 {
    position: relative;
    animation: ascendant-glow-enhanced 1.2s ease-in-out infinite;
}

@keyframes ascendant-glow-enhanced {
    0%, 100% {
        box-shadow: 0 0 20px rgba(0, 212, 255, 0.7),
                    0 0 40px rgba(0, 255, 204, 0.5),
                    0 0 60px rgba(0, 212, 255, 0.3),
                    0 0 80px rgba(0, 255, 136, 0.2);
        filter: brightness(1);
    }
    50% {
        box-shadow: 0 0 35px rgba(0, 212, 255, 1),
                    0 0 70px rgba(0, 255, 204, 0.8),
                    0 0 100px rgba(0, 212, 255, 0.5),
                    0 0 120px rgba(0, 255, 136, 0.3);
        filter: brightness(1.2);
    }
}

/* Ascendant border glow - Enhanced with energy pulse */
.inventory-item[data-tier="7"]:not(.locked-item),
.inventory-card[data-tier="7"]:not(.locked) {
    border: 2px solid transparent;
    position: relative;
    overflow: visible;
    animation: ascendant-border-pulse 1.8s ease-in-out infinite;
}

@keyframes ascendant-border-pulse {
    0%, 100% {
        border-color: rgba(0, 212, 255, 0.7);
        box-shadow: 0 0 25px rgba(0, 212, 255, 0.5),
                    0 0 50px rgba(0, 255, 204, 0.3),
                    inset 0 0 20px rgba(0, 255, 204, 0.08);
    }
    50% {
        border-color: rgba(0, 255, 204, 1);
        box-shadow: 0 0 50px rgba(0, 255, 204, 0.8),
                    0 0 100px rgba(0, 212, 255, 0.5),
                    inset 0 0 35px rgba(0, 212, 255, 0.15);
    }
}

/* Ascendant holographic effect - Enhanced with aurora */
.inventory-item[data-tier="7"]:not(.locked-item)::before,
.inventory-card[data-tier="7"]:not(.locked)::before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    background: linear-gradient(
        45deg,
        #00d4ff,
        #00ffcc,
        #00ff88,
        #00ffd0,
        #00d4ff,
        #0088ff,
        #00ccff,
        #00d4ff
    );
    background-size: 600% 600%;
    animation: ascendant-aurora 3s ease infinite;
    border-radius: inherit;
    z-index: -1;
    opacity: 0.75;
    filter: blur(4px);
}

@keyframes ascendant-aurora {
    0%, 100% {
        background-position: 0% 50%;
        opacity: 0.65;
    }
    25% {
        background-position: 50% 100%;
        opacity: 0.85;
    }
    50% {
        background-position: 100% 50%;
        opacity: 0.75;
    }
    75% {
        background-position: 50% 0%;
        opacity: 0.9;
    }
}

/* Ascendant energy ring effect */
.inventory-item[data-tier="7"]:not(.locked-item)::after,
.inventory-card[data-tier="7"]:not(.locked)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150%;
    height: 150%;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(0, 255, 204, 0.4);
    border-radius: 50%;
    animation: ascendant-energy-ring 2.5s ease-out infinite;
    pointer-events: none;
    z-index: -2;
}

@keyframes ascendant-energy-ring {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0.8;
        border-width: 3px;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
        border-width: 1px;
    }
}

/* Ascendant crystal icon - Enhanced with rotation */
.inventory-item[data-tier="7"]:not(.locked-item) .item-icon::before,
.inventory-card[data-tier="7"]:not(.locked) .item-icon::before {
    content: '💎';
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.4rem;
    animation: ascendant-crystal-float-enhanced 1.8s ease-in-out infinite;
    text-shadow: 0 0 20px rgba(0, 212, 255, 1), 0 0 40px rgba(0, 255, 204, 0.6);
    z-index: 10;
    filter: drop-shadow(0 0 8px rgba(0, 255, 204, 0.8));
}

@keyframes ascendant-crystal-float-enhanced {
    0%, 100% {
        transform: translateX(-50%) translateY(0) scale(1) rotate(0deg);
    }
    25% {
        transform: translateX(-50%) translateY(-6px) scale(1.1) rotate(-5deg);
    }
    50% {
        transform: translateX(-50%) translateY(-10px) scale(1.2) rotate(0deg);
    }
    75% {
        transform: translateX(-50%) translateY(-6px) scale(1.1) rotate(5deg);
    }
}

/* Ascendant sparkle effect - Enhanced orbit with multiple particles */
.inventory-item[data-tier="7"]:not(.locked-item) .item-icon::after,
.inventory-card[data-tier="7"]:not(.locked) .item-icon::after {
    content: '✦✧✦';
    position: absolute;
    font-size: 0.8rem;
    color: #00ffcc;
    letter-spacing: 4px;
    animation: ascendant-sparkle-orbit-enhanced 2.5s linear infinite;
    z-index: 10;
    text-shadow: 0 0 10px rgba(0, 255, 204, 1);
}

@keyframes ascendant-sparkle-orbit-enhanced {
    0% {
        top: -8px;
        left: -5px;
        opacity: 1;
        transform: scale(1);
    }
    25% {
        top: 40%;
        left: 110%;
        opacity: 0.8;
        transform: scale(0.8);
    }
    50% {
        top: 110%;
        left: 50%;
        opacity: 1;
        transform: scale(1.1);
    }
    75% {
        top: 40%;
        left: -20%;
        opacity: 0.8;
        transform: scale(0.9);
    }
    100% {
        top: -8px;
        left: -5px;
        opacity: 1;
        transform: scale(1);
    }
}

.tier-badge.tier-7 {
    background: linear-gradient(135deg, #00d4ff 0%, #00ffcc 50%, #00ff88 100%);
    animation: ascendant-badge-pulse 1.5s ease-in-out infinite;
    box-shadow: 0 0 15px rgba(0, 212, 255, 0.6);
}

@keyframes ascendant-badge-pulse {
    0%, 100% {
        box-shadow: 0 0 12px rgba(0, 212, 255, 0.5);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 25px rgba(0, 255, 204, 0.8);
        transform: scale(1.08);
    }
}

/* Raffle/Giveaway card Ascendant glow */
.raffle-card[data-rarity="ascendant"],
.giveaway-card[data-rarity="ascendant"] {
    border: 2px solid rgba(0, 212, 255, 0.5);
    animation: card-ascendant-glow 2s ease-in-out infinite;
    position: relative;
}

@keyframes card-ascendant-glow {
    0%, 100% {
        box-shadow: 0 5px 25px rgba(0, 212, 255, 0.4);
    }
    50% {
        box-shadow: 0 10px 50px rgba(0, 255, 204, 0.7);
    }
}

/* Enhanced hover effects for Ascendant cards */
.inventory-item[data-tier="7"]:not(.locked-item):hover {
    transform: translateY(-10px) scale(1.08);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}


/* ===========================================
   Tier 8 - Transcendent Card Animations (ULTIMATE ENHANCED)
   =========================================== */

/* Transcendent (T8) Icon Animations - Maximum intensity */
.inventory-item[data-tier="8"]:not(.locked-item) .item-icon,
.inventory-card[data-tier="8"]:not(.locked) .item-icon,
.tier-8 .item-icon,
.tier-badge.tier-8 {
    position: relative;
    animation: transcendent-glow-ultimate 0.8s ease-in-out infinite;
}

@keyframes transcendent-glow-ultimate {
    0%, 100% {
        box-shadow: 0 0 25px rgba(255, 0, 255, 0.8),
                    0 0 50px rgba(128, 0, 255, 0.6),
                    0 0 75px rgba(255, 0, 128, 0.4),
                    0 0 100px rgba(0, 255, 255, 0.2);
        filter: hue-rotate(0deg) brightness(1.1);
    }
    50% {
        box-shadow: 0 0 45px rgba(255, 0, 255, 1),
                    0 0 90px rgba(128, 0, 255, 0.9),
                    0 0 130px rgba(255, 0, 128, 0.6),
                    0 0 160px rgba(0, 255, 255, 0.4);
        filter: hue-rotate(45deg) brightness(1.3);
    }
}

/* Transcendent ultimate border glow - Prismatic */
.inventory-item[data-tier="8"]:not(.locked-item),
.inventory-card[data-tier="8"]:not(.locked) {
    border: 3px solid transparent;
    position: relative;
    overflow: visible;
    animation: transcendent-border-prismatic 1.2s ease-in-out infinite;
}

@keyframes transcendent-border-prismatic {
    0%, 100% {
        border-color: rgba(255, 0, 255, 0.8);
        box-shadow: 0 0 40px rgba(255, 0, 255, 0.6),
                    0 0 80px rgba(128, 0, 255, 0.4),
                    0 0 120px rgba(0, 255, 255, 0.2),
                    inset 0 0 25px rgba(255, 0, 128, 0.12);
    }
    33% {
        border-color: rgba(0, 255, 255, 0.8);
        box-shadow: 0 0 40px rgba(0, 255, 255, 0.6),
                    0 0 80px rgba(0, 255, 128, 0.4),
                    0 0 120px rgba(255, 0, 255, 0.2),
                    inset 0 0 25px rgba(0, 255, 204, 0.12);
    }
    66% {
        border-color: rgba(255, 255, 0, 0.8);
        box-shadow: 0 0 40px rgba(255, 255, 0, 0.6),
                    0 0 80px rgba(255, 128, 0, 0.4),
                    0 0 120px rgba(255, 0, 255, 0.2),
                    inset 0 0 25px rgba(255, 200, 0, 0.12);
    }
}

/* Transcendent rainbow holographic effect - Full spectrum */
.inventory-item[data-tier="8"]:not(.locked-item)::before,
.inventory-card[data-tier="8"]:not(.locked)::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(
        60deg,
        #ff00ff,
        #ff0088,
        #ff0000,
        #ff8800,
        #ffff00,
        #88ff00,
        #00ff00,
        #00ff88,
        #00ffff,
        #0088ff,
        #0000ff,
        #8800ff,
        #ff00ff
    );
    background-size: 1200% 1200%;
    animation: transcendent-rainbow-fast 2s linear infinite;
    border-radius: inherit;
    z-index: -1;
    opacity: 0.85;
    filter: blur(5px);
}

@keyframes transcendent-rainbow-fast {
    0% {
        background-position: 0% 50%;
        filter: blur(4px) brightness(1);
    }
    50% {
        background-position: 100% 50%;
        filter: blur(6px) brightness(1.2);
    }
    100% {
        background-position: 0% 50%;
        filter: blur(4px) brightness(1);
    }
}

/* Transcendent double energy rings */
.inventory-item[data-tier="8"]:not(.locked-item)::after,
.inventory-card[data-tier="8"]:not(.locked)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    transform: translate(-50%, -50%);
    border: 2px solid rgba(255, 0, 255, 0.5);
    border-radius: 50%;
    animation: transcendent-ring-expand 1.8s ease-out infinite;
    pointer-events: none;
    z-index: -2;
}

@keyframes transcendent-ring-expand {
    0% {
        width: 80%;
        height: 80%;
        opacity: 1;
        border-width: 4px;
        border-color: rgba(255, 0, 255, 0.8);
    }
    50% {
        border-color: rgba(0, 255, 255, 0.6);
    }
    100% {
        width: 250%;
        height: 250%;
        opacity: 0;
        border-width: 1px;
        border-color: rgba(255, 255, 0, 0);
    }
}

/* Transcendent infinity crown icon - Ultimate with rainbow */
.inventory-item[data-tier="8"]:not(.locked-item) .item-icon::before,
.inventory-card[data-tier="8"]:not(.locked) .item-icon::before {
    content: '∞';
    position: absolute;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1.8rem;
    font-weight: bold;
    background: linear-gradient(90deg, #ff00ff, #00ffff, #ffff00, #ff00ff);
    background-size: 300% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: transcendent-infinity-rainbow 1s linear infinite, transcendent-infinity-pulse 0.8s ease-in-out infinite;
    filter: drop-shadow(0 0 15px rgba(255, 0, 255, 1)) drop-shadow(0 0 30px rgba(0, 255, 255, 0.8));
    z-index: 10;
}

@keyframes transcendent-infinity-rainbow {
    0% {
        background-position: 0% center;
    }
    100% {
        background-position: 300% center;
    }
}

@keyframes transcendent-infinity-pulse {
    0%, 100% {
        transform: translateX(-50%) translateY(0) scale(1);
        filter: drop-shadow(0 0 15px rgba(255, 0, 255, 1));
    }
    50% {
        transform: translateX(-50%) translateY(-12px) scale(1.3);
        filter: drop-shadow(0 0 25px rgba(0, 255, 255, 1));
    }
}

/* Transcendent multiple burst particles */
.inventory-item[data-tier="8"]:not(.locked-item) .item-icon::after,
.inventory-card[data-tier="8"]:not(.locked) .item-icon::after {
    content: '✨⚡✨';
    position: absolute;
    font-size: 1rem;
    letter-spacing: 3px;
    animation: transcendent-particle-explosion 1.5s ease-in-out infinite;
    z-index: 10;
    filter: hue-rotate(0deg) drop-shadow(0 0 8px rgba(255, 255, 0, 1));
}

@keyframes transcendent-particle-explosion {
    0%, 100% {
        top: 5px;
        left: -5px;
        opacity: 1;
        transform: scale(1) rotate(0deg);
        filter: hue-rotate(0deg);
    }
    25% {
        top: -25px;
        left: 90%;
        opacity: 0.9;
        transform: scale(1.4) rotate(90deg);
        filter: hue-rotate(90deg);
    }
    50% {
        top: 15px;
        left: 110%;
        opacity: 1;
        transform: scale(1.1) rotate(180deg);
        filter: hue-rotate(180deg);
    }
    75% {
        top: -25px;
        left: 10%;
        opacity: 0.9;
        transform: scale(1.5) rotate(270deg);
        filter: hue-rotate(270deg);
    }
}

.tier-badge.tier-8 {
    background: linear-gradient(135deg, #ff00ff 0%, #8800ff 33%, #00ffff 66%, #ff00ff 100%);
    background-size: 300% 300%;
    animation: transcendent-badge-rainbow 2s linear infinite, transcendent-badge-pulse 1s ease-in-out infinite;
    box-shadow: 0 0 20px rgba(255, 0, 255, 0.7);
}

@keyframes transcendent-badge-rainbow {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes transcendent-badge-pulse {
    0%, 100% {
        box-shadow: 0 0 15px rgba(255, 0, 255, 0.6), 0 0 30px rgba(128, 0, 255, 0.3);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 30px rgba(255, 0, 255, 1), 0 0 60px rgba(128, 0, 255, 0.6);
        transform: scale(1.12);
    }
}

/* Raffle/Giveaway card Transcendent glow */
.raffle-card[data-rarity="transcendent"],
.giveaway-card[data-rarity="transcendent"] {
    border: 3px solid rgba(255, 0, 255, 0.6);
    animation: card-transcendent-glow 1.5s ease-in-out infinite;
    position: relative;
}

@keyframes card-transcendent-glow {
    0%, 100% {
        box-shadow: 0 5px 30px rgba(255, 0, 255, 0.5), 0 0 60px rgba(128, 0, 255, 0.3);
    }
    50% {
        box-shadow: 0 10px 60px rgba(255, 0, 255, 0.8), 0 0 100px rgba(128, 0, 255, 0.5);
    }
}

/* Enhanced hover effects for Transcendent cards - Ultimate hover */
.inventory-item[data-tier="8"]:not(.locked-item):hover {
    transform: translateY(-12px) scale(1.1) rotateZ(1deg);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    filter: brightness(1.2);
}