/* r6-video-play (2026-11-03): play mark over article and /adaptig/ films (assets/js/video-play.js).
   Same look as the home film's .fv-play (assets/css/front-video.css). A separate file, so no inline style and no CSP hash.
   Class prefix vtap- (.vp is the voice assistant panel). */
.vtap{position:relative;display:block}
.film > .vtap{width:100%;height:100%}
.vtap video{cursor:pointer}
.vtap-btn{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.vtap-btn[hidden]{display:none}
.vtap-btn i{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--accent,#111);box-shadow:0 8px 24px rgba(0,0,0,.28);transition:transform .18s}
.vtap-btn i:after{content:"";position:absolute;left:31px;top:24px;border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent}
.vtap-btn:focus-visible{outline:none}
.vtap-btn:focus-visible i{outline:3px solid #fff;outline-offset:4px}
@media(hover:hover){.vtap-btn:hover i{transform:scale(1.06)}}
/* After the first play the native bar is back: while paused the button covers the picture but leaves the bottom 56px bar free. */
.vtap-on .vtap-btn{bottom:56px}
@media(max-width:760px){
 .vtap-btn i{width:60px;height:60px;margin:-30px 0 0 -30px}
 .vtap-btn i:after{left:24px;top:18px;border-left-width:18px;border-top-width:12px;border-bottom-width:12px}
}
@media(prefers-reduced-motion:reduce){.vtap-btn i{transition:none}.vtap-btn:hover i{transform:none}}