/* Mini / FullSeries play: fill the viewport on every device */
html:has(body.ms-player-kit-mode),
body.ms-player-kit-mode {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100% !important;
    height: 100dvh !important;
    min-height: 100svh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: none !important;
    background: #000 !important;
    background-image: none !important;
}

body.ms-player-kit-mode header,
body.ms-player-kit-mode footer,
body.ms-player-kit-mode .content-side,
body.ms-player-kit-mode .content-section-container > div:not(.content-middle) {
    display: none !important;
}

body.ms-player-kit-mode main,
body.ms-player-kit-mode .content-section-container,
body.ms-player-kit-mode .content-middle {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    min-height: 100svh !important;
    flex: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.ms-player-kit-mode main {
    display: block !important;
}

body.ms-player-kit-mode .content-section-container,
body.ms-player-kit-mode .content-middle {
    display: block !important;
}

body.ms-player-kit-mode .vip-player-host {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    height: 100dvh !important;
    min-height: 100svh !important;
    display: flex !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    z-index: 80 !important;
    background: #000 !important;
}

body.ms-player-kit-mode .vip-player,
body.ms-player-kit-mode .vip-player.vip-player-fs {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    width: 100vw !important;
    max-width: none !important;
    height: 100% !important;
    height: 100svh !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    z-index: 80 !important;
}

body.ms-player-kit-mode .vip-player video.vip-player-video {
    max-width: none !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    background: #000 !important;
}

/* Landscape phones / tablets: keep controls reachable */
@media (orientation: landscape) and (max-height: 500px) {
    body.ms-player-kit-mode .vip-side {
        bottom: calc(3.25rem + env(safe-area-inset-bottom, 0px)) !important;
        max-height: min(70dvh, 18rem) !important;
    }
}