/* Full-bleed player (v2) — TikTok-style framing on a phone.

   v1 made every clip cover the frame, which answered the black-band complaint but cropped
   landscape uploads into a portrait close-up. This keeps the full-screen reach and the dock
   overlap, and lets each shape behave the way TikTok does it: a portrait clip covers the
   screen, a landscape clip stays whole and centres on black.
   Fresh filename: hCDN caches css/* for a week and ignores query strings. */

@media (max-width: 820px) {
    /* The frame now reaches the bottom edge; the white dock paints over it. */
    .mtv-reels { padding-bottom: 0; }

    /* Only an upright clip is cropped to fill. media.css already fits the rest inside. */
    .mtv-reel.is-portrait .mtv-reel__video { object-fit: cover; }
    .mtv-reel:not(.is-portrait) .mtv-reel__video { object-fit: contain; }

    /* Copy, rail and toast clear the 67px dock they used to sit above. */
    .mtv-reel__meta { bottom: calc(85px + env(safe-area-inset-bottom)); }
    .mtv-reel__rail { bottom: calc(159px + env(safe-area-inset-bottom)); }
    .mtv-reels__toast { bottom: calc(101px + env(safe-area-inset-bottom)); }
}