/* Shared short-film controls. Native video controls remain if JS does not run. */
.mv-video-player { position:relative; overflow:hidden; background:#0A2540; }
.reels .mv-video-player { aspect-ratio:4/5; border-radius:14px; }
.reels .mv-video-player video { display:block; width:100%; height:100%; object-fit:cover; }
.mvvp-actions { position:absolute; z-index:2; top:50%; left:50%; display:flex; align-items:center; gap:8px; transform:translate(-50%,-50%); opacity:0; pointer-events:none; transition:opacity .18s ease; }
.mv-video-player.is-paused .mvvp-actions, .mv-video-player:hover .mvvp-actions, .mv-video-player:focus-within .mvvp-actions { opacity:1; pointer-events:auto; }
.mv-video-player button { display:grid; place-items:center; padding:0; border:1px solid #FFFFFF99; border-radius:50%; background:#0A2540DD; color:#fff; cursor:pointer; font:600 24px/1 system-ui,sans-serif; }
.mv-video-player button:focus-visible { outline:3px solid #C99A5C; outline-offset:3px; }
.mvvp-play { width:60px; height:60px; }
.mvvp-play::after { content:''; width:15px; height:20px; border-inline:4px solid currentColor; box-sizing:border-box; }
.is-paused .mvvp-play::after { width:0; height:0; border:10px solid transparent; border-right:0; border-left:16px solid currentColor; }
.mvvp-restart { width:44px; height:44px; }
.mv-video-player .mvvp-full { position:absolute; left:10px; top:10px; z-index:2; width:44px; height:44px; font-size:25px; }
.mv-video-player .mvvp-sound { position:absolute; right:10px; bottom:10px; z-index:2; width:44px; height:44px; font-size:22px; }
.mvvp-sound[aria-pressed="false"]::after { content:''; position:absolute; width:25px; border-top:2px solid currentColor; transform:rotate(-45deg); }
.mv-video-player.has-native-controls .mvvp-actions { top:auto; bottom:60px; left:10px; transform:none; }
.mv-video-player.has-native-controls .mvvp-sound { bottom:60px; }
.mv-video-player video:fullscreen { object-fit:contain; background:#000; }
@media (max-width:679px), (hover:none) {
  .mvvp-actions { top:auto; bottom:10px; left:10px; transform:none; opacity:1; pointer-events:auto; }
  .mvvp-play { width:44px; height:44px; }
}
@media (max-width:679px) { .sv-card .mvvp-sound, .sv-card .mv-video-player.has-native-controls .mvvp-sound { top:10px; bottom:auto; } }
@media (prefers-reduced-motion:reduce) { .mvvp-actions { transition:none; } }