From 8651ae9fec82c0a47dd1e17a883664f2054636b7 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Tue, 29 Oct 2024 17:23:12 +0100
Subject: Use SVG paths for spaces.

---
 play.css  |  22 ++----
 play.html | 247 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 play.js   |  44 +++++++----
 3 files changed, 282 insertions(+), 31 deletions(-)

diff --git a/play.css b/play.css
index 46a37c2..1859938 100644
--- a/play.css
+++ b/play.css
@@ -109,28 +109,22 @@ main { background-color: #777; }
 
 /* SPACES */
 
-path { fill: transparent; stroke-width: 4; }
-path.action { fill: white; fill-opacity: 0.3; stroke: white; }
+path { fill: none; stroke-width: 4; }
+path.action { fill: yellowgreen; fill-opacity: 0.3; stroke: lightgreen; }
+path.mongol.action { fill: gold; fill-opacity: 0.3; stroke: gold; }
 path.selected { stroke: yellow; }
 path.tip { stroke: white; stroke-dasharray: 4 4; }
 
 .space {
 	position: absolute;
-	border: 2px solid lime;
-}
-
-.space.action {
-	background-color: white; opacity: 0.3; stroke: white;
-}
-
-.space.selected {
-	background-color: gold; opacity: 0.3; stroke: white;
-}
-
-.space.province {
 	border-radius: 50%;
+	border: 4px solid transparent;
 }
 
+.space.action { border-color: lightgreen; box-shadow: 0 0 2px 1px black, inset 0 0 2px 1px black; }
+.space.selected { border-color: yellow; box-shadow: 0 0 2px 1px black, inset 0 0 2px 1px black; }
+.space.tip { border: 4px dotted white; }
+
 .box{position:absolute;box-sizing:border-box;border:4px solid transparent}
 .box.action{border-color:lemonchiffon;}
 .box.selected{border-color:yellow;}
diff --git a/play.html b/play.html
index 773e578..1a0f19a 100644
--- a/play.html
+++ b/play.html
@@ -59,8 +59,251 @@
 
 <div id="mapwrap">
 	<div id="map">
-		<svg id="svgmap" width="1650" height="2550" viewBox="0 0 1650 2550">
-			<!-- TODO: region paths -->
+		<svg id="svgmap" width="1275" height="1650" viewBox="0 0 1275 1650">
+<g transform="translate(0.000000,1650.000000) scale(1.000000,-1.000000)" fill="#000000" stroke="none">
+<path class="mongol province" id="space_Mountain_Passes" d="M1 1478 l0 -92 3 1 c2 1 4 1 6 2 2 1 5 1 8 1 2 0 4 1 5 2 5 5 19 3
+28 -3 4 -3 8 -4 18 -5 2 -1 6 -3 9 -5 l4 -3 15 -1 c9 -1 16 -1 17 -1 2 0 14 2
+16 3 1 1 5 2 9 2 6 1 11 3 19 11 2 1 6 3 8 4 2 1 6 3 8 4 2 2 7 5 12 7 4 3 8
+5 8 5 0 2 4 6 6 6 1 0 2 1 3 2 1 0 2 1 2 1 1 0 3 1 5 3 3 3 4 3 10 4 9 0 19 4
+24 8 6 5 18 7 26 3 l4 -2 5 4 c2 2 5 5 6 8 2 3 4 7 6 8 8 6 23 10 39 10 7 0 8
+0 12 4 7 6 13 9 22 12 4 2 8 4 10 5 3 3 8 6 14 7 2 0 6 1 7 2 5 2 15 10 18 14
+2 2 6 4 12 6 4 2 11 6 14 8 4 3 8 5 8 5 0 0 1 1 2 2 0 3 6 9 9 11 2 0 5 3 9 6
+3 3 8 7 12 9 4 1 9 5 13 8 l6 6 -249 0 -248 0 0 -92z m208 17 l0 -63 -97 0
+-97 0 0 63 0 63 97 0 97 0 0 -63z"/>
+<path class="mongol province" id="space_Punjab" d="M523 1553 c-3 -1 -7 -2 -9 -3 -3 -1 -7 -3 -11 -7 -3 -2 -9 -6 -12 -8
+-3 -2 -7 -5 -9 -7 -2 -2 -5 -4 -8 -6 -2 -1 -4 -3 -5 -5 -2 -5 -9 -12 -12 -12
+-1 0 -4 -2 -8 -4 -3 -2 -8 -5 -10 -6 -2 -1 -7 -3 -9 -6 -3 -2 -5 -4 -6 -4 0 0
+-4 -3 -9 -6 -6 -5 -10 -6 -15 -8 -5 -1 -8 -2 -11 -4 -2 -3 -6 -5 -12 -6 -7 -3
+-13 -6 -26 -15 -4 -3 -4 -3 -18 -3 -19 -1 -23 -3 -27 -10 -2 -2 -4 -5 -6 -7
+-1 -1 -4 -3 -6 -5 -8 -8 -11 -9 -19 -9 -4 0 -9 1 -11 2 -4 1 -4 1 -8 -1 -2 -2
+-5 -3 -7 -4 -2 -1 -6 -2 -8 -3 -3 -1 -7 -2 -10 -2 -4 0 -6 -1 -12 -4 -4 -2 -7
+-5 -9 -6 -1 -2 -3 -3 -4 -4 -3 -3 -5 -7 -12 -28 -1 -4 -4 -10 -5 -13 -4 -8 -4
+-9 -1 -9 1 0 5 -2 9 -4 3 -2 8 -5 10 -6 l5 -2 7 3 c5 3 10 4 14 5 3 0 7 1 10
+3 2 1 8 3 12 4 7 2 8 3 11 8 6 8 18 19 25 23 9 5 15 6 22 4 8 -3 17 -5 22 -5
+2 0 7 -1 10 -2 3 -1 7 -2 8 -2 2 0 11 3 21 7 9 3 20 3 26 -1 4 -3 10 -5 20 -7
+3 -1 9 -3 12 -4 4 -2 8 -3 10 -3 4 0 7 -1 10 -5 4 -4 16 -8 23 -7 2 0 8 0 12
+-1 3 -1 9 -2 11 -2 l5 -1 3 6 c14 28 39 53 69 67 25 13 46 17 77 17 l19 -1 -3
+3 c-1 2 -4 4 -6 5 -2 1 -5 4 -7 5 -1 2 -5 4 -7 5 -2 2 -7 4 -10 6 -3 1 -7 4
+-8 5 -2 1 -6 2 -8 3 -6 1 -22 13 -34 24 -7 6 -8 7 -12 7 -3 0 -5 1 -10 5 -13
+11 -30 33 -32 42 -2 4 -5 10 -7 10 0 0 -2 -1 -4 -1z"/>
+<path class="province" id="space_Sindh" d="M32 1369 c-3 -1 -5 -2 -9 -2 -4 0 -7 -1 -11 -2 -2 -2 -6 -3 -8 -3
+l-3 0 0 -144 0 -144 6 0 c5 0 7 0 10 -3 l3 -2 7 5 c4 3 10 7 13 8 5 2 8 3 17
+13 7 7 12 12 13 12 0 0 3 2 5 4 3 2 6 4 8 5 3 1 6 4 8 9 1 2 4 5 6 7 2 3 4 6
+4 8 1 2 3 8 6 13 2 5 5 10 6 12 1 2 3 5 4 7 2 2 3 4 3 4 0 1 2 4 4 6 1 3 3 6
+3 8 0 3 3 9 5 11 3 4 3 6 1 8 -1 2 -2 4 -3 6 0 1 -1 4 -2 6 -2 4 -2 5 -1 13 1
+5 1 12 2 16 0 4 1 8 2 9 1 3 1 3 -2 7 -3 4 -7 14 -7 19 0 4 8 16 16 25 6 7 8
+10 10 14 2 8 5 13 9 18 3 2 5 6 6 8 4 6 6 12 8 15 1 4 1 4 -1 3 -1 -1 -2 -2
+-3 -2 -1 0 -4 -1 -6 -3 -3 -3 -6 -4 -11 -4 -3 0 -8 -2 -10 -3 -3 -1 -6 -2 -7
+-2 -2 0 -5 -1 -7 -2 -5 -2 -14 -3 -20 0 -4 1 -5 1 -10 0 -6 -1 -8 -1 -19 1 -5
+1 -8 3 -12 5 -3 3 -6 4 -12 6 -4 0 -9 2 -12 4 -6 4 -6 4 -9 1z"/>
+<path class="province" id="space_Rajput_Kingdoms" d="M300 1352 c-5 -4 -9 -8 -16 -17 -6 -8 -8 -10 -17 -12 -5 -2 -11 -4
+-13 -6 -3 -1 -6 -2 -11 -3 -5 0 -9 -2 -14 -4 -7 -4 -8 -4 -17 -4 -9 0 -10 0
+-18 5 -8 4 -10 4 -13 3 -5 0 -15 -8 -21 -15 -2 -2 -6 -6 -8 -9 -3 -3 -5 -6 -5
+-6 0 -2 2 -6 7 -11 2 -4 3 -8 1 -15 -1 -3 -2 -8 -3 -11 0 -3 -1 -7 -2 -10 -2
+-5 0 -12 5 -18 3 -4 3 -5 3 -11 0 -11 -1 -15 -5 -19 -2 -2 -4 -6 -6 -10 -1 -3
+-3 -8 -4 -10 -2 -2 -5 -6 -6 -9 -2 -2 -3 -4 -3 -5 0 0 -2 -4 -4 -8 -3 -6 -4
+-10 -5 -14 0 -6 0 -7 -6 -12 -6 -5 -9 -9 -12 -15 l-2 -4 5 0 c5 -1 14 -3 17
+-4 2 -2 21 -1 27 0 2 1 6 2 7 3 1 1 4 2 7 2 3 0 7 1 10 2 6 1 17 1 19 -1 1 -1
+4 1 10 7 10 9 14 11 22 12 3 1 8 2 10 3 13 5 16 5 26 -1 7 -5 8 -5 14 -5 3 0
+8 -1 10 -2 3 -1 6 -1 12 0 4 0 8 0 10 -1 2 -1 6 -1 9 -2 8 -1 15 -4 18 -6 3
+-2 5 -2 16 -3 20 0 33 -1 34 -3 1 -1 4 -1 9 -1 4 0 11 0 16 -1 5 -1 11 -1 15
+-1 4 -1 9 -1 13 -2 4 0 10 -1 14 -1 6 0 7 0 7 -1 0 -1 1 -2 2 -2 1 0 2 0 3 -1
+3 -3 8 3 8 9 0 1 1 3 1 5 1 1 2 4 3 6 1 6 6 11 13 14 9 3 13 6 14 10 2 4 9 12
+16 16 4 3 7 6 9 7 l2 3 -6 7 c-18 20 -30 45 -36 72 -2 9 -2 13 -2 35 0 22 0
+24 2 34 2 6 2 11 2 11 -1 2 -16 4 -25 4 -8 0 -10 1 -15 3 -4 2 -7 3 -9 3 -1 0
+-4 2 -7 4 -3 3 -6 4 -9 5 -2 0 -6 1 -8 2 -3 2 -13 4 -23 6 -3 0 -6 2 -7 3 -4
+3 -5 3 -9 1 -3 -1 -6 -2 -8 -3 -2 -1 -5 -2 -7 -3 -4 -1 -6 -1 -13 0 -5 0 -13
+1 -19 2 -9 0 -12 1 -17 3 -8 4 -11 4 -17 0z"/>
+<path class="province" id="space_Jaunpur" d="M799 1324 c5 -15 7 -24 7 -48 0 -26 -2 -34 -9 -54 -11 -32 -34 -62
+-60 -79 -4 -2 -5 -4 -4 -5 0 -1 1 -3 1 -4 1 -2 2 -5 3 -6 9 -16 9 -20 7 -31
+-1 -4 -2 -7 -1 -7 0 0 2 -1 4 -1 2 -1 6 -2 8 -4 3 -2 6 -3 8 -4 4 0 14 -11 15
+-15 0 -2 2 -5 4 -7 2 -3 4 -6 5 -8 1 -3 2 -6 4 -8 1 -1 3 -4 4 -6 2 -4 6 -5
+12 -5 16 2 17 2 21 0 8 -5 19 -8 31 -9 7 0 13 -1 15 -2 3 -1 6 -1 12 0 8 1 51
+1 53 0 1 0 3 0 6 1 4 1 9 2 25 2 27 1 29 2 33 5 3 3 5 9 5 14 0 5 -2 23 -4 29
+-2 7 -1 12 1 17 2 4 3 5 1 7 0 2 -2 7 -2 11 -2 8 -4 14 -8 23 -1 4 -2 7 -2 15
+0 14 2 18 11 24 17 12 16 12 27 13 5 0 11 1 12 1 1 1 6 2 11 2 7 1 10 1 12 3
+2 1 4 2 5 2 2 0 3 0 4 1 0 1 2 1 4 1 1 0 3 0 3 1 0 0 -1 2 -2 3 -2 2 -3 4 -3
+6 0 11 -6 21 -14 25 -3 1 -6 4 -8 6 -2 2 -5 5 -7 7 -8 5 -17 14 -17 17 0 1 -1
+5 -3 8 -2 3 -3 6 -4 11 -1 4 -1 7 -1 8 -1 1 -8 1 -52 3 -15 0 -19 1 -19 2 0 0
+-1 1 -2 1 -1 0 -6 2 -11 5 -6 5 -9 6 -12 6 -5 0 -10 2 -16 7 -3 2 -7 5 -9 6
+-2 1 -6 4 -9 6 -3 4 -5 5 -7 5 -2 0 -4 1 -6 2 -3 2 -3 3 -44 3 l-40 0 2 -6z"/>
+<path class="province" id="space_Bengal" d="M1055 1264 c0 -1 3 -3 7 -6 4 -2 10 -7 13 -11 3 -3 7 -7 9 -8 6 -3
+14 -18 14 -25 0 -3 4 -8 7 -10 2 -1 5 -4 8 -7 5 -4 5 -4 5 -10 0 -5 0 -6 -3
+-9 -3 -4 -4 -4 -23 -6 -8 -1 -10 -1 -14 -4 -6 -4 -6 -4 -14 -4 -8 0 -9 0 -12
+-3 -4 -2 -5 -2 -12 -2 -7 1 -8 0 -11 -2 -2 -1 -5 -4 -7 -5 -7 -4 -8 -8 -3 -14
+1 -2 3 -6 3 -10 1 -3 2 -8 3 -10 0 -3 1 -6 1 -8 0 -2 1 -3 2 -4 0 -1 2 -3 3
+-4 2 -4 1 -14 -2 -18 -3 -4 -3 -7 -2 -13 1 -3 2 -12 3 -20 1 -12 1 -15 0 -21
+-2 -7 -2 -8 1 -8 1 0 4 -2 6 -4 4 -4 4 -4 10 -3 6 0 7 0 12 -2 3 -2 6 -3 7 -3
+2 0 9 -5 13 -8 1 -2 4 -6 6 -9 3 -5 5 -6 8 -7 3 -1 6 -3 10 -7 3 -3 7 -6 9 -7
+4 -1 10 -4 14 -8 2 -3 3 -4 3 -13 0 -6 0 -10 1 -11 1 -1 2 -3 2 -4 0 -2 3 -5
+9 -5 2 -1 4 -2 6 -3 3 -3 8 -4 14 -3 2 1 6 1 8 1 4 0 5 1 9 5 6 7 9 8 16 6 4
+-1 10 -1 13 -2 7 -1 8 -1 12 -5 3 -4 4 -5 8 -5 5 0 8 -2 13 -7 2 -2 6 -5 9 -7
+l4 -4 6 3 c4 2 8 3 11 4 l4 0 0 154 0 154 -5 0 c-2 1 -5 2 -6 3 -2 1 -2 1 -2
+-20 l0 -21 -33 0 -33 0 0 24 0 23 -6 1 c-4 1 -7 2 -8 3 -2 1 -3 2 -5 3 -3 2
+-19 5 -23 5 -3 0 -5 1 -6 2 -3 3 -12 7 -18 8 -2 0 -8 2 -12 4 -8 4 -9 4 -21 5
+-11 0 -13 0 -15 -1 -1 -2 -3 -2 -8 -2 -6 0 -9 0 -13 3 -3 2 -6 2 -5 2z"/>
+<path class="province" id="space_Malwa" d="M550 1145 c-1 -1 -4 -3 -6 -5 -3 -2 -6 -4 -7 -5 -4 -2 -12 -10 -12
+-11 0 -5 -5 -11 -9 -11 -2 0 -4 -1 -6 -2 -1 -1 -4 -3 -6 -4 -5 -3 -6 -4 -8
+-18 -1 -4 -2 -8 -3 -10 -1 -1 -2 -2 -2 -3 0 -1 -2 -4 -5 -7 -5 -6 -6 -8 -4 -9
+2 -1 1 -11 -1 -14 -1 -3 -11 -12 -15 -14 -2 -1 -2 -2 -2 -11 0 -10 0 -10 -3
+-13 -2 -1 -5 -3 -6 -4 -4 -2 -4 -6 -1 -12 1 -2 2 -5 2 -6 0 -2 1 -5 2 -7 1 -3
+2 -6 2 -8 0 -1 0 -4 1 -6 1 -3 1 -15 -1 -23 -1 -6 0 -11 4 -16 1 -2 3 -6 4 -9
+1 -3 4 -10 6 -14 5 -8 7 -14 7 -22 0 -6 0 -6 6 -12 3 -3 5 -7 5 -7 0 -1 2 -4
+4 -6 2 -3 3 -5 3 -7 0 -3 3 -9 4 -9 0 0 2 1 3 3 1 1 4 5 8 9 4 4 9 10 11 14 3
+3 8 8 11 10 5 3 5 3 5 7 0 3 0 5 1 6 1 0 1 2 1 3 0 6 2 11 6 14 2 1 5 4 8 6 2
+2 7 5 11 6 11 3 20 12 20 20 l0 3 -10 -1 c-8 0 -12 0 -17 -3 -4 -1 -10 -3 -12
+-4 -7 -2 -17 -3 -23 0 -2 0 -8 3 -12 6 -5 3 -8 4 -10 4 -2 0 -5 1 -6 2 -1 1
+-5 2 -8 3 -10 3 -14 6 -18 10 -4 4 -4 5 -4 9 1 5 2 6 5 9 6 5 10 7 14 7 3 0 5
+1 7 2 2 1 5 2 10 3 4 0 7 1 8 2 1 0 2 1 2 1 1 0 3 1 5 3 5 3 13 3 20 0 l5 -2
+2 2 c2 1 4 2 7 2 3 0 5 1 11 5 6 5 7 5 12 5 3 -1 5 -1 5 0 1 1 2 1 3 1 1 0 3
+1 4 2 2 2 3 4 3 7 0 4 0 4 3 4 2 0 4 -1 5 -2 2 -1 2 -1 2 2 1 3 1 3 4 3 2 0 4
+-1 5 -2 1 -1 3 -1 11 0 26 3 25 3 27 6 2 2 3 2 6 2 3 0 7 0 9 1 13 3 20 4 27
+4 17 -2 21 -2 21 -1 0 1 12 3 21 3 7 0 9 0 10 1 2 3 6 4 15 5 l8 0 -4 5 c-2 2
+-4 5 -4 6 0 2 -1 4 -2 5 -4 3 -17 9 -23 10 -7 1 -9 4 -11 12 -1 9 -1 14 0 19
+2 6 1 8 -3 15 -2 3 -4 7 -4 8 -1 6 -3 6 -11 3 -8 -3 -23 -6 -33 -8 -9 -1 -37
+-1 -46 0 -23 3 -47 12 -64 24 -3 2 -6 4 -6 4 -1 0 -3 0 -4 0z"/>
+<path class="province" id="space_Gujarat" d="M243 1102 c-4 -1 -8 -2 -9 -2 -2 0 -5 -2 -10 -7 -4 -4 -10 -8 -12 -9
+-5 -3 -5 -3 -31 -3 -5 0 -8 -1 -10 -1 -1 -1 -4 -3 -7 -3 -2 -1 -7 -3 -9 -4 -3
+-1 -6 -1 -11 -1 -4 1 -10 1 -15 2 -5 0 -9 1 -12 2 -4 2 -8 3 -17 4 -4 0 -10 2
+-13 2 l-5 2 -4 -3 c-2 -2 -5 -4 -6 -5 -1 -1 -3 -3 -4 -5 -2 -5 -4 -6 -10 -8
+-14 -5 -18 -7 -13 -7 3 0 4 -1 8 -5 2 -3 3 -5 3 -8 0 -3 7 -14 12 -17 1 -1 6
+-3 10 -6 3 -3 9 -6 12 -7 3 0 7 -2 8 -3 2 -1 7 -3 17 -5 7 -2 8 -1 12 1 1 1 6
+3 11 3 5 1 11 3 14 4 8 3 14 3 19 -1 11 -7 12 -11 6 -26 -5 -10 -9 -16 -14
+-19 -2 0 -6 -1 -9 -1 -6 0 -7 0 -9 -2 -3 -4 -8 -6 -13 -6 -2 0 -7 -1 -10 -2
+-4 -2 -8 -3 -9 -3 -5 -1 -11 -4 -11 -5 0 -1 2 -2 5 -4 7 -5 26 -24 41 -39 10
+-11 14 -14 27 -23 21 -14 30 -16 43 -10 4 2 8 4 9 4 4 0 11 3 15 6 2 2 7 4 11
+6 5 1 9 3 11 4 1 1 4 2 6 3 3 1 5 3 7 7 1 3 4 7 6 9 3 4 3 4 2 7 -1 2 -2 6 -2
+15 0 9 0 12 2 15 1 2 2 6 2 8 0 4 2 8 6 12 l3 3 15 -1 c15 0 16 0 19 -3 3 -1
+5 -4 6 -5 4 -6 2 -15 -3 -18 -3 -1 -3 -1 -3 -7 0 -5 1 -7 4 -12 4 -7 4 -13 1
+-20 -1 -2 -2 -7 -3 -10 0 -5 0 -5 3 -11 5 -8 8 -14 8 -15 0 -1 1 -5 2 -8 3 -7
+3 -17 0 -24 -3 -7 -3 -7 1 -7 2 0 5 -1 7 -2 2 -1 5 -2 5 -1 1 0 5 1 10 1 5 0
+12 2 14 2 2 1 7 2 9 3 5 0 5 0 10 -5 l5 -4 7 0 c6 0 8 0 11 -2 1 -1 4 -2 6 -2
+1 0 5 -1 8 -3 5 -2 6 -2 9 -1 3 1 7 2 10 3 4 1 8 2 10 3 3 1 7 2 10 2 3 0 5 0
+5 1 0 0 -1 3 -3 6 -2 2 -3 5 -3 7 0 4 -5 12 -10 17 -6 5 -7 8 -7 19 0 7 0 8
+-3 13 -7 13 -9 18 -9 20 0 2 -1 4 -2 6 -3 3 -5 7 -7 13 -4 14 -4 16 -1 22 2 4
+3 5 2 9 0 2 -2 7 -3 12 0 4 -2 9 -3 11 -1 2 -2 6 -2 9 -1 5 -2 8 -4 10 -3 4
+-3 5 -3 10 0 6 0 6 3 9 2 2 4 3 6 3 6 0 7 2 7 8 0 7 2 15 5 18 2 1 4 3 7 4 2
+1 4 3 5 3 1 2 1 13 0 14 -1 1 -4 2 -21 4 -4 1 -10 1 -14 0 -8 0 -13 1 -21 5
+-3 2 -12 4 -29 5 -6 0 -11 1 -12 1 -1 1 -7 2 -15 2 -14 1 -15 1 -21 4 -5 2 -9
+4 -13 4 -3 0 -5 1 -6 1 0 1 -5 1 -10 1 -7 0 -12 1 -15 2 -2 0 -7 1 -10 1 -5 0
+-7 1 -13 4 -3 1 -6 3 -7 3 0 0 -3 -1 -7 -3z"/>
+<path class="province" id="space_Gondwana" d="M1002 1003 c-2 -1 -10 -1 -24 -2 -16 0 -23 0 -26 -1 -7 -2 -33 -3
+-40 -1 -3 1 -9 1 -22 0 -15 -1 -19 -1 -21 1 -5 1 -17 1 -22 0 -2 -1 -8 -1 -14
+-2 -12 0 -18 -1 -26 -3 -2 -1 -6 -2 -8 -2 -7 -2 -7 -3 -8 -22 0 -14 -1 -17 -2
+-19 -3 -4 -3 -12 0 -22 1 -4 2 -9 2 -11 0 -1 1 -3 2 -5 1 -1 3 -3 4 -5 1 -2 3
+-4 4 -4 1 -1 3 -2 4 -4 1 -2 4 -6 6 -9 6 -6 6 -7 8 -12 0 -2 1 -5 2 -6 4 -5 4
+-20 1 -27 -2 -5 -4 -21 -4 -39 0 -8 -1 -10 -3 -12 -2 -3 -2 -4 -1 -7 1 -2 1
+-6 0 -9 -1 -11 0 -15 2 -20 2 -4 2 -6 2 -14 l0 -9 3 0 c2 0 4 0 5 -1 1 0 5 2
+9 6 5 4 8 6 10 6 1 0 5 1 8 2 4 1 8 1 11 0 l5 0 3 5 c5 6 13 11 17 11 2 0 4
+-1 6 -2 4 -1 4 -1 7 2 2 2 5 6 7 9 4 7 16 20 21 23 2 1 5 4 7 8 4 7 7 10 13
+11 6 1 11 4 13 9 3 5 7 9 12 10 4 1 6 4 6 9 0 2 2 4 8 11 15 14 22 19 29 20 3
+1 3 1 3 5 0 3 1 6 2 8 0 1 2 5 2 9 1 4 2 9 3 12 3 6 3 6 21 7 9 0 12 0 14 -1
+1 -1 2 -1 4 0 2 0 12 1 22 2 l19 0 2 3 c2 4 1 8 -1 13 -2 3 -3 5 -3 10 l0 6
+-8 4 c-4 2 -7 4 -8 4 0 2 -9 7 -11 7 -2 0 -8 6 -10 10 -1 1 -4 5 -6 8 -6 7
+-10 8 -22 8 -11 0 -12 1 -19 8 -4 4 -4 4 -10 4 -3 0 -6 0 -7 0 -1 1 -2 0 -3 0z"/>
+<path class="province" id="space_Madhyadesh" d="M766 992 c-2 -1 -7 -2 -11 -4 -7 -2 -9 -2 -16 -2 -7 1 -9 1 -11 -1
+-2 -1 -6 -2 -12 -2 -6 -1 -11 -2 -12 -3 -2 -1 -6 -2 -8 -2 -3 -1 -8 -2 -11 -3
+-4 -2 -8 -3 -9 -3 -2 0 -6 -1 -9 -3 -3 -1 -6 -2 -7 -2 -2 0 -5 -1 -7 -3 -3 -2
+-6 -3 -9 -3 -2 0 -5 -1 -7 -2 -2 -1 -4 -2 -5 -2 -4 0 -13 -5 -17 -10 -3 -3 -5
+-5 -5 -5 -1 -15 -3 -22 -9 -30 -5 -6 -19 -15 -26 -16 -1 -1 -4 -3 -6 -4 -4 -3
+-4 -4 -5 -13 l-1 -10 -5 -5 c-3 -3 -7 -7 -9 -8 -2 -1 -6 -5 -8 -8 -2 -4 -6 -7
+-8 -8 -1 -2 -4 -4 -5 -6 -3 -7 -10 -17 -11 -17 -3 0 2 -14 6 -16 1 -1 1 -2 1
+-4 0 -2 1 -4 1 -6 5 -9 7 -15 8 -24 l0 -9 5 -3 c7 -5 18 -17 18 -21 0 -1 1 -3
+4 -4 2 -2 5 -4 6 -6 1 -2 4 -5 6 -8 2 -2 4 -5 4 -5 0 -1 1 -3 3 -6 2 -2 6 -7
+9 -11 5 -7 6 -9 6 -13 0 -5 2 -14 4 -17 1 -1 2 -4 2 -5 0 -5 1 -7 8 -7 3 -1 6
+-2 7 -3 2 -1 4 -1 15 -1 7 1 15 2 16 2 2 1 5 4 8 6 8 9 10 10 14 13 3 2 6 3 8
+3 3 0 5 1 8 3 3 1 6 2 10 3 4 0 7 2 10 3 2 2 5 3 7 3 1 0 4 1 7 3 3 2 7 4 9 5
+2 1 5 2 7 4 2 1 5 2 8 2 5 0 9 2 15 8 2 2 6 5 10 7 3 2 6 4 7 4 0 1 1 1 2 1 1
+0 3 1 5 3 2 1 4 3 6 3 1 1 3 2 4 3 3 3 3 3 4 11 0 5 0 10 0 11 1 3 1 3 -2 6
+-3 3 -5 10 -3 15 1 4 1 14 0 15 -2 1 -1 10 2 16 3 7 4 15 5 30 0 17 1 25 3 28
+2 2 2 2 0 5 -1 2 -2 5 -3 8 -1 4 -3 6 -10 12 -2 2 -4 4 -4 5 0 1 0 2 -1 3 -1
+0 -2 2 -4 4 -1 2 -4 6 -5 7 -4 3 -4 3 -4 12 -1 5 -2 13 -3 18 0 4 -1 12 -2 16
+0 6 0 7 2 10 3 4 3 5 2 7 -1 3 -1 6 1 24 1 3 0 3 -3 2z"/>
+<path class="province" id="space_Orissa" d="M1188 908 l-5 -5 -9 0 c-7 0 -9 0 -12 -2 -3 -2 -5 -2 -9 -2 -2 1 -6
+2 -7 3 -4 3 -13 7 -14 7 -1 0 -2 -1 -2 -1 0 -1 -2 -4 -5 -6 -5 -5 -5 -5 -10
+-5 -3 0 -9 0 -13 -1 -5 -1 -12 -1 -17 -1 -11 0 -31 -1 -34 -3 -4 -1 -5 -5 -7
+-17 -1 -3 -2 -8 -3 -9 -1 -4 -8 -10 -11 -10 -1 -1 -4 -1 -5 -1 -3 -1 -13 -8
+-14 -11 -1 -1 -3 -3 -5 -5 -2 -2 -3 -4 -3 -7 0 -7 -5 -12 -14 -16 -4 -2 -7 -4
+-10 -8 -5 -5 -13 -11 -17 -13 -2 0 -5 -3 -8 -6 -3 -4 -8 -9 -12 -11 -3 -2 -6
+-5 -6 -6 -1 0 -3 -3 -5 -5 -2 -3 -4 -6 -5 -9 -2 -4 -11 -12 -16 -15 -1 -1 -6
+-1 -11 -2 -8 0 -9 0 -11 -4 -1 -1 -4 -5 -7 -6 -4 -4 -5 -4 -15 -4 -5 0 -11 0
+-13 -1 -1 -1 -5 -4 -8 -8 -6 -5 -7 -6 -10 -6 -5 0 -6 -1 -5 -5 1 -3 2 -4 4 -4
+3 0 4 -1 6 -6 0 -2 2 -4 4 -6 5 -2 15 -13 15 -16 0 -2 1 -5 3 -7 2 -2 4 -5 4
+-7 2 -4 2 -4 6 -4 2 0 4 -1 6 -2 1 -1 3 -2 4 -2 1 0 3 -1 5 -3 1 -2 3 -3 3 -3
+1 0 4 -2 6 -4 2 -1 7 -5 10 -7 6 -4 10 -10 10 -14 0 -2 2 -7 7 -16 1 -2 2 -5
+2 -6 0 -1 1 -3 3 -4 1 -1 2 -3 2 -4 0 -2 0 -3 1 -4 1 -1 1 -1 4 0 2 1 5 3 7 4
+l3 1 -3 4 c-4 5 -4 13 -1 19 5 10 24 24 40 30 3 1 7 3 9 4 2 2 5 3 6 4 5 2 14
+10 16 14 1 2 7 9 13 15 8 8 11 10 15 11 10 3 17 7 30 20 7 7 15 16 18 20 3 4
+8 10 10 13 3 4 8 9 12 13 22 22 38 33 52 36 3 0 7 2 9 3 5 2 27 8 32 8 2 0 3
+0 3 2 0 2 13 17 17 20 2 1 3 2 3 4 0 5 10 18 15 20 2 0 2 1 0 5 -7 13 -8 15
+-8 20 0 3 1 6 1 8 2 4 2 6 -2 7 -6 2 -8 3 -11 8 -3 3 -4 4 -6 4 -4 0 -6 1 -10
+4 -1 2 -4 3 -7 3 -4 1 -5 1 -10 -4z"/>
+<path class="province" id="space_Maharashtra" d="M385 806 c-1 0 -12 0 -26 -1 -26 0 -27 0 -26 -5 1 -1 1 -6 2 -10 1
+-4 2 -9 2 -10 1 -2 2 -7 2 -12 1 -7 1 -8 5 -13 4 -5 5 -10 5 -21 0 -4 0 -6 -1
+-8 -2 -2 -2 -4 -1 -8 0 -9 4 -23 7 -33 4 -11 6 -18 6 -22 0 -1 1 -5 3 -10 1
+-4 2 -10 3 -12 0 -3 1 -8 3 -10 1 -3 2 -7 2 -10 0 -3 1 -8 2 -12 0 -4 1 -12 1
+-16 1 -7 1 -11 3 -15 1 -4 3 -10 4 -14 2 -7 3 -9 7 -14 3 -4 6 -8 7 -10 1 -5
+2 -6 7 -6 3 -1 5 -2 7 -3 2 -2 3 -2 16 -3 12 0 14 0 19 -3 7 -3 9 -4 12 -5 1
+0 6 -2 10 -4 4 -1 8 -3 10 -3 2 0 6 -1 9 -2 4 -1 12 -3 19 -5 12 -3 18 -3 39
+-2 11 1 13 2 15 4 2 1 4 2 8 2 4 0 5 0 6 2 2 3 5 6 8 8 2 1 6 7 11 14 5 8 8
+12 11 13 8 5 10 8 10 15 1 5 0 7 -1 9 -1 1 -1 3 -1 6 1 4 0 5 -3 9 -2 3 -4 5
+-4 6 0 0 -1 2 -3 4 -4 5 -9 14 -9 17 0 3 -1 4 -7 10 -4 3 -4 4 -4 8 0 3 0 6
+-1 6 0 1 -1 5 -2 9 0 5 -2 11 -3 14 -1 3 -2 8 -3 10 0 6 -3 11 -10 18 -2 2 -4
+6 -5 9 -2 5 -5 9 -11 13 -7 4 -10 8 -11 15 -1 5 -1 5 -7 9 -10 6 -11 7 -14 12
+-2 4 -2 6 -3 14 0 11 0 10 -8 25 0 1 -2 5 -4 9 l-3 7 -10 -1 c-5 0 -10 0 -11
+0 -1 -1 -4 -2 -8 -3 -3 0 -8 -2 -11 -3 -2 -1 -6 -2 -9 -2 -4 0 -16 3 -28 7 -4
+1 -6 2 -9 1 -2 -1 -5 -1 -6 -1 -3 0 -11 3 -16 6 -1 1 -2 2 -2 1z"/>
+<path class="province" id="space_Andhra" d="M795 702 c-2 -2 -7 -5 -11 -7 -4 -2 -10 -6 -13 -9 -3 -3 -7 -5 -7 -5
+-1 0 -3 -1 -5 -3 -2 -1 -5 -2 -7 -2 -4 0 -20 -6 -24 -10 -1 -1 -4 -3 -7 -3 -2
+-1 -7 -3 -9 -5 -4 -3 -5 -3 -10 -3 -4 0 -6 -1 -8 -2 -2 -1 -6 -3 -9 -3 -5 -1
+-7 -1 -8 -4 -4 -5 -16 -16 -19 -17 -12 -2 -25 -4 -33 -4 -4 -1 -7 -1 -7 -1 0
+0 -1 -2 -2 -3 -1 -3 -1 -4 2 -6 2 -1 3 -3 3 -4 0 -2 6 -13 9 -18 3 -3 3 -5 5
+-14 0 -6 1 -12 0 -14 0 -2 1 -5 1 -8 3 -6 3 -18 0 -20 -2 -3 -8 -5 -12 -5 -4
+0 -14 -9 -16 -15 0 -2 -3 -5 -4 -7 -2 -2 -4 -4 -4 -4 0 -1 -2 -3 -4 -6 -2 -2
+-4 -4 -4 -5 0 0 1 0 2 -1 2 -1 3 -2 3 -4 1 -2 3 -5 6 -7 l5 -5 0 -12 c0 -6 0
+-13 1 -14 l1 -3 10 0 c8 0 10 -1 15 -3 6 -3 7 -5 11 -25 1 -5 2 -6 4 -7 2 -1
+3 -1 8 3 5 3 7 4 11 4 3 0 7 -1 8 -1 5 -2 15 -13 16 -17 1 -2 2 -4 3 -4 3 0 9
+-8 13 -16 4 -7 5 -10 5 -16 l0 -7 4 2 c2 1 6 1 10 1 l7 0 -1 3 c0 2 0 6 0 9 0
+5 0 6 2 9 2 1 4 2 7 3 4 0 7 1 15 6 6 4 15 5 22 3 9 -2 18 -3 21 -3 3 1 4 1 4
+5 1 3 0 6 -2 11 -5 15 -6 21 -2 34 1 6 1 9 -4 24 -3 11 -4 24 -2 31 1 2 2 6 2
+7 1 2 3 5 5 8 2 2 4 7 5 10 3 10 15 20 26 24 10 3 21 3 25 0 l2 -2 3 3 c3 2 7
+11 9 16 0 1 3 5 7 10 l7 7 8 0 c5 0 9 0 10 1 2 1 2 2 0 6 -1 2 -2 5 -2 7 0 1
+-1 2 -1 4 -1 1 -2 3 -2 5 -2 10 -8 17 -18 21 -3 1 -6 4 -7 5 -3 3 -6 4 -12 6
+-9 3 -14 7 -16 13 0 1 -2 5 -4 8 -2 4 -5 8 -6 10 -1 2 -5 6 -8 10 -3 3 -8 7
+-10 9 -1 2 -3 4 -3 5 0 1 -2 3 -5 4 -2 1 -5 3 -5 5 -1 2 -2 2 -5 3 -2 1 -3 0
+-5 -1z"/>
+<path class="province" id="space_Karnataka" d="M417 505 c-1 -1 -2 -3 -3 -5 -1 -4 0 -6 5 -12 1 -1 2 -4 3 -6 1 -3 2
+-5 4 -5 3 -2 8 -8 8 -10 0 -1 2 -4 7 -14 1 -1 3 -8 5 -14 1 -7 4 -14 5 -16 6
+-8 11 -25 12 -37 0 -5 1 -11 2 -15 1 -4 3 -12 5 -19 3 -11 6 -20 12 -31 1 -3
+4 -9 7 -14 4 -7 8 -13 12 -18 13 -14 16 -19 18 -24 1 -2 4 -7 7 -11 3 -4 5 -7
+5 -8 0 -1 1 -3 2 -4 2 -5 5 -13 6 -17 1 -8 5 -19 7 -24 1 -2 2 -5 2 -6 0 -1 2
+-5 4 -9 8 -16 14 -36 16 -55 1 -10 2 -14 7 -23 1 -4 4 -10 5 -13 4 -8 7 -13
+10 -17 2 -1 3 -3 3 -4 0 0 0 -1 1 -1 1 -1 0 16 -1 19 -1 1 -1 5 -1 9 0 7 -1
+14 -3 16 -1 0 -1 14 0 17 0 1 0 2 0 3 -1 0 -1 4 -2 9 0 7 0 9 1 12 3 5 3 11 1
+16 -2 5 -4 26 -2 30 1 3 8 10 10 12 1 0 2 3 3 5 1 4 2 6 5 10 3 2 6 5 7 6 2 1
+3 2 3 9 1 8 2 12 6 15 1 2 3 5 3 9 1 4 3 7 7 13 5 7 7 8 16 9 4 0 9 3 9 5 0 1
+2 4 4 6 2 3 5 7 5 8 2 3 6 7 14 13 8 5 13 14 13 22 0 8 -2 22 -4 26 -1 3 -4 6
+-8 9 -3 2 -6 6 -7 9 -3 5 -4 6 -8 3 -3 -2 -13 -4 -20 -4 -5 0 -6 0 -10 4 -7 8
+-9 11 -11 20 -1 5 -3 10 -3 11 -2 1 -2 1 -6 0 -9 -4 -17 -2 -22 6 -5 5 -8 17
+-9 31 0 6 0 7 -3 10 -2 1 -4 3 -5 3 0 0 -1 1 -2 2 -1 1 -3 4 -5 5 l-3 3 -36 0
+c-32 0 -38 0 -46 2 -11 2 -20 5 -23 6 -2 0 -5 2 -8 3 -4 1 -10 4 -14 6 -6 4
+-8 4 -14 5 -4 0 -7 0 -8 -1z"/>
+<path class="province" id="space_Tamilakam" d="M772 374 c-2 0 -6 -2 -8 -3 -4 -3 -5 -4 -5 -5 1 -2 1 -5 2 -7 0 -5 0
+-5 -4 -9 -8 -7 -11 -9 -21 -10 l-8 0 -10 -9 c-6 -6 -10 -10 -12 -13 -4 -10 -8
+-13 -13 -13 -2 0 -4 -1 -7 -6 -2 -3 -4 -7 -6 -8 -1 -1 -3 -5 -5 -9 -6 -12 -10
+-15 -20 -15 -7 0 -9 -2 -9 -8 0 -4 -1 -6 -6 -14 -2 -3 -3 -4 -2 -5 1 -1 1 -5
+1 -9 -1 -6 -1 -7 -4 -9 -2 -2 -5 -4 -8 -5 -3 -2 -4 -3 -5 -6 -1 -5 -3 -9 -9
+-14 -6 -5 -6 -4 -1 -17 3 -9 3 -19 -1 -27 -3 -5 -3 -6 -1 -14 0 -5 1 -11 1
+-14 0 -3 1 -6 1 -8 1 -2 2 -4 2 -6 -1 -1 0 -5 1 -9 0 -4 1 -10 1 -14 0 -3 0
+-7 1 -8 0 -1 1 -3 2 -5 1 -1 3 -4 5 -6 2 -2 3 -3 3 -6 0 -5 2 -10 4 -12 1 -1
+3 -4 5 -7 2 -5 2 -5 6 -5 2 1 5 3 8 4 2 2 5 4 5 4 3 0 11 9 12 12 0 2 1 8 2
+13 0 5 1 11 1 13 2 3 12 12 19 16 2 2 7 4 10 4 3 1 6 3 7 3 1 1 4 2 6 2 1 0 4
+0 5 1 3 1 3 1 3 10 0 10 1 13 15 29 4 5 4 6 6 16 0 4 1 6 5 10 4 5 13 10 16
+10 1 0 2 1 2 2 1 1 2 1 8 1 4 -1 8 -1 8 -2 0 0 1 11 1 26 0 24 -1 28 -2 30 -3
+3 -4 8 -4 16 0 5 1 8 2 11 1 1 2 6 2 10 0 3 1 8 2 11 2 4 11 19 17 27 2 2 3 5
+4 8 1 3 2 8 3 11 2 3 3 8 3 10 0 3 1 9 2 13 2 5 3 10 2 10 -1 1 -10 2 -12 0
+-1 0 -5 -1 -8 -1 -6 0 -7 0 -11 3 -2 2 -5 3 -5 3 0 0 -2 -1 -4 -1z"/>
+</g>
 		</svg>
 
 		<div id="spaces">
diff --git a/play.js b/play.js
index 20e3e90..8a10302 100644
--- a/play.js
+++ b/play.js
@@ -149,6 +149,25 @@ const last_province = S_PUNJAB
 
 const space_name = data.space_name
 
+const space_id = [
+	"space_Andhra",
+	"space_Bengal",
+	"space_Gondwana",
+	"space_Gujarat",
+	"space_Jaunpur",
+	"space_Karnataka",
+	"space_Madhyadesh",
+	"space_Maharashtra",
+	"space_Malwa",
+	"space_Orissa",
+	"space_Rajput_Kingdoms",
+	"space_Sindh",
+	"space_Tamilakam",
+	"space_Delhi",
+	"space_Mountain_Passes",
+	"space_Punjab",
+]
+
 /* LAYOUT DATA */
 // :r !node tools/parse-layout.js
 const layout = {
@@ -507,31 +526,26 @@ function init_ui() {
 	for (let s = 0; s < 26; ++s) {
 		let e = null
 
-		// provinces
-		if (s < S_DELHI) {
+		// provinces, mountain passes and punjab
+		if (s < S_DELHI || s === S_MOUNTAIN_PASSES || s == S_PUNJAB) {
 			let { cx, cy } = layout.circles.provinces[space_name[s]]
 			ui.control[s] = e = create("div", { className: "token tributary" })
 			e.style.left = (cx - 24) + "px"
 			e.style.top = (cy - 24) + "px"
 			document.getElementById("tokens").appendChild(e)
 
-			ui.spaces[s] = e = create("div", { className: "space province" })
-			e.style.left = (cx - 45) + "px"
-			e.style.top = (cy - 45) + "px"
-			e.style.width = (90 - 4) + "px"
-			e.style.height = (90 - 4) + "px"
+			ui.spaces[s] = e = document.getElementById("svgmap").getElementById(space_id[s])
 			register_action(e, "space", s)
-			document.getElementById("spaces").appendChild(e)
 		}
 
-		// delhi & passes
-		if (s >= S_DELHI && s <= S_PUNJAB) {
+		// delhi
+		if (s == S_DELHI) {
 			let { cx, cy, rx, ry } = layout.circles.mongol_invasion_regions[space_name[s]]
 			ui.spaces[s] = e = create("div", { className: "space province" })
 			e.style.left = (cx - rx) + "px"
 			e.style.top = (cy - ry) + "px"
-			e.style.width = (rx * 2 - 4) + "px"
-			e.style.height = (ry * 2 - 4) + "px"
+			e.style.width = (rx * 2 - 8) + "px"
+			e.style.height = (ry * 2 - 8) + "px"
 			register_action(e, "space", s)
 			document.getElementById("spaces").appendChild(e)
 		}
@@ -823,9 +837,9 @@ function on_update() {
 	}
 
 	switch (player) {
-	case "DS": ui.favicon.href = "images/Flag_DS.png"; break
-	case "BK": ui.favicon.href = "images/Flag_BK.png"; break
-	case "VE": ui.favicon.href = "images/Flag_VE.png"; break
+	case "DS": ui.favicon.href = "images/Flags_DS.png"; break
+	case "BK": ui.favicon.href = "images/Flags_BK.png"; break
+	case "VE": ui.favicon.href = "images/Flags_VE.png"; break
 	}
 
 	ui.header.classList.toggle("ds", view.current === DS)
-- 
cgit v1.2.3