#lightbox-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.85);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
  z-index:9999;
}

#lightbox-overlay.visible{
  opacity:1;
  pointer-events:auto;
}

#lightbox-image{
  width:min(600px, 96vw);
  height:auto;
  max-height:92vh;
  object-fit:contain;
  border-radius:8px;
  box-shadow:0 20px 40px rgba(0,0,0,.6);
}

#lightbox-close,
#lightbox-prev,
#lightbox-next{
  position:absolute;
  color:white;
  font-size:38px;
  cursor:pointer;
  user-select:none;
}

#lightbox-close{
  top:20px;
  right:30px;
  font-size:32px;
}

#lightbox-prev{
  left:30px;
  top:50%;
  transform:translateY(-50%);
}

#lightbox-next{
  right:30px;
  top:50%;
  transform:translateY(-50%);
}