/* Global Preloader Container */
#global-preloader {
    position: fixed;
    inset: 0;
    background: #020617; /* Slate 950 */
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.6s ease, visibility 0.6s;
}

#global-preloader.fade-out {
    opacity: 0;
    visibility: hidden;
}

.loader-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem; /* Increased gap for larger logo */
}

.loader-logo-img {
    width: 250px; /* Bigger logo */
    height: auto;
    z-index: 10;
    filter: drop-shadow(0 0 20px rgba(168, 85, 247, 0.3));
    animation: loader-logo-pulse 2s ease-in-out infinite;
}

@keyframes loader-logo-pulse {
    0%, 100% { 
        transform: scale(1);
        filter: drop-shadow(0 0 20px rgba(168, 85, 247, 0.3));
    }
    50% { 
        transform: scale(1.05);
        filter: drop-shadow(0 0 35px rgba(168, 85, 247, 0.6));
    }
}

/* GTA Wanted Stars */
.loader-wanted .wanted-stars {
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
}

.loader-wanted .star-item {
    position: relative;
    font-size: 3rem; /* Slightly bigger stars */
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader-wanted .star-empty {
    color: rgba(255, 255, 255, 0.2);
    position: absolute;
}

.loader-wanted .star-filled {
    color: #facc15;
    position: absolute;
    opacity: 0;
    transform: scale(1.5);
    filter: drop-shadow(0 0 15px #facc15);
    animation: 
        star-pop 0.3s ease-out forwards,
        star-blink 0.8s infinite;
    animation-delay: calc(var(--star-idx) * 0.8s);
}

@keyframes star-pop {
    0% { opacity: 0; transform: scale(2); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes star-blink {
    0%, 100% { color: #facc15; filter: drop-shadow(0 0 15px #facc15); }
    50% { color: #fff; filter: drop-shadow(0 0 20px #fff); }
}