.modal-backdrop:has(>.opening-movie-modal){padding:0;background:#000}
.modal.opening-movie-modal{width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;background:#000;box-shadow:none;overflow:hidden!important;transform:none}
.opening-movie{position:relative;width:100%;height:100%;background:#000;color:#fff}
.opening-movie video{width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s linear;pointer-events:none}
.opening-movie[data-phase="playing"] video{opacity:1}
.opening-movie-skip{position:absolute;z-index:2;right:max(14px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));min-height:44px;max-width:90%;padding:10px 16px;border:1px solid #b8bcc8;border-radius:8px;background:#142039e6;color:#fff;font:700 13px/1.4 sans-serif}
.opening-movie-retry{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);max-width:90%;min-height:48px;padding:12px 20px;border:2px solid #bddde5;border-radius:10px;background:#fff8eb;color:#23364e;font:700 16px/1.5 sans-serif}
.opening-movie [hidden]{display:none!important}