WIP: render radial coord hexes/maps

public/assets/css/map.css

@@ -15,7 +15,7 @@ text {
 }
 
 use[href="#hex"] {
-  opacity: 0;
+  opacity: 0.5;
   fill: transparent;
   fill-opacity: 0.5;
   stroke-width: 0.5px;
@@ -60,6 +60,10 @@ g.weapon-symbol :not(use[href="#counter-base"]) {
   stroke-width: 0.5px;
 }
 
+/* g.weapon-symbol {
+  r: 5px;
+} */
+
 g.troop-counter-template text {
   fill: white;
   font-size: 12px;
@@ -425,7 +429,7 @@ g[data-y="76"] { --i: 76; }
 
 .building .doors {
   stroke: white;
-  stroke-width: 2.25
+  stroke-width: 2.25px
 }
 
 #test-arcs line, #test-arcs polyline {

public/assets/css/radial.css

@@ -21,7 +21,7 @@ text {
 use[href="#hex"] {
   stroke: #666;
   /* fill: wheat; */
-  fill: navajowhite;
+  /* fill: navajowhite; */
   /* fill: url(#asterisk); */
 }
 
@@ -334,6 +334,3 @@ input:checked+label {
   fill: lightgreen;
 }
 
-.furniture {
-  fill: violet;
-}

public/assets/css/style.css

@@ -173,6 +173,10 @@ polygon.firing-arc[data-allegiance="attacker"] {
   fill: blue;
 }
 
+.weapon-symbol polyline {
+  fill: none;
+}
+
 .soldier-record[data-allegiance="defender"] svg {
   fill: red;
 }
@@ -191,6 +195,14 @@ polygon.firing-arc[data-allegiance="attacker"] {
   stroke-width: 0.5px;
 }
 
+.weapon-symbol {
+  stroke: none;
+}
+
+[href="#counter-base"] {
+  stroke: none;
+}
+
 .soldier-record svg {
   width: 20px;
   height: 20px;
@@ -400,6 +412,30 @@ div#dice {
   animation: roll-out 0.125s linear 1;
 }
 
+.select-elevation {
+  position: fixed;
+  right: 0;
+  top: 50%;
+  margin-right: 10px;
+  background-color: #FFFFFF99;
+  border: 1px solid gray;
+  padding: 2px;
+  font-family: sans-serif;
+  font-size: 10pt;
+}
+
+.select-elevation label {
+  display: block;
+  margin: 2px 0;
+  text-align: center;
+  border: 1px solid transparent;
+  user-select: none;
+}
+
+.select-elevation input {
+  display: none;
+}
+
 @keyframes roll-out {
   0% {
     transform: scaleX(1);