<section
    class="embed-player-shell"
    aria-label="{{ $title }} video player"
    style="position:relative;display:block;width:100%;max-width:none;aspect-ratio:16 / 9;min-height:0;margin:0 0 26px;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#05070b;box-shadow:0 28px 75px rgba(0,0,0,.42);"
>
    @if (!empty($embedUrl))
        <iframe
            class="embed-player-frame"
            src="{{ $embedUrl }}"
            title="{{ $title }}"
            loading="eager"
            referrerpolicy="strict-origin-when-cross-origin"
            allow="autoplay; fullscreen; picture-in-picture; encrypted-media"
            allowfullscreen
            style="position:absolute;inset:0;display:block;width:100%;height:100%;min-width:100%;min-height:100%;max-width:none;border:0;background:#000;"
        ></iframe>
    @else
        <div class="embed-player-empty" style="position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:30px;">
            <strong>Video server is not configured</strong>
            <p>Add an authorized movie/TV embed template from Admin → Settings → Video Servers.</p>
        </div>
    @endif
</section>
