body, html {
    background: #000;
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, sans-serif;
}

.video-container {
    width: 100%;
    --plyr-color-main: #D00079;
    --plyr-video-background: rgba(0, 0, 0, 1);
    --plyr-captions-background: rgba(0, 0, 0, 0.8);
    --plyr-captions-text-color: #ffffff;
    --plyr-progress-loading-background: rgba(40, 40, 40, 0.6);
    --plyr-audio-progress-buffered-background: rgba(200, 200, 200, 0.6);
}

/* Hide all controls initially except play button */
.plyr--paused .plyr__controls button:not(.plyr__control--overlaid) {
    display: none !important;
}

.plyr--paused .plyr__progress {
    display: none !important;
}

.plyr--paused .plyr__volume {
    display: none !important;
}

.plyr--paused .plyr__time {
    display: none !important;
}

.plyr--paused .plyr__menu {
    display: none !important;
}

.plyr__control--overlaid {
    display: block !important;
}