/* Анимация вращающихся слов в шапке */
.rotating-words {
    position: relative;
    margin-left: 10px;
    height: 60px;
    line-height: 60px;
}

.word {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    transform: translateY(20px);
    animation: wordAnimation 8s infinite;
    pointer-events: none;
    line-height: inherit;
    vertical-align: middle;
    top: 0;
    animation-fill-mode: both;
}

.word.active {
    opacity: 1;
    transform: translateY(0);
}

.highlight {
    color: #2ecc71;
    font-weight: bold;
}

/* Временные задержки для анимации слов */
.word:nth-child(1) { animation-delay: 0s; }
.word:nth-child(2) { animation-delay: 2s; }
.word:nth-child(3) { animation-delay: 4s; }
.word:nth-child(4) { animation-delay: 6s; }

/* Ключевые кадры анимации слов */
@keyframes wordAnimation {
    0% {
        opacity: 0;
        transform: translateY(10px);
        z-index: 1;
    }
    5%, 20% {
        opacity: 1;
        transform: translateY(0);
        z-index: 2;
    }
    25% {
        opacity: 0;
        transform: translateY(-10px);
        z-index: 1;
    }
}

/* Анимация для изображений игр */
@keyframes forceRepaint {
    from { opacity: 0.999; }
    to { opacity: 1; }
}

/* Плавное появление элементов */
.fade-in {
    animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}