/* powiekszanie zdjec satelitarnych po kliknieciu; bez pobierania (jak na stronie glownej: brak przeciagania, menu kontekstowego i zaznaczania) */
.r2-pair .r2-frame img { cursor: zoom-in; -webkit-user-drag: none; user-select: none; -webkit-touch-callout: none; }
.r2-pair .r2-frame img:focus-visible { outline: 2px solid var(--lime, #c8ff4d); outline-offset: 3px; }
.lb { position: fixed; inset: 0; z-index: 1000; display: flex; flex-direction: column; background: rgb(5, 8, 10); -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.lb[hidden] { display: none; }
.lb-img { flex: 1; min-height: 0; margin: 56px 16px 8px; background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-user-drag: none; }
.lb-cap { padding: 0 16px 18px; text-align: center; font: 500 12px/1.4 var(--mono, "IBM Plex Mono", ui-monospace, monospace); letter-spacing: .06em; color: #93a4ad; }
.lb-x, .lb-n, .lb-p { position: absolute; border: 1px solid rgba(160, 190, 200, .25); background: rgba(10, 14, 18, .8); color: #e8eef0; border-radius: 99px; width: 44px; height: 44px; font: 400 20px/1 sans-serif; cursor: pointer; }
.lb-x { top: 10px; right: 12px; }
.lb-p, .lb-n { top: 50%; transform: translateY(-50%); }
.lb-p { left: 10px; } .lb-n { right: 10px; }
.lb-x:hover, .lb-n:hover, .lb-p:hover { border-color: #c8ff4d; }
@media (max-width: 640px) { .lb-img { margin: 56px 6px 6px; } .lb-cap { padding: 0 64px 22px; font-size: 11px; } .lb-p, .lb-n { top: auto; bottom: 14px; transform: none; } }
@media (prefers-reduced-motion: no-preference) { .lb { animation: lbin .18s ease-out; } @keyframes lbin { from { opacity: 0; } to { opacity: 1; } } }
