#videoLightbox {
  display:none;
  position:fixed; inset:0; z-index:9000;
  background:rgba(0,0,0,.85);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  align-items:center; justify-content:center;
}
#videoLightbox.active {
  display:flex;
  animation:vlbIn .25s ease;
}
@keyframes vlbIn { from{opacity:0;transform:scale(.96)} to{opacity:1;transform:scale(1)} }
.vlb-inner {
  position:relative;
  width:min(900px,94vw);
  aspect-ratio:16/9;
}
#videoFrame {
  width:100%; height:100%;
  border:none; border-radius:16px;
  box-shadow:0 32px 80px rgba(0,0,0,.6);
}
.vlb-close {
  position:absolute; top:-48px; right:0;
  background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.25);
  color:#fff; width:36px; height:36px; border-radius:50%;
  font-size:1rem; cursor:pointer; display:flex;
  align-items:center; justify-content:center;
  transition:background .2s;
}
.vlb-close:hover { background:rgba(255,255,255,.3); }