{
  "name": "Galaxy Hop-Ring Map",
  "shapes": {
    "bg": {
      "type": "Rectangle",
      "left": 0, "top": 0, "width": 1140, "height": 780,
      "fillColor": "#0d1117", "strokeColor": "#0d1117"
    },
    "title": {
      "type": "Text",
      "left": 40, "top": 24,
      "text": "THE REACH — NAVIGATOR",
      "fontColor": "#c8d0e0", "fontSize": 18
    },
    "subtitle": {
      "type": "Text",
      "left": 40, "top": 48,
      "text": "Concord Assembly Gate Network — 301 Systems",
      "fontColor": "#667788", "fontSize": 12
    },

    "ring-outer": {
      "type": "Ellipse",
      "left": 210, "top": 30, "width": 720, "height": 720,
      "fillColor": "#0d1117", "strokeColor": "#1a2030"
    },
    "ring-9": {
      "type": "Ellipse",
      "left": 250, "top": 70, "width": 640, "height": 640,
      "fillColor": "#0d1117", "strokeColor": "#141a25"
    },
    "ring-7": {
      "type": "Ellipse",
      "left": 290, "top": 110, "width": 560, "height": 560,
      "fillColor": "#0d1117", "strokeColor": "#141a25"
    },
    "ring-5": {
      "type": "Ellipse",
      "left": 330, "top": 150, "width": 480, "height": 480,
      "fillColor": "#0d1117", "strokeColor": "#141a25"
    },
    "ring-3": {
      "type": "Ellipse",
      "left": 370, "top": 190, "width": 400, "height": 400,
      "fillColor": "#0d1117", "strokeColor": "#141a25"
    },
    "ring-1": {
      "type": "Ellipse",
      "left": 410, "top": 230, "width": 320, "height": 320,
      "fillColor": "#0d1117", "strokeColor": "#1a2030"
    },
    "ring-core": {
      "type": "Ellipse",
      "left": 490, "top": 310, "width": 160, "height": 160,
      "fillColor": "#111820", "strokeColor": "#1a2030"
    },

    "sector-n-label": {
      "type": "Text",
      "left": 550, "top": 45,
      "text": "NORTH REACH",
      "fontColor": "#4488aa", "fontSize": 10
    },
    "sector-s-label": {
      "type": "Text",
      "left": 545, "top": 740,
      "text": "SOUTH REACH",
      "fontColor": "#aa6644", "fontSize": 10
    },
    "sector-e-label": {
      "type": "Text",
      "left": 890, "top": 385,
      "text": "EAST",
      "fontColor": "#44aa66", "fontSize": 10
    },
    "sector-w-label": {
      "type": "Text",
      "left": 225, "top": 385,
      "text": "WEST",
      "fontColor": "#aa8844", "fontSize": 10
    },
    "core-label": {
      "type": "Text",
      "left": 548, "top": 385,
      "text": "CORE",
      "fontColor": "#c8d0e0", "fontSize": 11
    },

    "gateway-dot": {
      "type": "Ellipse",
      "left": 564, "top": 384, "width": 12, "height": 12,
      "fillColor": "#f0d060", "strokeColor": "#f0d060"
    },
    "gateway-label": {
      "type": "Text",
      "left": 578, "top": 396,
      "text": "Gateway (GJ-71)",
      "fontColor": "#f0d060", "fontSize": 10
    },

    "dot-n1": {
      "type": "Ellipse",
      "left": 540, "top": 255, "width": 6, "height": 6,
      "fillColor": "#4488aa", "strokeColor": "#4488aa"
    },
    "dot-n2": {
      "type": "Ellipse",
      "left": 580, "top": 195, "width": 6, "height": 6,
      "fillColor": "#4488aa", "strokeColor": "#4488aa"
    },
    "dot-n3": {
      "type": "Ellipse",
      "left": 510, "top": 165, "width": 6, "height": 6,
      "fillColor": "#4488aa", "strokeColor": "#4488aa"
    },
    "dot-n4": {
      "type": "Ellipse",
      "left": 600, "top": 125, "width": 6, "height": 6,
      "fillColor": "#4488aa", "strokeColor": "#4488aa"
    },
    "dot-n5": {
      "type": "Ellipse",
      "left": 530, "top": 95, "width": 6, "height": 6,
      "fillColor": "#336688", "strokeColor": "#336688"
    },

    "dot-s1": {
      "type": "Ellipse",
      "left": 550, "top": 520, "width": 6, "height": 6,
      "fillColor": "#aa6644", "strokeColor": "#aa6644"
    },
    "dot-s2": {
      "type": "Ellipse",
      "left": 590, "top": 580, "width": 6, "height": 6,
      "fillColor": "#aa6644", "strokeColor": "#aa6644"
    },
    "dot-s3": {
      "type": "Ellipse",
      "left": 520, "top": 610, "width": 6, "height": 6,
      "fillColor": "#aa6644", "strokeColor": "#aa6644"
    },
    "dot-s4": {
      "type": "Ellipse",
      "left": 570, "top": 660, "width": 6, "height": 6,
      "fillColor": "#885533", "strokeColor": "#885533"
    },

    "dot-e1": {
      "type": "Ellipse",
      "left": 680, "top": 370, "width": 6, "height": 6,
      "fillColor": "#44aa66", "strokeColor": "#44aa66"
    },
    "dot-e2": {
      "type": "Ellipse",
      "left": 740, "top": 340, "width": 6, "height": 6,
      "fillColor": "#44aa66", "strokeColor": "#44aa66"
    },
    "dot-e3": {
      "type": "Ellipse",
      "left": 800, "top": 400, "width": 6, "height": 6,
      "fillColor": "#44aa66", "strokeColor": "#44aa66"
    },
    "dot-e4": {
      "type": "Ellipse",
      "left": 850, "top": 350, "width": 6, "height": 6,
      "fillColor": "#338855", "strokeColor": "#338855"
    },

    "dot-w1": {
      "type": "Ellipse",
      "left": 450, "top": 400, "width": 6, "height": 6,
      "fillColor": "#aa8844", "strokeColor": "#aa8844"
    },
    "dot-w2": {
      "type": "Ellipse",
      "left": 390, "top": 360, "width": 6, "height": 6,
      "fillColor": "#aa8844", "strokeColor": "#aa8844"
    },
    "dot-w3": {
      "type": "Ellipse",
      "left": 330, "top": 410, "width": 6, "height": 6,
      "fillColor": "#aa8844", "strokeColor": "#aa8844"
    },
    "dot-w4": {
      "type": "Ellipse",
      "left": 270, "top": 370, "width": 6, "height": 6,
      "fillColor": "#886633", "strokeColor": "#886633"
    },

    "dot-core1": {
      "type": "Ellipse",
      "left": 530, "top": 340, "width": 8, "height": 8,
      "fillColor": "#c8d0e0", "strokeColor": "#c8d0e0"
    },
    "dot-core2": {
      "type": "Ellipse",
      "left": 590, "top": 360, "width": 8, "height": 8,
      "fillColor": "#c8d0e0", "strokeColor": "#c8d0e0"
    },
    "dot-core3": {
      "type": "Ellipse",
      "left": 555, "top": 420, "width": 8, "height": 8,
      "fillColor": "#c8d0e0", "strokeColor": "#c8d0e0"
    },

    "selected-highlight": {
      "type": "Ellipse",
      "left": 735, "top": 335, "width": 16, "height": 16,
      "fillColor": "#00000000", "strokeColor": "#c8d8f0"
    },
    "selected-name": {
      "type": "Text",
      "left": 755, "top": 332,
      "text": "Lu Ban (GJ-15A)",
      "fontColor": "#c8d8f0", "fontSize": 11
    },
    "selected-info": {
      "type": "Text",
      "left": 755, "top": 346,
      "text": "East Reach · Hop 4 · Hub · Manufacturing",
      "fontColor": "#667788", "fontSize": 10
    },

    "gate-lane-1": {
      "type": "Line",
      "left": 743, "top": 343, "width": 60, "height": 30,
      "strokeColor": "#2a4060"
    },
    "gate-lane-2": {
      "type": "Line",
      "left": 743, "top": 343, "width": -60, "height": -27,
      "strokeColor": "#2a4060"
    },
    "gate-note": {
      "type": "Text",
      "left": 755, "top": 360,
      "text": "3 gate connections shown",
      "fontColor": "#445566", "fontSize": 9
    },

    "legend-bg": {
      "type": "Rectangle",
      "left": 20, "top": 620, "width": 170, "height": 140,
      "fillColor": "#111820", "strokeColor": "#1a2030",
      "corners": [4, 4, 4, 4]
    },
    "legend-title": {
      "type": "Text",
      "parent": "legend-bg",
      "left": 30, "top": 630,
      "text": "SECTORS",
      "fontColor": "#c8d0e0", "fontSize": 11
    },
    "legend-n-dot": {
      "type": "Ellipse",
      "parent": "legend-bg",
      "left": 30, "top": 652, "width": 8, "height": 8,
      "fillColor": "#4488aa", "strokeColor": "#4488aa"
    },
    "legend-n-text": {
      "type": "Text",
      "parent": "legend-bg",
      "left": 44, "top": 650,
      "text": "North (Commonwealth)",
      "fontColor": "#667788", "fontSize": 10
    },
    "legend-s-dot": {
      "type": "Ellipse",
      "parent": "legend-bg",
      "left": 30, "top": 670, "width": 8, "height": 8,
      "fillColor": "#aa6644", "strokeColor": "#aa6644"
    },
    "legend-s-text": {
      "type": "Text",
      "parent": "legend-bg",
      "left": 44, "top": 668,
      "text": "South (Iberian/LatAm)",
      "fontColor": "#667788", "fontSize": 10
    },
    "legend-e-dot": {
      "type": "Ellipse",
      "parent": "legend-bg",
      "left": 30, "top": 688, "width": 8, "height": 8,
      "fillColor": "#44aa66", "strokeColor": "#44aa66"
    },
    "legend-e-text": {
      "type": "Text",
      "parent": "legend-bg",
      "left": 44, "top": 686,
      "text": "East (East Asian)",
      "fontColor": "#667788", "fontSize": 10
    },
    "legend-w-dot": {
      "type": "Ellipse",
      "parent": "legend-bg",
      "left": 30, "top": 706, "width": 8, "height": 8,
      "fillColor": "#aa8844", "strokeColor": "#aa8844"
    },
    "legend-w-text": {
      "type": "Text",
      "parent": "legend-bg",
      "left": 44, "top": 704,
      "text": "West (Germanic/Scand.)",
      "fontColor": "#667788", "fontSize": 10
    },
    "legend-core-dot": {
      "type": "Ellipse",
      "parent": "legend-bg",
      "left": 30, "top": 724, "width": 8, "height": 8,
      "fillColor": "#c8d0e0", "strokeColor": "#c8d0e0"
    },
    "legend-core-text": {
      "type": "Text",
      "parent": "legend-bg",
      "left": 44, "top": 722,
      "text": "Core (Cosmopolitan)",
      "fontColor": "#667788", "fontSize": 10
    },
    "legend-gateway-dot": {
      "type": "Ellipse",
      "parent": "legend-bg",
      "left": 30, "top": 742, "width": 8, "height": 8,
      "fillColor": "#f0d060", "strokeColor": "#f0d060"
    },
    "legend-gateway-text": {
      "type": "Text",
      "parent": "legend-bg",
      "left": 44, "top": 740,
      "text": "Gateway",
      "fontColor": "#667788", "fontSize": 10
    },

    "interaction-note": {
      "type": "Text",
      "left": 20, "top": 82,
      "text": "Click system → show gate connections + info\nRoute mode → highlight A→B hops only\nDefault → connections hidden (too messy)",
      "fontColor": "#445566", "fontSize": 10
    },

    "hop-label-0": {
      "type": "Text",
      "left": 555, "top": 468,
      "text": "0",
      "fontColor": "#1a2030", "fontSize": 9
    },
    "hop-label-3": {
      "type": "Text",
      "left": 555, "top": 570,
      "text": "3",
      "fontColor": "#1a2030", "fontSize": 9
    },
    "hop-label-5": {
      "type": "Text",
      "left": 555, "top": 610,
      "text": "5",
      "fontColor": "#1a2030", "fontSize": 9
    },
    "hop-label-7": {
      "type": "Text",
      "left": 555, "top": 650,
      "text": "7",
      "fontColor": "#1a2030", "fontSize": 9
    },
    "hop-label-9": {
      "type": "Text",
      "left": 555, "top": 690,
      "text": "9+",
      "fontColor": "#1a2030", "fontSize": 9
    }
  }
}