#loading-screen {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: var(--bg-gradient);
    display: flex; justify-content: center; align-items: center; z-index: 9999;
    transition: opacity 0.5s;
}

.loader {
    width: 50px; height: 50px;
    border: 5px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #fff;
    animation: spin 1s ease-in-out infinite;
}

@keyframes spin { to { transform: rotate(360deg); } }




@keyframes goldPulse { 50% { filter: sepia(100%) saturate(300%) hue-rotate(10deg); } }
body.buff-gold { animation: goldPulse 2s infinite; border: 4px solid gold; }


.cat-clicker.buff-energy { filter: drop-shadow(0 0 15px #00e5ff); transform: scale(1.05); }


@keyframes neonGlow { 0% { filter: hue-rotate(0deg) drop-shadow(0 0 10px red); } 50% { filter: hue-rotate(180deg) drop-shadow(0 0 10px blue); } 100% { filter: hue-rotate(360deg) drop-shadow(0 0 10px red); } }
.cat-clicker.buff-neon { animation: neonGlow 1s infinite linear; }


@keyframes megaShake { 0% { transform: scale(1.2) rotate(0deg); } 25% { transform: scale(1.2) rotate(-3deg); } 75% { transform: scale(1.2) rotate(3deg); } }
.cat-clicker.buff-mega { animation: megaShake 0.3s infinite; z-index: 100; }


.cat-clicker.buff-ghost { opacity: 0.6; filter: grayscale(100%) blur(1px); transform: scale(0.9); transition: opacity 0.5s; }


body.buff-matrix { background: #000 !important; }
.cat-clicker.buff-matrix { filter: contrast(200%) grayscale(100%) drop-shadow(0 0 5px #0f0); border-bottom: 2px solid #0f0; }


@keyframes supernovaPulse { 0% { box-shadow: inset 0 0 0 red; } 50% { box-shadow: inset 0 0 50px red; } }
body.buff-supernova { animation: supernovaPulse 0.5s infinite; border: 5px solid red; }
.cat-clicker.buff-supernova { filter: drop-shadow(0 0 20px red) saturate(200%); }


@keyframes godMode { 0% { border-color: red; } 20% { border-color: yellow; } 40% { border-color: lime; } 60% { border-color: cyan; } 80% { border-color: blue; } 100% { border-color: magenta; } }
body.buff-god { animation: godMode 2s infinite; border: 8px solid white; }
.cat-clicker.buff-god { filter: drop-shadow(0 0 30px white) contrast(1.2); }
/* Анимация свечения рулетки */
.wheel-glow-active {
    animation: rainbowGlow 1s infinite alternate;
}

@keyframes rainbowGlow {
    0% { box-shadow: 0 0 20px #ff0000, 0 0 40px #ff0000; border-color: #ff0000; }
    33% { box-shadow: 0 0 20px #00ff00, 0 0 40px #00ff00; border-color: #00ff00; }
    66% { box-shadow: 0 0 20px #0000ff, 0 0 40px #0000ff; border-color: #0000ff; }
    100% { box-shadow: 0 0 20px #ff00ff, 0 0 40px #ff00ff; border-color: #ff00ff; }
}