#inline-slot { overflow: hidden; }
.web-inline-video { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#000; pointer-events:none; }
#inline-slot > :last-child:not(video) { position:relative; }
.web-player { position:fixed; inset:0; z-index:9999; background:#000; color:#fff; outline:none; }
.web-full-video { display:block; width:100%; height:100%; object-fit:contain; }
.web-player-controls { position:absolute; inset:auto 0 0; padding:2vh 4vw 4vh; background:linear-gradient(transparent,rgba(0,0,0,.92)); font:500 2.8vh Roboto,sans-serif; opacity:0; transition:opacity .18s; }
.web-player:hover .web-player-controls,.web-player:focus-within .web-player-controls:focus-within,.web-player-failed .web-player-controls { opacity:1; }
.web-player-actions { display:flex; flex-wrap:wrap; gap:1vw; margin-top:2vh; }
.web-player-actions button { color:#fff; background:#34363c; border:0; padding:1vh 1.2vw; font:inherit; border-radius:.45vw; }
.web-player-actions button:focus { background:#e50914; }
.web-player-error { color:#ffc3c3; }