Grayscale OSM base tiles, mobile-friendly dashboard and map with touch multi-select and box select, wider road click radius, and strip internal properties from JOSM export

web/static/map-ui.css

@@ -30,6 +30,7 @@ body {
     border-radius: 8px;
     box-shadow: 0 2px 10px rgba(0,0,0,0.2);
     min-width: 175px;
+    max-width: 280px;
     max-height: calc(100vh - 20px);
     overflow-y: auto;
 }
@@ -154,14 +155,17 @@ body {
         position: fixed;
         top: 0;
         right: -100%;
-        width: 80%;
-        max-width: 320px;
+        width: 85%;
+        min-width: 0;
+        max-width: 300px;
         height: 100vh;
+        height: 100dvh;
+        max-height: none;
         overflow-y: auto;
         transition: right 0.3s ease;
         border-radius: 0;
         box-shadow: -2px 0 10px rgba(0,0,0,0.2);
-        padding-top: 50px;
+        padding-top: 64px;
     }
 
     .controls.open {
@@ -173,7 +177,28 @@ body {
     }
 
     .controls label {
-        font-size: 12px;
+        font-size: 13px;
+        margin: 8px 0;
+    }
+
+    .controls input[type="checkbox"] {
+        width: 18px;
+        height: 18px;
+    }
+
+    .controls select {
+        font-size: 14px;
+        padding: 6px;
+    }
+
+    .controls button {
+        padding: 10px;
+        font-size: 14px;
+    }
+
+    .btn-back {
+        padding: 9px 10px;
+        font-size: 14px;
     }
 }
 
@@ -205,3 +230,8 @@ body {
     text-align: center;
 }
 .btn-back:hover { background: #2d2d4e; color: #fff; }
+
+/* Mute the base map so colored overlays (e.g. lime green diffs) stand out. */
+.base-tiles {
+    filter: grayscale(100%) brightness(1.1) contrast(0.95);
+}