.event-lightbox { width:min(1060px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); overflow:auto; overscroll-behavior:contain; color-scheme:dark; border:1px solid rgba(255,255,255,.16); border-radius:16px; background:#100c15; color:#f3f0e8; box-shadow:0 24px 100px rgba(0,0,0,.7); }
.event-lightbox[open] { animation:photo-viewer-in .2s ease-out; }
.event-lightbox figure { max-width:100%; max-height:none; }
.event-lightbox img { width:100%; height:min(68dvh,820px); max-width:100%; max-height:68dvh; object-fit:contain; background:#09060e; }
.event-lightbox figcaption { overflow-wrap:anywhere; }
.event-lightbox .lightbox-close { top:10px; right:10px; z-index:2; width:44px; height:44px; transform:none; }
.photo-viewer-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 18px; border-top:1px solid rgba(255,255,255,.12); font:11px/1.5 'DM Mono',monospace; }
.photo-viewer-toolbar p { min-width:0; margin:0; color:#c9c1d2; overflow-wrap:anywhere; }
.photo-viewer-toolbar a { flex-shrink:0; display:inline-flex; align-items:center; min-height:44px; color:var(--acid,#a7d91d); text-decoration:none; }
.photo-viewer-controls { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 18px 16px; }
.photo-viewer-controls[hidden] { display:none; }
.photo-viewer-controls button { min-height:44px; padding:12px 18px; border:1px solid rgba(255,255,255,.25); border-radius:99px; background:rgba(255,255,255,.04); color:#f3f0e8; cursor:pointer; font:12px 'DM Mono',monospace; transition:background .2s,border-color .2s; }
.photo-viewer-controls button:hover { border-color:var(--acid,#a7d91d); background:rgba(167,217,29,.08); }
.photo-viewer-controls span { color:#8f8799; font:10px 'DM Mono',monospace; }
.event-lightbox :is(button,a):focus-visible { outline:2px solid var(--acid,#a7d91d); outline-offset:3px; }
body:has(.event-lightbox[open]) { overflow:hidden; }
@keyframes photo-viewer-in { from { opacity:0; } to { opacity:1; } }
@media(max-width:700px) { .event-lightbox { width:calc(100vw - 16px); max-width:calc(100vw - 16px); max-height:calc(100dvh - 16px); border-radius:12px; } .photo-viewer-toolbar { padding:8px 14px; font-size:10px; } .photo-viewer-controls { padding:0 14px 14px; } .photo-viewer-controls span { display:none; } }
@media(prefers-reduced-motion:reduce) { .event-lightbox[open] { animation:none; } .photo-viewer-controls button { transition:none; } }
html[data-bs-motion="paused"] .event-lightbox[open] { animation:none; }