/* Roulette Improvements CSS */

/* Timer visual enhancements */
#timer3.warning {
    color: #ff9800;
    animation: pulse-warning 1s ease-in-out infinite alternate;
}

#timer3.urgent {
    color: #f44336;
    animation: pulse-urgent 0.5s ease-in-out infinite alternate;
    font-weight: bold;
}

@keyframes pulse-warning {
    from { opacity: 0.7; }
    to { opacity: 1; }
}

@keyframes pulse-urgent {
    from { opacity: 0.5; transform: scale(1); }
    to { opacity: 1; transform: scale(1.05); }
}

/* Roulette wheel improvements */
#reletteact {
    transition-timing-function: cubic-bezier(0.05, 0.8, 0.05, 1);
}

/* Result display improvements */
.info .number {
    transition: all 0.3s ease-in-out;
}

.info .number.show-result {
    animation: result-appear 0.5s ease-out;
}

@keyframes result-appear {
    from { 
        opacity: 0; 
        transform: scale(0.8) translateY(-10px); 
    }
    to { 
        opacity: 1; 
        transform: scale(1) translateY(0); 
    }
}

/* Betting button improvements */
.betButton:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Game preparation state */
.game-preparing {
    opacity: 0.8;
    pointer-events: none;
}

.game-preparing::after {
    content: "Подготовка новой игры...";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 14px;
    z-index: 1000;
}