Rev 3 chips: pitcher identity 'vs' — team + opponent TeamChips

PitcherArsenal's meta line showed team + 'vs OPP' as plain text; Rev 3 anchors
the pitcher's team and opponent with TeamChips (real logo / monogram). Combat
FightCard intentionally keeps fighter monograms (no photos — likeness rule).

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

web/src/components/vyndr/PitcherArsenal.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useEffect, useState } from 'react';
+import TeamChip from '@/components/vyndr/TeamChip';
 
 /**
  * PitcherArsenal (Wave 5B) — the mockup's PITCHER IDENTITY lens: pitch mix % +
@@ -110,8 +111,14 @@ export default function PitcherArsenal({ arsenal, name, sport = 'mlb', pitcher,
                   <span className="mono" style={{ display: 'inline-flex', alignItems: 'center', height: 16, padding: '0 6px', borderRadius: 4, background: 'color-mix(in srgb, var(--g-a) 12%, transparent)', border: '1px solid color-mix(in srgb, var(--g-a) 30%, transparent)', color: 'var(--g-a)', fontSize: 8.5, fontWeight: 700, letterSpacing: '.06em' }}>CONFIRMED</span>
                 )}
               </div>
-              <div className="mono" style={{ fontSize: 10.5, color: '#707080', marginTop: 3, letterSpacing: '.05em' }}>
+              {/* Rev 3 — pitcher "vs": team + opponent anchored by TeamChips. */}
-                {[meta.hand, meta.number != null ? `#${meta.number}` : null, meta.team, meta.vs ? `vs ${meta.vs}` : null].filter(Boolean).join(' · ') || 'ARSENAL'}
+              <div className="mono" style={{ fontSize: 10.5, color: '#707080', marginTop: 3, letterSpacing: '.05em', display: 'flex', alignItems: 'center', gap: 6, flexWrap: 'wrap' }}>
+                {[meta.hand, meta.number != null ? `#${meta.number}` : null].filter(Boolean).join(' · ') && (
+                  <span>{[meta.hand, meta.number != null ? `#${meta.number}` : null].filter(Boolean).join(' · ')}</span>
+                )}
+                {meta.team && <TeamChip team={meta.team} sport="mlb" size={11} style={{ fontSize: 10.5, color: '#707080' }} />}
+                {meta.vs && <span style={{ display: 'inline-flex', alignItems: 'center', gap: 4 }}>vs <TeamChip team={meta.vs} sport="mlb" size={11} style={{ fontSize: 10.5, color: '#707080' }} /></span>}
+                {!meta.hand && meta.number == null && !meta.team && !meta.vs && <span>ARSENAL</span>}
               </div>
             </div>
           </div>