feat: team pages with match/tournament history, mobile padding fixes, linked scorers and nations

- Team page: add Tournament Participations (year pills → /tournaments/[year]) and
  Match History (grouped by year, W/D/L badge, opponent, score from team's perspective,
  PSO/AET annotations, each row → match anchor)
- GraphQL: extend matches() query with teamId filter (OR team1_id/team2_id)
- Match card: link team names to /teams/[slug]; fix ET score display — show scoreEt
  as headline for AET matches, scoreFt as footnote; winner determination uses
  scoreP ?? scoreEt ?? scoreFt
- Tournament page: scorer names below each match linked to /players/[name] with
  dotted underline (solid + green on hover)
- Stats page: reduce mobile padding on Goals chart, Top Scorers, Titles, Goals by
  Minute — hide progress bars and trophy emojis on small screens
- Homepage: Golden Boot Race same mobile padding/bar treatment; add slug to match
  team queries

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/page.tsx

@@ -11,15 +11,15 @@ const HOME_QUERY = gql`
     tournamentStats { totalTournaments totalMatches totalGoals avgGoalsPerGame }
     liveMatches {
       id year round group date time isLive scoreFt scoreEt scoreP isQualiPlayoff
-      team1 { name iso2 } team2 { name iso2 }
+      team1 { name iso2 slug } team2 { name iso2 slug }
     }
     recentMatches(limit: 9) {
       id year round group date time isLive isQualiPlayoff scoreFt scoreEt scoreP
-      team1 { name iso2 } team2 { name iso2 }
+      team1 { name iso2 slug } team2 { name iso2 slug }
     }
     upcomingMatches(limit: 9) {
       id year round group date time isLive isQualiPlayoff scoreFt
-      team1 { name iso2 } team2 { name iso2 }
+      team1 { name iso2 slug } team2 { name iso2 slug }
     }
     topScorers(year: 2026, limit: 8) {
       playerName goals penalties ownGoals
@@ -80,8 +80,8 @@ interface MatchData {
   id: number; year: number; round: string; group?: string | null
   date?: string | null; time?: string | null; isLive: boolean; isQualiPlayoff: boolean
   scoreFt?: number[] | null; scoreEt?: number[] | null; scoreP?: number[] | null
-  team1: { name: string; iso2?: string | null }
-  team2: { name: string; iso2?: string | null }
+  team1: { name: string; iso2?: string | null; slug?: string | null }
+  team2: { name: string; iso2?: string | null; slug?: string | null }
 }
 
 export default function HomePage() {
@@ -185,15 +185,15 @@ export default function HomePage() {
             <div className="rounded-2xl overflow-hidden" style={{ background: '#0a1810', border: '1px solid rgba(34,197,94,0.16)' }}>
               {scorers.map((s, i) => (
                 <Link key={s.playerName} href={`/players/${encodeURIComponent(s.playerName)}`}>
-                  <div className="flex items-center gap-3 px-4 py-3 border-b hover:bg-[rgba(34,197,94,0.03)] transition-colors cursor-pointer"
+                  <div className="flex items-center gap-2 sm:gap-3 px-3 sm:px-4 py-3 border-b hover:bg-[rgba(34,197,94,0.03)] transition-colors cursor-pointer"
                     style={{ borderColor: 'rgba(34,197,94,0.06)', background: i === 0 ? 'rgba(34,197,94,0.04)' : undefined }}>
                     <span className="text-[11px] text-[#2a5c35] w-5 text-right font-bold flex-shrink-0">{i + 1}</span>
                     {s.team && <TeamFlag name={s.team.name} iso2={s.team.iso2} size="sm" />}
                     <div className="flex-1 min-w-0">
                       <div className={`text-sm font-semibold truncate ${i === 0 ? 'text-[#dff5e8]' : 'text-[#6abf7a]'}`}>{s.playerName}</div>
-                      <div className="text-[10px] text-[#2a5c35]">{s.team?.name}{s.penalties > 0 ? ` · ${s.penalties}P` : ''}</div>
+                      <div className="text-[10px] text-[#2a5c35] truncate">{s.team?.name}{s.penalties > 0 ? ` · ${s.penalties}P` : ''}</div>
                     </div>
-                    <div className="w-24 h-1 rounded-full overflow-hidden flex-shrink-0" style={{ background: 'rgba(34,197,94,0.1)' }}>
+                    <div className="hidden sm:block w-24 h-1 rounded-full overflow-hidden flex-shrink-0" style={{ background: 'rgba(34,197,94,0.1)' }}>
                       <div className="h-full rounded-full bg-[#22c55e] transition-all" style={{ width: `${(s.goals / maxGoals) * 100}%` }} />
                     </div>
                     <span className="font-['Bebas_Neue'] text-[22px] text-[#22c55e] min-w-[24px] text-right flex-shrink-0">{s.goals}</span>