style: timeline max-speed tick as up-arrow + 'Max speed' label

Replace the circle dot on the scrubber with a small up-pointing arrow just
below the line and a 'Max speed' text label.

static/yaris.css

@@ -334,20 +334,33 @@ body {
     padding-bottom: .375rem;
 }
 
-/* Max-speed tick overlaid on the trip replay scrubber. */
+/* Max-speed tick overlaid on the trip replay scrubber: a small up-arrow with
+   an event label, sitting just below the scrubber line. */
 .trip-max-tick {
     position: absolute;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    width: 12px;
-    height: 12px;
-    border-radius: 50%;
-    background: #f6c23e;
-    border: 2px solid #fff;
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, .15);
+    top: 100%;
+    transform: translateX(-50%);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1px;
+    line-height: 1;
     cursor: pointer;
     z-index: 2;
 }
+.trip-max-tick-arrow {
+    width: 0;
+    height: 0;
+    border-left: 5px solid transparent;
+    border-right: 5px solid transparent;
+    border-bottom: 7px solid #f6c23e;
+}
+.trip-max-tick-label {
+    font-size: .62rem;
+    font-weight: 600;
+    color: #9a7d0a;
+    white-space: nowrap;
+}
 
 /* ── Dashcam / video ─────────────────────────────────────────────────────── */