diff --git a/assets/css/custom.css b/assets/css/custom.css
index 6a63b18..c8c9956 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -502,6 +502,19 @@ footer a:hover,
 .player__time { white-space: nowrap; font-variant-numeric: tabular-nums; color: #fff; }
 .player__vol { width: 4ch; height: 3px; background: rgba(255, 255, 255, 0.3); position: relative; cursor: pointer; }
 .player__volfill { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: #fff; }
+/* invisible hit-area extending past the thin visual bar — the bar itself
+   stays 3px, but clicking/dragging within 5px above or below it still
+   counts (rects used for the seek/volume math are still the element's own,
+   unaffected by this) */
+.player__scrub::before,
+.player__vol::before {
+  content: "";
+  position: absolute;
+  top: -5px;
+  bottom: -5px;
+  left: 0;
+  right: 0;
+}
 .player:fullscreen { width: 100vw; height: 100vh; aspect-ratio: auto; }
 
 /* all images always in colour (selection drives what's shown, not hover) */