Enhance visibility of marker

static/c4.css

@@ -7,13 +7,31 @@ h1, h1 a  {
     color: #dfaa37; /* C4 Yellow */
 }
 
+#search:focus {
+    outline: 2px solid #dfaa37;
+}
+
 #map {
-  border: 1px solid #202020;
-  background: #4d4d4d;
-  max-width: 1440px;
-  max-height: 50vh;
-  aspect-ratio: 2 / 1;
-  box-shadow: 0px 6px 12px #000c;
+    border: 1px solid #202020;
+    background-color: #4d4d4d;
+    max-width: 1440px;
+    max-height: 50vh;
+    aspect-ratio: 2 / 1;
+    box-shadow: 0px 6px 12px #000c;
+}
+
+#mapnote {
+    background-color: #ccc;
+    color: #333;
+    border-color: #202020;
+    padding: 0.25em 0.5em;
+    position: relative;
+    top: -1px;
+    box-shadow: 0px 6px 12px #000c;
+}
+
+#mapnote:empty {
+    display: none;
 }
 
 .result {
@@ -75,8 +93,9 @@ h1, h1 a  {
 }
 
 #mapgrid {
-    outline: 2px solid #dfaa37;
-    background: #dfaa3780;
+    outline: 2px solid #333;
+    background-color: #dfaa37;
+    border-radius: 4px;
     animation: blinker 1s infinite;
 }