.drawer{
  position:fixed; inset:0;
  background:rgba(7,16,12,.78);
  backdrop-filter: blur(14px);
  display:none;
  z-index:80;
}
.drawer.open{display:block}
.drawerPanel{
  position:absolute; right:14px; top:14px; left:14px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(12,24,18,.92);
  padding:14px;
  box-shadow: 0 18px 45px rgba(0,0,0,.35);
}
.drawerPanel a{
  display:block;
  padding:12px 12px;
  border-radius:14px;
  text-decoration:none;
  color:var(--text);
}
.drawerPanel a:hover{background:rgba(255,255,255,.06)}
.drawerPanel .row{display:flex; gap:10px; flex-wrap:wrap; padding:10px 10px 4px}
.lightbox{
  position:fixed; inset:0; z-index:90;
  background:rgba(0,0,0,.72);
  display:none; place-items:center;
  padding:18px;
}
.lightbox.open{display:grid}
.lightboxInner{
  max-width:980px; width:100%;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(12,24,18,.95);
  box-shadow: 0 18px 45px rgba(0,0,0,.45);
}
.lightboxTop{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.10)}
.lightboxTop b{font-size:14px}
.lightboxTop button{
  all:unset; cursor:pointer;
  padding:8px 10px; border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
}
.lightboxImg{width:100%; max-height:70vh; object-fit:contain; display:block; background:#0b1410}
.lightboxCap{padding:10px 14px; color:var(--muted); font-size:13px}