.vm{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;padding:14px;background:rgba(3,14,8,.82);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}
.vm[hidden]{display:none}.vm.on{opacity:1}
.vm-box{position:relative;width:100%;max-width:min(92vw,calc(86vh * 478 / 850));background:#000;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5);border:2px solid #f5b800}
.vm-box video{display:block;width:100%;height:auto;max-height:86vh;background:#000}
.vm-x{position:absolute;top:8px;right:8px;z-index:2;width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center}
.vm-x:hover{background:rgba(0,0,0,.85)}
@media (prefers-reduced-motion:reduce){.vm{transition:none}}