perf(canvas): stop pan and zoom from restyling every card

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

resources/css/app.css

@@ -6142,6 +6142,18 @@ html .application-settings-navigation .menu-item-icon {
     }
 }
 
+/* setCanvasDots() writes these on the canvas root on every pan and zoom step, and
+   only the root reads them. Inherited, each write restyles every card in the canvas. */
+@property --canvas-dots-size {
+    syntax: '*';
+    inherits: false;
+}
+
+@property --canvas-dots-position {
+    syntax: '*';
+    inherits: false;
+}
+
 /* Canvases at full zoom: the grid dots turn into small Coolify logos, one
    per 20px tile. setCanvasDots() (environment-canvas.js) sets .canvas-zoom-max. */
 .canvas-zoom-max {