M3.3a book wordmark — BookComparison renders BookChip, not the raw key

The only surface still showing a raw book key: BookComparison rendered
{b.book} capitalized ('Betmgm'). Now uses the entity-layer BookChip (branded
wordmark + name), matching ledger/GameCard. No lowercase/raw book text anywhere.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

web/src/components/BookComparison.tsx

@@ -1,5 +1,7 @@
 'use client';
 
+import BookChip from '@/components/vyndr/BookChip';
+
 /**
  * BookComparison (Session 28).
  *
@@ -53,7 +55,9 @@ export default function BookComparison({ player, stat, line, side = 'over', book
               border: `1px solid ${b.isBest ? 'var(--grade-a, #00D4A0)' : 'var(--border, #1A1A24)'}`,
             }}
           >
-            <span style={{ fontSize: 13, fontWeight: 700, textTransform: 'capitalize', color: 'var(--text-0, #F0F0F5)' }}>{b.book}</span>
+            {/* M3.3a — real branded book wordmark, never the capitalized raw
+                key ("Betmgm"). The entity-layer BookChip resolves DK/FD/MGM/… */}
+            <BookChip book={b.book} showName />
             <span className="mono" style={{ fontSize: 12, color: 'var(--text-secondary, #8A8A9A)' }}>
               {fmt(b.over_odds)} / {fmt(b.under_odds)}
             </span>