/* Lineage 2 Visual Effects */

/* Animated Background Orbs */
.decorative-orb {
    position: fixed;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.orb-cyan {
    width: 300px;
    height: 300px;
    background: radial-gradient(circle at 30% 30%, rgba(0, 217, 255, 0.2), transparent);
    animation: float-slow 20s ease-in-out infinite;
    filter: blur(80px);
}

.orb-pink {
    width: 250px;
    height: 250px;
    background: radial-gradient(circle at 70% 70%, rgba(255, 0, 110, 0.15), transparent);
    animation: float-slow-alt 25s ease-in-out infinite;
    filter: blur(80px);
}

@keyframes float-slow {
    0%, 100% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(30px, -40px);
    }
    50% {
        transform: translate(-20px, 30px);
    }
    75% {
        transform: translate(40px, 20px);
    }
}

@keyframes float-slow-alt {
    0%, 100% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(-30px, 40px);
    }
    50% {
        transform: translate(20px, -30px);
    }
    75% {
        transform: translate(-40px, -20px);
    }
}

/* Float animation for icons */
@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-15px);
    }
}