/* Анимации для логотипа игрового слота */

/* Основные анимации */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-10px); }
    60% { transform: translateY(-5px); }
}

@keyframes glow {
    0%, 100% { 
        filter: drop-shadow(0 0 5px rgba(255, 215, 0, 0.3));
    }
    50% { 
        filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.8));
    }
}

@keyframes sparkle {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 1; }
}

/* Стили для логотипа */
.slot-logo {
    position: relative;
    display: inline-block;
}

.slot-logo svg {
    animation: glow 3s ease-in-out infinite;
}

/* Анимация символов на экране */
.slot-logo .symbol {
    animation: bounce 2s ease-in-out infinite;
}

.slot-logo .symbol:nth-child(2) {
    animation-delay: 0.2s;
}

.slot-logo .symbol:nth-child(3) {
    animation-delay: 0.4s;
}

.slot-logo .symbol:nth-child(4) {
    animation-delay: 0.6s;
}

/* Анимация кнопок */
.slot-logo .button {
    animation: pulse 1.5s ease-in-out infinite;
}

.slot-logo .button:nth-child(2) {
    animation-delay: 0.5s;
}

/* Анимация ручки */
.slot-logo .handle {
    animation: spin 4s linear infinite;
    transform-origin: center;
}

/* Анимация монет */
.slot-logo .coin {
    animation: sparkle 2s ease-in-out infinite;
}

.slot-logo .coin:nth-child(2) {
    animation-delay: 1s;
}

/* Эффект при наведении */
.slot-logo:hover svg {
    animation: glow 1s ease-in-out infinite;
}

.slot-logo:hover .symbol {
    animation: bounce 0.5s ease-in-out infinite;
}

/* Адаптивность */
@media (max-width: 768px) {
    .slot-logo svg {
        width: 200px;
        height: 80px;
    }
}

@media (max-width: 480px) {
    .slot-logo svg {
        width: 150px;
        height: 60px;
    }
}

/* Темная тема */
@media (prefers-color-scheme: dark) {
    .slot-logo svg {
        filter: brightness(1.2) contrast(1.1);
    }
}

/* Анимация загрузки */
.slot-logo.loading {
    animation: spin 2s linear infinite;
}

/* Эффект выигрыша */
.slot-logo.win {
    animation: pulse 0.5s ease-in-out 3;
}

/* Эффект джекпота */
.slot-logo.jackpot {
    animation: glow 0.3s ease-in-out infinite;
}

/* Звуковые эффекты (опционально) */
.slot-logo.sound-enabled {
    cursor: pointer;
}

.slot-logo.sound-enabled:hover::after {
    content: "🎰";
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 20px;
    animation: bounce 1s ease-in-out infinite;
}