Standardize UI typography, charts and empty states

src/lib/ui/components/PlayerScoreboard.svelte

@@ -51,7 +51,7 @@
             <span class="eyebrow">{report.event === 'game_end' ? 'Final scoreboard' : fresh ? 'Live scoreboard' : 'Last reported scoreboard'}</span>
             <div class="match-title">
                 <h2 title={report.map}>{mapLabel ?? mapTitle(report.map)}</h2>
-                {#if report.event !== 'game_start'}<Badge variant="accent" size="md">Round {report.round}</Badge>{/if}
+                {#if report.event !== 'game_start'}<Badge size="md">Round {report.round}</Badge>{/if}
                 {#if displayElapsed}<span class="match-time">Match {displayElapsed}{fresh ? '' : ' at last report'}</span>{/if}
                 {#if report.event === 'game_end'}<Badge>Game ended</Badge>
                 {:else if report.event === 'game_start'}<Badge>Game started</Badge>{/if}
@@ -140,8 +140,8 @@
     .timing-note { margin: var(--space-2) 0 0; font-size: var(--text-xs); color: var(--text-tertiary); }
     .guid { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-top: var(--space-1); color: var(--text-tertiary); font-size: var(--text-xs); }
     .stat { text-align: right; white-space: nowrap; }
-    td.stat { font: var(--text-sm) var(--font-mono); font-variant-numeric: tabular-nums; }
-    .score { color: var(--accent-primary-hover); font-weight: var(--weight-semibold); }
+    td.stat { font: var(--text-sm) var(--font-numeric); font-variant-numeric: tabular-nums; }
+    .score { color: var(--text-primary); font-weight: var(--weight-semibold); }
     .unreported { color: var(--text-tertiary); }
     tbody tr:last-child > * { border-bottom: none; }
     tbody tr:hover > * { background: var(--surface-raised); }