#detail.screenshot-lightbox{width:min(1280px,calc(100vw - 32px));height:min(860px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:20px;overflow:hidden;box-sizing:border-box}#detail[open]{display:flex;flex-direction:column}#detail-content{flex:1;min-height:0;min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}#detail .close{position:absolute;float:none;top:20px;right:20px;width:34px;height:34px;z-index:3;margin:0;border:1px solid var(--line);border-radius:4px;line-height:1;background:#152a2d;font-size:24px}#detail .popup-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:50px;min-width:0}#detail .popup-heading{min-width:0}#detail .eyebrow{font-size:9px;letter-spacing:1.2px;line-height:1.6;padding:0}#detail h2{font-size:clamp(15px,2vw,23px);line-height:1.3;letter-spacing:-.4px;margin:6px 0 0;overflow-wrap:anywhere}#detail .popup-navigation{display:flex;align-items:center;gap:12px;flex-shrink:0;align-self:start}#detail .popup-navigation span{font:11px monospace;color:var(--color);white-space:nowrap}#detail .popup-navigation button{width:34px;height:34px;border:1px solid var(--line);border-radius:4px;background:#152a2d;color:var(--text)}#detail .detail-screenshot{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#071316}#detail .detail-screenshot img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-height:0;object-fit:contain;aspect-ratio:auto}#detail .popup-note{margin:0;font-size:10px;line-height:1.5;color:var(--muted)}@media(max-width:600px){#detail.screenshot-lightbox{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:14px}#detail .close{top:14px;right:14px;width:30px;height:30px}#detail .popup-header{align-items:start;padding-right:38px;gap:10px;flex-direction:column}#detail .popup-navigation{position:absolute;top:14px;right:54px;gap:7px}#detail .popup-navigation button{width:30px;height:30px}#detail .popup-navigation span{font-size:10px}#detail .popup-heading{padding-top:42px}#detail .eyebrow{font-size:8px}#detail h2{font-size:17px}#detail-content{gap:12px}#detail .popup-note{font-size:9px}}@media(max-height:450px){#detail.screenshot-lightbox{padding:12px;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}#detail .close{top:12px;right:12px}#detail .popup-heading{padding-top:0}#detail .popup-header{flex-direction:row;padding-right:46px}#detail .popup-navigation{position:static}#detail h2{font-size:15px;margin-top:3px}#detail .eyebrow{font-size:8px}#detail-content{gap:8px}#detail .popup-note{font-size:8px}}