/* Tier-based Photo Card Borders */
.photo-card {
    border: 2px solid rgba(0, 255, 136, 0.3);
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    box-shadow: 0 0 20px rgba(0, 255, 136, 0.1);
    overflow: hidden;
    margin-bottom: 20px;
    transition: all 0.4s ease;
    position: relative;
}

/* GOD Tier - Cyan Neon Glow */
.photo-card.tier-god {
    border: 3px solid #00FFFF;
    box-shadow:
        0 0 30px rgba(0, 255, 255, 0.6),
        0 0 60px rgba(0, 255, 255, 0.4),
        inset 0 0 20px rgba(0, 255, 255, 0.1);
    animation: godPulse 2s ease-in-out infinite;
}

@keyframes godPulse {

    0%,
    100% {
        box-shadow:
            0 0 30px rgba(0, 255, 255, 0.6),
            0 0 60px rgba(0, 255, 255, 0.4),
            inset 0 0 20px rgba(0, 255, 255, 0.1);
    }

    50% {
        box-shadow:
            0 0 40px rgba(0, 255, 255, 0.8),
            0 0 80px rgba(0, 255, 255, 0.6),
            inset 0 0 30px rgba(0, 255, 255, 0.2);
    }
}

/* LEGENDARY Tier - Gold Shine */
.photo-card.tier-legendary {
    border: 3px solid #FFD700;
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.05) 0%, rgba(0, 0, 0, 0.3) 100%);
    box-shadow:
        0 0 25px rgba(255, 215, 0, 0.5),
        0 0 50px rgba(255, 215, 0, 0.3),
        inset 0 0 15px rgba(255, 215, 0, 0.1);
}

/* EPIC Tier - Purple Glow */
.photo-card.tier-epic {
    border: 2.5px solid #9D00FF;
    box-shadow:
        0 0 20px rgba(157, 0, 255, 0.4),
        0 0 40px rgba(157, 0, 255, 0.2),
        inset 0 0 10px rgba(157, 0, 255, 0.1);
}

/* RARE Tier - Blue */
.photo-card.tier-rare {
    border: 2px solid #4169E1;
    box-shadow:
        0 0 15px rgba(65, 105, 225, 0.3),
        0 0 30px rgba(65, 105, 225, 0.15);
}

/* UNCOMMON Tier - Green (Default) */
.photo-card.tier-uncommon {
    border: 2px solid rgba(0, 255, 136, 0.4);
    box-shadow: 0 0 20px rgba(0, 255, 136, 0.15);
}

/* COMMON Tier - Gray */
.photo-card.tier-common {
    border: 2px solid rgba(200, 200, 200, 0.3);
    box-shadow: 0 0 10px rgba(200, 200, 200, 0.1);
}

/* RUSTY Tier - Brown/Orange */
.photo-card.tier-rusty {
    border: 2px solid rgba(205, 127, 50, 0.4);
    box-shadow: 0 0 10px rgba(205, 127, 50, 0.15);
}

/* BROKEN Tier - Red Warning */
.photo-card.tier-broken {
    border: 2px solid rgba(255, 71, 87, 0.4);
    box-shadow: 0 0 10px rgba(255, 71, 87, 0.15);
}

/* Holographic effect for top tiers */
.photo-card.tier-god::before,
.photo-card.tier-legendary::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg,
            transparent 30%,
            rgba(255, 255, 255, 0.1) 50%,
            transparent 70%);
    transform: rotate(45deg);
    animation: holoShine 3s linear infinite;
    pointer-events: none;
    z-index: 1;
}

@keyframes holoShine {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg);
    }

    100% {
        transform: translateX(100%) translateY(100%) rotate(45deg);
    }
}

/* Sparkle Float Animation */
@keyframes sparkleFloat {

    0%,
    100% {
        transform: translateY(0) scale(1);
        opacity: 0.3;
    }

    50% {
        transform: translateY(-20px) scale(1.2);
        opacity: 0.8;
    }
}