{
    background: #4CAF50;
}

.status-indicator.connecting {
    background: #FF9800;
    animation: pulse 1s infinite;
}

.status-indicator.disconnected {
    background: #F44336;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@media (max-width: 600px) {
    .game-container {
        padding: 8px;
        max-width: 100%;
    }

    .game-header {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
 