Session 43: Data pipeline + audit fixes + depth chart foundation (2045 tests)

P0 fixes + wiring real data into the S42 Player Intelligence architecture.

- P0 dropdown z-index: the nav's backdrop-filter stacking context let the
  Ticker/HeartbeatBar paint over the avatar/More dropdowns and eat clicks.
  nav now position:relative zIndex:2; menus zIndex:100. Avatar Settings ->
  /settings.
- Real MLB stats: mlbStatsAdapter.searchPlayer + getPlayerStats (name->id->
  season+gamelog). playerIntelService.resolvePlayerStats normalizes into the
  archetype classifier; getPlayerIntel returns found:true + real season +
  archetype classified from real stats. NBA via nbaStatsClient (degrades).
- Game cards: slateAdapter.groupPropsByPlayer (playerStrips, name once) +
  mapPitchers (MLB probables), folded into mapScheduleToGameCards. Legacy
  GameCard line grid renders BookChip (brand colors) not grey text.
- Grade card intel: analyzeViaEngine1.buildIntelFields computes stat-context +
  form/usage/matchup/rest from the existing feature vector (zero extra I/O);
  gradeAdapter lights up the card sections. Archetype deferred (needs season
  line at grade time).
- Depth chart foundation: depthChartService (getLineup/getDepthChart/
  getCascadeProjection) + /api/stats/lineup|depth|cascade, graceful + injectable.
- Mobile: player hero name overflow-wrap + 24px on <=640px (was clipping).

Backend 2011 -> 2045 tests (+34), 163 suites. Web build clean (exit 0).

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

web/src/components/GameCard.tsx

@@ -4,6 +4,7 @@ import { useState } from 'react';
 import type { PropRowProp, PropRowResult, Tier } from '@/components/PropRow';
 import SportBadge from '@/components/vyndr/SportBadge';
 import SectionHead from '@/components/vyndr/SectionHead';
+import BookChip from '@/components/vyndr/BookChip';
 import { detectBestLines } from '@/lib/slateAdapter';
 // Session 19 — PlayerCard groups props by player so a single player
 // with 4 props renders as ONE card with their headshot + 4 stat
@@ -345,7 +346,8 @@ export default function GameCard(props: GameCardProps) {
             <div className="label" style={{ fontSize: 10, textAlign: 'center' }}>O/U</div>
             {lineRows.map((r) => (
               <span key={r.book} style={{ display: 'contents' }}>
-                <div className="mono" style={{ fontSize: 12, fontWeight: 700, color: 'var(--text-1)', textTransform: 'capitalize', paddingLeft: 2, alignSelf: 'center' }}>{r.book}</div>
+                {/* Session 43 — brand-colored book chip (was plain grey text). */}
+                <div style={{ paddingLeft: 2, alignSelf: 'center' }}><BookChip book={r.book} size="sm" showName /></div>
                 <LineCell value={r.awayML} best={r.bestAway} worst={r.worstAway} />
                 <LineCell value={r.homeML} best={r.bestHome} worst={r.worstHome} />
                 <LineCell value={r.ou} />

web/src/components/Nav.tsx

@@ -71,6 +71,14 @@ export default function Nav() {
     <div style={{ position: 'fixed', top: 0, left: 0, right: 0, zIndex: 50 }}>
       <nav
         style={{
+          // Session 43 (P0) — the nav's backdrop-filter creates a stacking
+          // context; the Ticker + HeartbeatBar render after it as siblings, so
+          // without this they painted OVER the avatar/More dropdowns (which
+          // overflow below the 60px bar) and ate the clicks. position+zIndex
+          // floats the whole nav (and its dropdowns) above those living-layer
+          // bars so menu items are clickable again.
+          position: 'relative',
+          zIndex: 2,
           height: 60,
           borderBottom: '1px solid var(--border)',
           background: 'rgba(6, 6, 11, 0.86)',
@@ -130,6 +138,7 @@ export default function Nav() {
                       position: 'absolute',
                       left: 0,
                       top: 'calc(100% + 8px)',
+                      zIndex: 100,
                       minWidth: 180,
                       background: 'var(--bg-2)',
                       border: '1px solid var(--border-hi)',
@@ -273,6 +282,7 @@ export default function Nav() {
                       position: 'absolute',
                       right: 0,
                       top: 'calc(100% + 8px)',
+                      zIndex: 100,
                       minWidth: 220,
                       background: 'var(--bg-2)',
                       border: '1px solid var(--border-hi)',
@@ -293,7 +303,7 @@ export default function Nav() {
                       </div>
                     </div>
                     <a href="/account" role="menuitem" style={menuItem}>Account</a>
-                    <a href="/settings/security" role="menuitem" style={menuItem}>Settings</a>
+                    <a href="/settings" role="menuitem" style={menuItem}>Settings</a>
                     {tier === 'free' && (
                       <a href="/pricing" role="menuitem" style={{ ...menuItem, color: 'var(--g-a)' }}>
                         Upgrade — $14.99/mo