diff --git a/resources/css/app.css b/resources/css/app.css
index 8d30890955..07aa70d5eb 100644
--- a/resources/css/app.css
+++ b/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 {