Tick the playing quality, and hide the menu with the HUD

The quality menu now marks the format that is actually on screen when it
opens, read live from the player rather than recorded at bind time, so the
tick follows an automatic pick or a fallback after a failed candidate, not
only a manual choice.

Labels drop the container (mp4 told the viewer nothing about a quality
choice) and gain the extractor's format_note when it says something the
quality doesn't already.

The menu sits outside .cp-hud so it can escape the bar's overflow, which
means the idle fade never reached it -- the player and the reels feed now
close it along with the rest of the HUD. Opening it restarts the idle
countdown (the feed's window is only a second), and on desktop a mouse
resting on the open menu holds the HUD up, same as the bars.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01QBDkEXP4htyXTCZUwMLphd

frontend/css/style.css

@@ -1825,7 +1825,10 @@ body.theme-light .favorite-btn {
 }
 
 .cp-format-option {
-    padding: 9px 18px;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 9px 18px 9px 14px;
     border: none;
     background: transparent;
     color: var(--text-primary);
@@ -1835,12 +1838,27 @@ body.theme-light .favorite-btn {
     white-space: nowrap;
 }
 
+/* A fixed-width tick column so every label starts on the same x, with only
+   the playing format's tick actually inked. */
+.cp-format-option::before {
+    content: '\2713';
+    width: 1em;
+    flex: none;
+    opacity: 0;
+    font-size: 12px;
+}
+
 .cp-format-option:hover {
     background: var(--bg-tertiary);
 }
 
 .cp-format-option.is-active {
     color: var(--accent);
+    font-weight: 600;
+}
+
+.cp-format-option.is-active::before {
+    opacity: 1;
 }
 
 /* `.cp-error`/`.cp-replay-btn`/`.cp-format-menu` above set `display` on the