/* Custom animations */
@keyframes shine {
    0% {
        background-position: -100% 50%;
    }
    100% {
        background-position: 200% 50%;
    }
}

.logo-shine {
    background: linear-gradient(90deg, 
        transparent 0%,
        rgba(255,255,255,0.8) 50%,
        transparent 100%);
    background-size: 200% 100%;
    animation: shine 3s infinite;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .font-game {
        font-size: 0.8rem;
    }
    
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
}

/* Smooth transitions for language switching */
[data-translate] {
    transition: opacity 0.3s ease;
}