.djg-popup{position:fixed;inset:0;z-index:2147483100;display:grid;place-items:center;padding:12px;background:rgba(0,0,0,.72);box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity .38s ease}
.djg-popup *{box-sizing:border-box}
.djg-popup.is-visible{opacity:1;pointer-events:auto}
.djg-popup.is-closing{opacity:0;pointer-events:none;transition-duration:.28s}
.djg-popup__dialog{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(94vw,calc((100vh - 85px)*.8),600px);width:min(94vw,calc((100dvh - 85px)*.8),600px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);transform:translateY(8px) scale(.985);transition:transform .38s ease}
.djg-popup.is-visible .djg-popup__dialog{transform:none}
.djg-popup__poster{width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:10px;background:#101010;box-shadow:0 20px 55px rgba(0,0,0,.42)}
.djg-popup__poster img{display:block;width:100%;height:100%;object-fit:contain}
.djg-popup__skip{min-width:116px;min-height:44px;padding:10px 24px;border:1px solid rgba(255,255,255,.65);border-radius:999px;background:rgba(20,20,20,.54);color:#fff;font:600 14px/1.2 Arial,sans-serif;letter-spacing:.02em;cursor:pointer;transition:background .18s ease,border-color .18s ease}
.djg-popup__skip:hover{background:rgba(255,255,255,.18);border-color:#fff}
.djg-popup__skip:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:600px){.djg-popup{padding:8px}.djg-popup__dialog{width:min(96vw,calc((100vh - 75px)*.8));width:min(96vw,calc((100dvh - 75px)*.8));gap:10px}.djg-popup__poster{border-radius:7px}}
@media(prefers-reduced-motion:reduce){.djg-popup,.djg-popup__dialog{transition:none!important;transform:none!important}}