.lightbox{width:100%;max-width:none;height:100%;max-height:none;color:var(--text);background:0 0;border:0;margin:0;padding:0;overflow:hidden}.lightbox::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a0be0}.lightbox[open]{animation:lb-in .3s var(--ease-out);place-items:center;display:grid}@keyframes lb-in{0%{opacity:0}}.lightbox__frame{flex-direction:column;align-items:center;gap:16px;width:min(92vw,1100px);max-height:calc(100svh - 32px);padding:16px;display:flex;position:relative}.lightbox__stage{flex:1;place-items:center;width:100%;min-height:0;display:grid;position:relative}.lightbox__stage img{object-fit:contain;max-width:100%;max-height:calc(100svh - 190px);animation:lb-img .45s var(--ease-spring);box-shadow:0 0 0 4px #0a0c0d}.lightbox.is-pixel .lightbox__stage{background:radial-gradient(closest-side,#00a5a859,#0000)}.lightbox.is-pixel .lightbox__stage img{box-shadow:none;image-rendering:pixelated;filter:drop-shadow(0 20px 20px #00000080);min-height:min(60svh,520px);max-height:calc(100svh - 200px)}@keyframes lb-img{0%{opacity:0;transform:scale(.94)translateY(10px)}}.lightbox__bar{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 18px;display:flex}.lightbox__title{font:400 2.2rem/1 var(--f-pixel);letter-spacing:.04em;text-transform:uppercase}.lightbox__cap{color:var(--muted);font-size:.92rem}.lightbox__count{font:400 .8rem/1 var(--f-ui);color:var(--cyan);letter-spacing:.1em}.lightbox__btn{z-index:2;color:#fff;cursor:pointer;width:52px;height:52px;transition:transform .2s var(--ease-spring), background-color .2s, color .2s;background:#2a2f33;border:0;place-items:center;padding:0;display:grid;position:absolute;box-shadow:0 0 0 3px #0a0c0d,inset 0 3px #ffffff1f,inset 0 -4px #00000059}.lightbox__btn svg{width:18px}.lightbox__btn:hover{background:var(--cyan);color:var(--navy)}.lightbox__btn:active{transform:translateY(3px)}.lightbox__close{top:16px;right:16px}.lightbox__prev{margin-top:-26px;top:50%;left:16px}.lightbox__next{margin-top:-26px;top:50%;right:16px}.lightbox__prev:hover{transform:translate(-3px)}.lightbox__next:hover{transform:translate(3px)}.lightbox.is-single .lightbox__prev,.lightbox.is-single .lightbox__next{display:none}@media (max-width:700px){.lightbox__frame{width:100vw;padding:72px 12px 16px}.lightbox__prev,.lightbox__next{width:46px;height:46px;margin:0;top:auto;bottom:16px}.lightbox__bar{padding-inline:56px}.lightbox.is-pixel .lightbox__stage img{min-height:0;max-height:calc(100svh - 240px)}}