.pf-video-player{display:contents;--media-accent-color:var(--accent,#ff9900);--media-accent-text-color:#17100a;--media-font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--media-border-radius:11px;--media-border-color:transparent;--media-object-fit:contain}.pf-video-player video-skin{display:block;width:100%;height:100%;aspect-ratio:16/9}.pf-video-player video-skin:not(:defined){background:#000}.pf-video-player video{object-fit:contain}.pf-video-player [slot=thumbnail]{width:160px;height:90px;object-fit:contain}
/* WebKit: the native video's intrinsic width must not widen the mobile grid. */
@media(max-width:900px){.watch-layout>.watch-content{min-width:0;max-width:100%}}

/* Keep the poster/native fallback visible while the custom shadow controls acquire their theme. */
.pf-video-player:not([data-enhanced]) video-skin{visibility:hidden}
.pf-video-player:not([data-enhanced]) video-skin>video{visibility:visible}

/* The custom Play owns startup; suppress native mobile overlays only during handoff. */
.pf-video-player[data-pf-startup] video::-webkit-media-controls-start-playback-button{display:none!important}
.pf-video-player[data-pf-startup] video::-webkit-media-controls-overlay-play-button{display:none!important}

/* Suppress the iOS media callout without intercepting playback/timeline touches. */
.pf-video-player,.pf-video-player video-skin,#video-player{-webkit-touch-callout:none}
