M1b grade-reveal (screen 02): Rev 3 team chip + Design mobile hero (74px)

GradeResultCard already carried Design's §7 grade-reveal structure (hero +
identity + 3-col grid + intel box) — the screen was built to the same contract
Design's mobile follows. Applied the Rev 3 gaps: team context now a TeamChip
(real logo/monogram), and the mobile grade hero → 74px (Design's exact mobile
size; M1a had 80). Desktop hero unchanged (116px).

Built to Design's mobile spec, VISUALLY UNVERIFIED at 390px.

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

web/src/components/vyndr/GradeResultCard.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useEffect, useState } from 'react';
+import TeamChip from '@/components/vyndr/TeamChip';
 import SportBadge from '@/components/vyndr/SportBadge';
 import SectionHead from '@/components/vyndr/SectionHead';
 import VBtn from '@/components/vyndr/VBtn';
@@ -123,7 +124,7 @@ export default function GradeResultCard({
         </div>
         <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-end', gap: 6 }}>
           <SportBadge sport={d.sport} />
-          {d.team && <span className="mono" style={{ fontSize: 12, color: 'var(--text-1)', letterSpacing: '0.06em' }}>{d.team}</span>}
+          {d.team && <TeamChip team={d.team} sport={d.sport} size={13} style={{ fontSize: 12, letterSpacing: '0.06em' }} />}
         </div>
       </div>