Render restriction paths with red/green/blue shadow

css/20_map.css

@@ -26,6 +26,11 @@
     pointer-events: none;
 }
 
+.lasso #map {
+    pointer-events: visibleStroke;
+}
+
+
 /* `.target` objects are interactive */
 /* They can be picked up, clicked, hovered, or things can connect to them */
 .node.target {
@@ -242,7 +247,7 @@ text.point {
 }
 
 
-/* Turns */
+/* Turn Restrictions */
 
 g.turn rect,
 g.turn circle {
@@ -255,9 +260,30 @@ g.turn circle {
     pointer-events: none;
 }
 
-.lasso #map {
-    pointer-events: visibleStroke;
+/* Turn restriction paths and vertices */
+.surface.tr path.shadow.selected,
+.surface.tr path.shadow.related,
+.surface.tr g.vertex.selected .shadow,
+.surface.tr g.vertex.related .shadow {
+    stroke-opacity: 0.7;
+    stroke: #777;
 }
+.surface.tr path.shadow.related.allow,
+.surface.tr g.vertex.related.allow .shadow {
+    stroke: #7a4;
+    /*stroke: #8cd05f;*/
+}
+.surface.tr path.shadow.related.restrict,
+.surface.tr g.vertex.related.restrict .shadow {
+    stroke: #d75;
+    /*stroke: #e06d5f;*/
+}
+.surface.tr path.shadow.related.only,
+.surface.tr g.vertex.related.only .shadow {
+    stroke: #78f;
+    /*stroke: #7092ff;*/
+}
+
 
 /* GPX Paths */
 

css/80_app.css

@@ -1910,10 +1910,10 @@ input[type=number] {
     font-weight: bold;
 }
 .restriction-help span.qualifier.allow {
-    color: #8b5;
+    color: #7a4;
 }
 .restriction-help span.qualifier.restrict {
-    color: #d76;
+    color: #d75;
 }
 .restriction-help span.qualifier.only {
     color: #78f;