Add: Player Zoom & Rotate map

webradar/styles.css

@@ -56,7 +56,6 @@ canvas {
 .settings {
     display: flex;
     flex-direction: column;
-
     font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     color: white;
     visibility: visible;
@@ -64,4 +63,30 @@ canvas {
     padding: 10px;
     background-color: rgba(25, 25, 25, 0.7); /* Semi-transparent white background */
     transition: opacity 0.3s ease; /* Smooth transition */
+}
+
+@media (max-width: 600px), (max-height: 600px) {
+    #settingsHolder {
+        display: none;
+    }
+}
+
+@media (max-width: 400px), (max-height: 400px) {
+    #canvasContainer::before {
+        content: 'settings';
+        position: fixed;
+        top: 10px;
+        left: 10px;
+        background-color: rgba(25, 25, 25, 0.7);
+        color: white;
+        width: 30px;
+        height: 30px;
+        border-radius: 15px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 16px;
+        cursor: pointer;
+        z-index: 101;
+    }
 }