diff --git a/server/app/templates/base.html b/server/app/templates/base.html
index f8eed68..f2d7309 100644
--- a/server/app/templates/base.html
+++ b/server/app/templates/base.html
@@ -249,6 +249,12 @@
          which switches this to "none" for the rest of that touch --
          only once we're sure it's a deliberate drag, not a scroll. */
       touch-action: pan-y;
+      /* Without this, a press-and-drag gesture also triggers the
+         browser's native text/content selection (the blue highlight) --
+         distracting, and on some browsers it fights the pointer-based
+         drag tracking below closely enough to break it outright. */
+      user-select: none;
+      -webkit-user-select: none;
     }
     .photo-card:hover { box-shadow: var(--shadow-hover); transform: translateY(-1px); }
     .photo-card:active { cursor: grabbing; }