:root{
  --cgs-map-bg:#050911;
  --cgs-map-panel:#07111f;
  --cgs-map-line:#29445f;
  --cgs-map-text:#eaf4ff;
  --cgs-map-muted:#819ab5;
}
.cgs-map-host{position:relative;width:100%;height:100%;min-height:320px;background:var(--cgs-map-bg);overflow:hidden}
.cgs-map-canvas{position:absolute;inset:0}
.cgs-map-toolbar{position:absolute;z-index:20;top:10px;right:10px;display:flex;gap:5px}
.cgs-map-btn{border:1px solid var(--cgs-map-line);background:rgba(6,14,24,.88);color:#a8c8e8;padding:6px 8px;border-radius:5px;font:700 10px/1 system-ui;cursor:pointer}
.cgs-map-btn:hover{color:white;border-color:#47779e}
.cgs-map-badge{position:absolute;left:10px;bottom:10px;z-index:20;border:1px solid var(--cgs-map-line);background:rgba(6,14,24,.82);color:var(--cgs-map-muted);padding:5px 7px;border-radius:4px;font:700 8px/1 system-ui;letter-spacing:.7px}
.maplibregl-popup-content{background:var(--cgs-map-panel)!important;color:var(--cgs-map-text)!important;border:1px solid var(--cgs-map-line)!important}
.maplibregl-popup-tip{border-top-color:var(--cgs-map-panel)!important}