/* World Live — light, theme-aware map styles */
.wl-wrap{padding:14px}
.wl-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);
  border-radius:999px;background:var(--card2);color:var(--ink);
  font-size:.85rem;font-weight:600;padding:7px 14px;cursor:pointer}
.chip .dot{width:9px;height:9px;border-radius:50%;background:#2fbf71;flex:0 0 9px}
.chip:not(.on){opacity:.55}
.chip:not(.on) .dot{background:var(--muted)}
.chip.err .dot{background:#e05252}
.chip:focus-visible{outline:2px solid var(--gold,#d4a373);outline-offset:2px}
#map{height:min(66vh,560px);min-height:340px;border-radius:12px;overflow:hidden;
  border:1px solid var(--line);background:#0b0e13;z-index:0}
/* keep leaflet chrome subtle and theme-friendly */
.leaflet-container{font-family:Inter,system-ui,sans-serif}
.leaflet-control-zoom a{background:var(--card);color:var(--ink);border-color:var(--line)}
.leaflet-container .leaflet-control-attribution{background:rgba(10,13,18,.72)!important;color:#cfd6dd;font-size:10px}
.leaflet-container .leaflet-control-attribution a{color:#9fb3c8}
.leaflet-popup-content-wrapper{background:var(--card);color:var(--ink);border-radius:10px}
.leaflet-popup-content{font-size:.85rem;line-height:1.45;margin:10px 12px}
.leaflet-popup-tip{background:var(--card)}
.wl-pop b{font-size:.92rem}
.wl-pop .m{color:var(--muted);font-size:.78rem}
/* plane + station markers */
.plane div{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;
  border-bottom:9px solid #7cc4ff;filter:drop-shadow(0 0 2px rgba(0,0,0,.6))}
.iss div{width:14px;height:14px;border-radius:50%;background:#ffd479;
  border:2px solid #7a5c14;box-shadow:0 0 10px 2px rgba(255,212,121,.75)}
.cam div{width:15px;height:15px;border-radius:50%;background:#4fd1c5;
  border:2px solid #fff;box-shadow:0 0 6px 1px rgba(79,209,197,.8);cursor:pointer}
.wl-cam img{width:100%;border-radius:8px;margin:6px 0 2px;display:block}
.wl-play{display:inline-block;margin-top:6px;border:1px solid var(--line);border-radius:999px;
  background:var(--card2);color:var(--ink);font-weight:700;font-size:.82rem;
  padding:7px 16px;cursor:pointer}
.wl-play:hover{border-color:var(--gold,#d4a373)}
.wl-pop iframe{border-radius:8px;background:#000;max-width:100%}
.wl-legend{display:flex;gap:14px;flex-wrap:wrap;padding:8px 4px 0;font-size:.78rem;color:var(--muted)}
.wl-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:baseline}
.wl-legend i.sq{border-radius:3px}
.wl-stats{display:flex;gap:18px;flex-wrap:wrap;align-items:baseline;
  padding:12px 4px 2px;font-size:.88rem;color:var(--muted)}
.wl-stats .stat b{color:var(--ink);font-size:1.02rem;font-variant-numeric:tabular-nums}
.wl-stats .stat small{font-size:.75rem}
.wl-note{margin-left:auto;font-size:.8rem}
.adslot{margin-top:18px}
.src{font-size:.85rem;color:var(--muted)}
.src a{color:inherit}
@media(max-width:640px){
  #map{height:62vh;min-height:300px}
  .wl-note{margin-left:0;flex-basis:100%}
}