/* Container responsive 16:9 */
.twitch-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
    border-radius: 12px;
}

/* Iframe responsive */
.twitch-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Overlay HAC e-sport */
.hac-frame {
    border: 4px solid #00AEEF;
    border-radius: 12px;
    box-shadow: 0 0 25px rgba(0, 174, 239, 0.5);
    overflow: hidden;
}

/* Mise en page lecteur + chat */
.twitch-layout {
    display: flex;
    gap: 20px;
    max-width: 1400px;
    margin: auto;
}

.twitch-player {
    flex: 3;
}

.twitch-chat {
    flex: 1;
}

/* Responsive mobile */
@media (max-width: 900px) {
    .twitch-layout {
        flex-direction: column;
    }
    .twitch-chat {
        height: 500px;
    }
}