Update camera configuration and enhance touch controls; implement debounce for camera state logging and add responsive styles for mobile devices.

src/styles.css

@@ -23,6 +23,46 @@ body {
     border-radius: 10px;
     -webkit-backdrop-filter: blur(10px);
     backdrop-filter: blur(10px);
+    max-width: 300px;
+}
+
+/* Mobile and tablet responsive styles - covers both portrait and landscape */
+@media (max-width: 1024px) {
+    #info {
+        top: 5px;
+        left: 5px;
+        padding: 4px 6px;
+        font-size: 10px;
+        max-width: 140px;
+        border-radius: 4px;
+    }
+    
+    #info h2 {
+        font-size: 11px;
+        margin: 0 0 3px 0;
+    }
+    
+    #info p {
+        margin: 1px 0;
+        line-height: 1.1;
+    }
+    
+    #info hr {
+        margin: 3px 0 !important;
+        border: 0.5px solid #555;
+    }
+}
+
+/* Very small screens (phones in portrait) */
+@media (max-width: 480px) {
+    #info {
+        max-width: 120px;
+        font-size: 9px;
+    }
+    
+    #info h2 {
+        font-size: 10px;
+    }
 }
 
 #loading {