fix(ui): widen mobile video-card cover so duration stays on the thumbnail

reaction_board/web/static/style.css

@@ -353,7 +353,7 @@ a.live-chip:hover { border-color: color-mix(in srgb, var(--accent) 55%, var(--bo
   transition: border-color 0.15s cubic-bezier(0.22, 1, 0.36, 1),
     background-color 0.15s cubic-bezier(0.22, 1, 0.36, 1);
 }
-.video-card { grid-template-columns: 128px minmax(0, 1fr); }
+.video-card { grid-template-columns: 160px minmax(0, 1fr); }
 .up-card { grid-template-columns: 64px minmax(0, 1fr); align-items: center; }
 .video-card:hover, .up-card:hover {
   border-color: color-mix(in srgb, var(--accent) 45%, var(--border));
@@ -995,7 +995,7 @@ a.live-chip:hover { border-color: color-mix(in srgb, var(--accent) 55%, var(--bo
   .up-stats { grid-template-columns: repeat(5, minmax(0, 1fr)); }
   .detail-hero { flex-direction: row; align-items: flex-start; }
   .hero-cover { width: 300px; flex: 0 0 300px; }
-  .video-card { grid-template-columns: 144px minmax(0, 1fr); }
+  .video-card { grid-template-columns: 160px minmax(0, 1fr); }
   .secondary-stat.optional { display: inline; }
 }
 
@@ -1048,7 +1048,7 @@ a.live-chip:hover { border-color: color-mix(in srgb, var(--accent) 55%, var(--bo
 }
 
 @media (max-width: 380px) {
-  .video-card { grid-template-columns: 104px minmax(0, 1fr); gap: 8px; }
+  .video-card { gap: 8px; }
   .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
   .candidate-card { grid-template-columns: 80px minmax(0, 1fr); }
   .candidate-thumb { width: 80px; }