feat: add north reset control

styles.css

@@ -314,6 +314,41 @@ button:disabled {
   left: auto;
 }
 
+/* OpenLayers hides this control while the view is north-up. */
+.map-wrap .ol-rotate {
+  top: auto;
+  right: 16px;
+  bottom: 16px;
+  left: auto;
+  padding: 0;
+  background: transparent;
+}
+
+.map-wrap .ol-rotate button {
+  display: grid;
+  width: 42px;
+  height: 42px;
+  margin: 0;
+  padding: 0;
+  place-items: center;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.9);
+  line-height: 1;
+  box-shadow: 0 10px 24px rgba(52, 43, 28, 0.2);
+}
+
+.north-pointer-icon {
+  display: block;
+  width: 26px;
+  height: 26px;
+  transform-origin: center;
+}
+
+.map-wrap .ol-rotate button:hover {
+  background: #fff;
+  transform: translateY(-1px);
+}
+
 @media (max-width: 920px) {
   .app-shell {
     padding: 16px;
@@ -329,6 +364,11 @@ button:disabled {
     right: 12px;
   }
 
+  .map-wrap .ol-rotate {
+    right: 12px;
+    bottom: 12px;
+  }
+
   .sidebar {
     top: 16px;
     bottom: 16px;