/* /map rockets layer (rockets-map.js): launch-pad pins + popup with live countdowns */
.rk-ico { font-size: 1.1rem; line-height: 1.45rem; text-align: center; }
.lr-btn.rk-lr[aria-pressed="false"] .rk-ico { filter: grayscale(0.7); opacity: 0.6; }
.rk-pin { position: relative; display: grid; place-items: center; width: 2rem; height: 2rem; padding: 0; border-radius: 999px 999px 999px 0.2rem; transform: rotate(-45deg);
  border: 2px solid #fff; background: #0b1f3a; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45); cursor: pointer; }
.rk-pin > span { transform: rotate(45deg); font-size: 1rem; line-height: 1; }
.rk-pin.soon { background: #c2410c; border-color: #ffd27a; }
.rk-pin b { position: absolute; top: -0.45rem; right: -0.45rem; transform: rotate(45deg); min-width: 1.05rem; padding: 0 0.2rem; border-radius: 999px; background: #fff; color: #0b1f3a;
  font: 800 0.62rem/1.05rem system-ui, sans-serif; text-align: center; }
.rk-pin:hover, .rk-pin:focus-visible { outline: 3px solid #3cc6d8; outline-offset: 2px; }
.rk-popup .maplibregl-popup-content { padding: 0.65rem 0.8rem 0.55rem; border-radius: 0.9rem; background: var(--bg, #fff); color: var(--fg, #111); border: 1px solid var(--line, #ddd); box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35); }
.rk-popup.maplibregl-popup-anchor-bottom .maplibregl-popup-tip, .rk-popup.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip, .rk-popup.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip { border-top-color: var(--bg, #fff); }
.rk-popup.maplibregl-popup-anchor-top .maplibregl-popup-tip, .rk-popup.maplibregl-popup-anchor-top-left .maplibregl-popup-tip, .rk-popup.maplibregl-popup-anchor-top-right .maplibregl-popup-tip { border-bottom-color: var(--bg, #fff); }
.rk-popup .maplibregl-popup-close-button { font-size: 1.1rem; padding: 0 0.4rem; color: var(--muted, #555); }
.rk-pp { font-size: 0.82rem; line-height: 1.35; max-width: 20rem; }
.rk-pp p { margin: 0; }
.rk-pp-pad { font-weight: 750; padding-right: 1.2rem; margin-bottom: 0.35rem !important; }
.rk-pp-list { list-style: none; margin: 0; padding: 0; max-height: min(38vh, 17rem); overflow-y: auto; overscroll-behavior: contain; display: grid; gap: 0.5rem; }
.rk-pp-list li { display: grid; gap: 0.12rem; padding-top: 0.4rem; border-top: 1px solid var(--line, #ddd); }
.rk-pp a { color: var(--primary, #0a7f99); }
.rk-pp-name { font-weight: 750; color: var(--fg, #111) !important; text-decoration: none; }
.rk-pp-name:hover { text-decoration: underline; }
.rk-pp-meta { color: var(--muted, #555); font-size: 0.76rem; }
.rk-pp-row { display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; }
.rk-pp-cd { font-weight: 800; font-variant-numeric: tabular-nums; }
.rk-pp-cd.approx::before { content: "≈ "; color: var(--muted, #555); font-weight: 600; }
.rk-pp-watch { margin-left: auto; font-weight: 700; font-size: 0.76rem; }
.rk-pp-more, .rk-pp-src { margin-top: 0.4rem !important; color: var(--muted, #555); font-size: 0.74rem; }
.rk-pp .rk-st { display: inline-block; padding: 0 0.4rem; border-radius: 999px; font-size: 0.66rem; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; border: 1px solid currentColor; }
.rk-pp .rk-st.go, .rk-pp .rk-st.ok { color: #1b9e5a; } .rk-pp .rk-st.bad { color: #d64545; } .rk-pp .rk-st.hold { color: #e0892b; }
.rk-pp .rk-st.fly { color: #2b8fe0; } .rk-pp .rk-st.tbd { color: var(--muted, #666); }
