/* Custom animations */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Connection status indicators */
.status-connected {
    background-color: #10B981;
}

.status-disconnected {
    background-color: #EF4444;
}

.status-connecting {
    background-color: #F59E0B;
}
/* Game styles */
#control-area {
    touch-action: manipulation;
}

#bird {
    transition: transform 0.1s;
}
#bird.flap {
    transform: rotate(-20deg);
}

.pipe {
    transition: left linear;
    background-image: linear-gradient(to right, #4ade80, #22c55e);
    border-left: 3px solid #16a34a;
    border-right: 3px solid #16a34a;
}

/* Custom scrollbar for devices list */
#devices-list::-webkit-scrollbar {
    width: 6px;
}

#devices-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

#devices-list::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

#devices-list::-webkit-scrollbar-thumb:hover {
    background: #555;
}