Surrounding screens refresh: live hero, row-style match cards, form bars, unified bracket

Design handoff steps 4-5:
- LivePage: headline live-match hero (gradient card, live ring, smallcaps
  stage/venue + minute, big mono score, 3-segment in-play win-prob bar);
  favorite team's live match takes the hero slot
- MatchCard: played matches as stacked team rows with the beaten side
  dimmed; scheduled matches as a centered 'vs' pairing (model hint and
  venue stay)
- GroupTable: Form column — tiny W/D/L bars (accent/gold/loss) computed
  from finished group matches
- BracketPage: one round-selector layout on every screen size (cards in
  a 2-col grid, losers dimmed), gold 'Projected champion' banner on the
  Final view; what-if mode, advance bars, R32 and the third-place
  play-off all unchanged
- Predict title race: leader bar, rank and percentage in gold

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

src/lib/i18n/en.ts

@@ -209,6 +209,12 @@ export const en = {
     colPlayed: "P",
     colGoalDiff: "GD",
     colPoints: "Pts",
+    colForm: "Form",
+    formLetter: {
+      W: "Win",
+      D: "Draw",
+      L: "Loss",
+    },
   },
   bracket: {
     title: "Bracket",
@@ -220,6 +226,7 @@ export const en = {
     reset: "Reset picks",
     champion: "Your champion: {team}",
     pathChance: "Model chance of exactly this run: {pct}",
+    projected: "Projected champion: {team}",
   },
   teams: {
     title: "Teams",