// v-mkvector.jsx — Milton Keynes basemap. Renders the real OpenStreetMap
// render (mk-map.png, 1275×1233 — matches MAP_IMG_ASPECT) as a raster basemap.
// Pixel-accurate because it is real survey data, not hand-drawn geometry.
// Lives in the 0–100 / 0–100 world space shared with estate/driver/rival nodes.

function MKVectorMap() {
  return (
    <div style={{ position:'absolute', inset:0, overflow:'hidden' }}>
      <img src="mk-map.png" alt="Milton Keynes" draggable={false}
        style={{ position:'absolute', inset:0, width:'100%', height:'100%', objectFit:'fill', display:'block', userSelect:'none' }}/>
      {/* subtle vignette so glowing data nodes pop against the map */}
      <div style={{ position:'absolute', inset:0, pointerEvents:'none', background:'radial-gradient(ellipse at 48% 46%, transparent 52%, rgba(4,9,20,0.42) 100%)' }}/>
    </div>
  );
}

Object.assign(window, { MKVectorMap });