fix: improve design rendering on 1dppx low-density screens (#40)

* fix: improve button rendering on 1dppx/low-density screens (#39)

* fix: revert transition ownership to PR#30, add missing 1x overrides for active state and btn-accent

* fix: remove hardcoded container names to allow multiple worktrees to run simultaneously

Author: rubenhensen

src/lib/global.scss

@@ -571,3 +571,39 @@ h3 {
         }
     }
 }
+
+/* ── Low-density (1×) screen overrides ──────────────────────────────── */
+
+@media (resolution: 1dppx) {
+    html,
+    body {
+        -webkit-font-smoothing: subpixel-antialiased;
+    }
+
+    .primary-btn {
+        box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.25);
+    }
+
+    .primary-btn:hover:not(:disabled) {
+        transform: translateY(-2px);
+        box-shadow: 0 6px 4px -2px rgba(0, 0, 0, 0.25);
+    }
+
+    .primary-btn:active:not(:disabled) {
+        box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.25);
+    }
+
+    .primary-btn:focus-visible {
+        outline: none;
+    }
+
+    .crypt-btn:hover:not(:disabled):not([disabled]):not(.crypt-btn-disabled) {
+        transform: translateY(-2px);
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
+    }
+
+    .btn-accent:hover {
+        transform: translateY(-2px);
+        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+    }
+}