/* player/player.css — SURFLIX player overlay (v26) */
#sfx-player-overlay{
    position:fixed;inset:0;background:rgba(0,0,0,.92);
    display:none;align-items:center;justify-content:center;z-index:9999;padding:20px;
}
#sfx-player-overlay.show{display:flex}
.sfx-player-box{
    width:100%;max-width:1000px;background:#000;border-radius:12px;overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.7);display:flex;flex-direction:column;
}
.sfx-player-bar{
    display:flex;justify-content:flex-end;align-items:center;gap:6px;
    padding:10px 14px;background:#0c0e12;color:#fff;
}
.sfx-player-title{
    font-weight:600;font-size:15px;margin-right:auto;overflow:hidden;
    text-overflow:ellipsis;white-space:nowrap;
}
.sfx-fs-btn,.sfx-player-close{
    background:none;border:none;color:#fff;cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;
    width:36px;height:36px;border-radius:8px;font-size:16px;
}
.sfx-player-close{font-size:26px;line-height:1}
.sfx-fs-btn:hover,.sfx-player-close:hover{background:rgba(255,255,255,.1);color:#1e90ff}

.sfx-player-stage{position:relative;width:100%;aspect-ratio:16/9;background:#000}
.sfx-video,.sfx-frame{width:100%;height:100%;display:block;border:0;background:#000}

/* video.js stage fill */
.sfx-player-stage .video-js{width:100%;height:100%}
.sfx-player-stage .sfx-msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0e17;color:#eef2f8;font-family:system-ui,sans-serif}

/* Real fullscreen (desktop + Android): box fills the entire screen,
   corners squared off, stage stretches to fill available height. */
.sfx-player-box:fullscreen,
.sfx-player-box:-webkit-full-screen,
.sfx-player-box:-moz-full-screen,
.sfx-player-box:-ms-fullscreen{
    max-width:none;width:100vw;height:100vh;height:100dvh;border-radius:0;
}
.sfx-player-box:fullscreen .sfx-player-stage,
.sfx-player-box:-webkit-full-screen .sfx-player-stage,
.sfx-player-box:-moz-full-screen .sfx-player-stage,
.sfx-player-box:-ms-fullscreen .sfx-player-stage{
    aspect-ratio:auto;flex:1 1 auto;height:calc(100% - 52px);
}

@media(max-width:600px){
    #sfx-player-overlay{padding:0}
    .sfx-player-box{border-radius:0;height:100dvh;justify-content:center}
    .sfx-player-stage{aspect-ratio:auto;flex:1 1 auto}
}