// Sporda — Phase D desktop · League detail at 1280×800.
// Uses TopNav from screens-player-desktop-1.jsx. New: LeagueHeroDesktop.

const LeagueHeroDesktop = ({ subtab = 'standings' }) => (
  <>
    <div style={{
      padding: '32px 48px 16px',
      background: 'var(--bg-base)',
      display: 'grid',
      gridTemplateColumns: '96px 1fr auto',
      alignItems: 'center',
      gap: 28,
    }}>
      <div style={{
        width: 84, height: 84, borderRadius: 20,
        background: 'linear-gradient(135deg, ' + PL.bg + ' 0%, #1E2EAE 100%)',
        display: 'flex', alignItems: 'center', justifyContent: 'center',
        fontWeight: 800, fontSize: 22, color: 'white',
        boxShadow: '0 8px 24px rgba(61,90,254,0.30)',
      }}>{PL.code}</div>
      <div>
        <div style={{ fontSize: 12, color: 'var(--text-secondary)', fontWeight: 600, letterSpacing: '0.04em' }}>
          {PL.season} · England · top flight
        </div>
        <div style={{ fontSize: 36, fontWeight: 800, letterSpacing: '-0.02em', lineHeight: 1.1, marginTop: 4 }}>
          {PL.name}
        </div>
        <div style={{ marginTop: 6, fontSize: 13, color: 'var(--text-secondary)' }}>
          Matchweek <span style={{ color: 'var(--accent)', fontWeight: 700 }}>{PL.matchweek}</span> of {PL.totalWeeks} · {PL.teams} teams · 380 matches
        </div>
      </div>
      <div style={{ display: 'flex', gap: 8 }}>
        <button style={{
          padding: '10px 18px', borderRadius: 8,
          background: 'var(--bg-surface)', border: '1px solid var(--border-strong)',
          color: 'var(--text-primary)', fontWeight: 700, fontSize: 13,
          display: 'inline-flex', alignItems: 'center', gap: 6,
        }}><I.check size={14}/> Following</button>
        <button style={{
          padding: '10px 18px', borderRadius: 8,
          background: 'var(--bg-surface)', border: '1px solid var(--border-strong)',
          color: 'var(--text-primary)', fontWeight: 600, fontSize: 13,
        }}>Season picker</button>
      </div>
    </div>

    <div style={{
      display: 'flex', gap: 32, padding: '0 48px',
      borderBottom: '1px solid var(--border-hairline)',
    }}>
      {['Standings', 'Fixtures', 'Top scorers', 'Bracket', 'News'].map(t => {
        const key = t.toLowerCase().replace(' ', '-');
        const active = key === subtab;
        return (
          <button key={t} style={{
            padding: '14px 0', fontSize: 13, fontWeight: active ? 700 : 500,
            color: active ? 'var(--text-primary)' : 'var(--text-secondary)',
            position: 'relative',
          }}>
            {t}
            {active && <span style={{ position: 'absolute', left: 0, right: 0, bottom: -1, height: 2, background: 'var(--accent)', borderRadius: 2 }}/>}
          </button>
        );
      })}
    </div>
  </>
);

// ===========================================================================
// 033D — LEAGUE · STANDINGS (desktop) — wide table with full columns
// ===========================================================================
const ScreenStandingsDesktop = () => {
  const table = [
    { r: 1,  t: 'Liverpool',    code: 'LIV', bg: '#C8102E', p: 14, w: 11, d: 2, l: 1, gf: 32, ga: 12, pts: 35, form: ['W','W','D','W','W'] },
    { r: 2,  t: 'Arsenal',      code: 'ARS', bg: '#EF0107', p: 14, w: 10, d: 2, l: 2, gf: 29, ga: 11, pts: 32, form: ['W','W','W','L','W'] },
    { r: 3,  t: 'Man City',     code: 'MCI', bg: '#6CABDD', p: 14, w: 9,  d: 3, l: 2, gf: 35, ga: 14, pts: 30, form: ['W','D','W','W','L'] },
    { r: 4,  t: 'Aston Villa',  code: 'AVL', bg: '#670E36', p: 14, w: 8,  d: 3, l: 3, gf: 24, ga: 16, pts: 27, form: ['L','W','W','D','W'] },
    { r: 5,  t: 'Tottenham',    code: 'TOT', bg: '#132257', p: 14, w: 7,  d: 4, l: 3, gf: 22, ga: 17, pts: 25, form: ['D','W','L','W','D'] },
    { r: 6,  t: 'Newcastle',    code: 'NEW', bg: '#241F20', p: 14, w: 6,  d: 5, l: 3, gf: 20, ga: 14, pts: 23, form: ['W','D','D','W','L'] },
    { r: 7,  t: 'Chelsea',      code: 'CHE', bg: '#034694', p: 14, w: 6,  d: 3, l: 5, gf: 19, ga: 18, pts: 21, form: ['L','W','L','D','W'] },
    { r: 8,  t: 'Brighton',     code: 'BHA', bg: '#0057B8', p: 14, w: 5,  d: 4, l: 5, gf: 17, ga: 18, pts: 19, form: ['D','L','W','W','L'] },
    { r: 9,  t: 'Man United',   code: 'MUN', bg: '#DA291C', p: 14, w: 5,  d: 3, l: 6, gf: 15, ga: 17, pts: 18, form: ['L','W','D','L','W'] },
    { r: 10, t: 'West Ham',     code: 'WHU', bg: '#7A263A', p: 14, w: 5,  d: 2, l: 7, gf: 16, ga: 22, pts: 17, form: ['L','L','W','W','L'] },
    { r: 11, t: 'Brentford',    code: 'BRE', bg: '#E30613', p: 14, w: 4,  d: 4, l: 6, gf: 18, ga: 21, pts: 16, form: ['D','W','L','D','L'] },
    { r: 12, t: 'Bournemouth',  code: 'BOU', bg: '#DA291C', p: 14, w: 4,  d: 3, l: 7, gf: 15, ga: 20, pts: 15, form: ['L','L','D','W','L'] },
  ];
  return (
    <DesktopPage>
      <TopNav active="matches"/>
      <div style={{ flex: 1, overflow: 'auto' }}>
        <LeagueHeroDesktop subtab="standings"/>
        <div style={{ padding: '24px 48px', display: 'grid', gridTemplateColumns: '1fr 320px', gap: 24, alignItems: 'flex-start' }}>
          {/* Wide table */}
          <div className="card" style={{ padding: 0 }}>
            <div style={{ padding: '14px 20px', borderBottom: '1px solid var(--border-hairline)', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>
              <span className="tag-micro" style={{ color: 'var(--text-secondary)' }}>Premier League · {PL.season}</span>
              <div style={{ display: 'flex', gap: 14, fontSize: 11 }}>
                <span style={{ display: 'inline-flex', alignItems: 'center', gap: 4, color: 'var(--text-secondary)' }}>
                  <span style={{ width: 8, height: 8, background: 'var(--accent)', borderRadius: 2 }}/>UCL
                </span>
                <span style={{ display: 'inline-flex', alignItems: 'center', gap: 4, color: 'var(--text-secondary)' }}>
                  <span style={{ width: 8, height: 8, background: '#FFB547', borderRadius: 2 }}/>Europa
                </span>
                <span style={{ display: 'inline-flex', alignItems: 'center', gap: 4, color: 'var(--text-secondary)' }}>
                  <span style={{ width: 8, height: 8, background: '#FF3B5C', borderRadius: 2 }}/>Relegation
                </span>
              </div>
            </div>
            <div style={{ display: 'grid', gridTemplateColumns: '36px 1fr 40px 40px 40px 40px 40px 40px 44px 50px 80px', padding: '12px 20px', fontSize: 10, fontWeight: 700, color: 'var(--text-muted)', letterSpacing: '0.05em', textTransform: 'uppercase', borderBottom: '1px solid var(--border-hairline)' }}>
              <span>#</span><span>Team</span><span style={{ textAlign: 'right' }}>P</span><span style={{ textAlign: 'right' }}>W</span><span style={{ textAlign: 'right' }}>D</span><span style={{ textAlign: 'right' }}>L</span><span style={{ textAlign: 'right' }}>GF</span><span style={{ textAlign: 'right' }}>GA</span><span style={{ textAlign: 'right' }}>GD</span><span style={{ textAlign: 'right' }}>Pts</span><span style={{ textAlign: 'right' }}>Form</span>
            </div>
            {table.map(row => {
              const indicator = row.r <= 4 ? 'var(--accent)' : row.r === 5 ? '#FFB547' : null;
              return (
                <div key={row.r} style={{
                  display: 'grid', gridTemplateColumns: '36px 1fr 40px 40px 40px 40px 40px 40px 44px 50px 80px',
                  padding: '12px 20px', alignItems: 'center',
                  borderBottom: '1px solid var(--border-hairline)',
                  borderLeft: indicator ? '3px solid ' + indicator : '3px solid transparent',
                  paddingLeft: indicator ? 17 : 20,
                }}>
                  <span className="mono" style={{ fontSize: 13, fontWeight: 700 }}>{row.r}</span>
                  <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>
                    <Crest name={row.t} code={row.code} bg={row.bg}/>
                    <span style={{ fontSize: 13, fontWeight: 600 }}>{row.t}</span>
                  </div>
                  <span className="mono" style={{ textAlign: 'right', fontSize: 12 }}>{row.p}</span>
                  <span className="mono" style={{ textAlign: 'right', fontSize: 12 }}>{row.w}</span>
                  <span className="mono" style={{ textAlign: 'right', fontSize: 12 }}>{row.d}</span>
                  <span className="mono" style={{ textAlign: 'right', fontSize: 12 }}>{row.l}</span>
                  <span className="mono" style={{ textAlign: 'right', fontSize: 12 }}>{row.gf}</span>
                  <span className="mono" style={{ textAlign: 'right', fontSize: 12 }}>{row.ga}</span>
                  <span className="mono" style={{ textAlign: 'right', fontSize: 12, color: 'var(--text-secondary)' }}>{(row.gf - row.ga) > 0 ? '+' : ''}{row.gf - row.ga}</span>
                  <span className="mono" style={{ textAlign: 'right', fontSize: 14, fontWeight: 800, color: row.r === 1 ? 'var(--accent)' : 'var(--text-primary)' }}>{row.pts}</span>
                  <div className="form-dots" style={{ justifyContent: 'flex-end' }}>
                    {row.form.map((f, i) => <span key={i} className={`fdot ${f}`}/>)}
                  </div>
                </div>
              );
            })}
          </div>

          {/* Right rail — race / cup spots / source */}
          <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
            <div style={{ background: 'var(--hero-grad)', border: '1px solid rgba(200,255,62,0.15)', borderRadius: 18, padding: 20 }}>
              <div className="tag-micro" style={{ color: 'var(--accent)', marginBottom: 8 }}>Title race</div>
              <div style={{ fontSize: 18, fontWeight: 800, lineHeight: 1.2 }}>
                Liverpool lead by <span style={{ color: 'var(--accent)' }}>3 pts</span> over Arsenal with 24 to play.
              </div>
              <div style={{ marginTop: 12, fontSize: 11, color: 'var(--text-secondary)' }}>
                Run-in includes Anfield vs Arsenal (MW 14) and Etihad vs Liverpool (MW 22).
              </div>
            </div>

            <div className="card" style={{ padding: 18 }}>
              <span className="tag-micro" style={{ color: 'var(--text-secondary)' }}>European qualification</span>
              <div style={{ marginTop: 12, fontSize: 12 }}>
                {[
                  { c: '1–4', label: 'UCL group stage', clr: 'var(--accent)' },
                  { c: '5',   label: 'Europa League', clr: '#FFB547' },
                  { c: '6',   label: 'Conf. League play-off', clr: '#3D5AFE' },
                  { c: '18–20', label: 'Relegation', clr: '#FF3B5C' },
                ].map(z => (
                  <div key={z.c} style={{ display: 'flex', alignItems: 'center', gap: 10, padding: '6px 0' }}>
                    <span style={{ width: 36, padding: '2px 4px', fontSize: 10, fontWeight: 700, color: z.clr, border: '1px solid ' + z.clr + '40', borderRadius: 4, textAlign: 'center' }}>{z.c}</span>
                    <span style={{ fontSize: 12 }}>{z.label}</span>
                  </div>
                ))}
              </div>
            </div>
          </div>
        </div>
        <SourceLineDesktop text="Standings · Premier League · final after MW 14 · updated 8 min ago"/>
      </div>
    </DesktopPage>
  );
};

// ===========================================================================
// 034D — LEAGUE · FIXTURES (desktop) — calendar/list combo
// ===========================================================================
const ScreenLeagueFixturesDesktop = () => {
  const weeks = [
    { wk: 14, label: 'This weekend', when: 'Sat 28 – Sun 29 May', items: [
      { d: 'Sat', t: '12:30', home: 'Newcastle',  hc: 'NEW', hb: '#241F20', away: 'Wolves',    ac: 'WOL', ab: '#FDB913' },
      { d: 'Sat', t: '15:00', home: 'Chelsea',    hc: 'CHE', hb: '#034694', away: 'Brighton',  ac: 'BHA', ab: '#0057B8' },
      { d: 'Sat', t: '15:00', home: 'Man City',   hc: 'MCI', hb: '#6CABDD', away: 'West Ham',  ac: 'WHU', ab: '#7A263A' },
      { d: 'Sat', t: '17:30', home: 'Liverpool',  hc: 'LIV', hb: '#C8102E', away: 'Arsenal',   ac: 'ARS', ab: '#EF0107', big: true },
      { d: 'Sun', t: '14:00', home: 'Tottenham',  hc: 'TOT', hb: '#132257', away: 'Aston Villa', ac: 'AVL', ab: '#670E36' },
      { d: 'Sun', t: '16:30', home: 'Man United', hc: 'MUN', hb: '#DA291C', away: 'Everton',   ac: 'EVE', ab: '#003399' },
    ]},
    { wk: 15, label: 'Next weekend', when: 'Sat 4 – Sun 5 Jun', items: [
      { d: 'Sat', t: '15:00', home: 'Arsenal',  hc: 'ARS', hb: '#EF0107', away: 'Man City', ac: 'MCI', ab: '#6CABDD', big: true },
      { d: 'Sat', t: '15:00', home: 'Brighton', hc: 'BHA', hb: '#0057B8', away: 'Liverpool', ac: 'LIV', ab: '#C8102E' },
      { d: 'Sun', t: '16:30', home: 'Chelsea',  hc: 'CHE', hb: '#034694', away: 'Tottenham', ac: 'TOT', ab: '#132257', derby: true },
    ]},
  ];
  return (
    <DesktopPage>
      <TopNav active="matches"/>
      <div style={{ flex: 1, overflow: 'auto' }}>
        <LeagueHeroDesktop subtab="fixtures"/>
        <div style={{ padding: '24px 48px' }}>
          {/* Filters bar */}
          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 20 }}>
            <div style={{ display: 'flex', gap: 8 }}>
              {['MW 12', 'MW 13', 'MW 14', 'MW 15', 'MW 16', 'MW 17'].map((w, i) => (
                <div key={w} className={`pill ${i === 2 ? 'active' : 'outline'}`}>{w}</div>
              ))}
            </div>
            <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
              <button style={{ display: 'inline-flex', alignItems: 'center', gap: 6, padding: '8px 12px', background: 'var(--bg-surface)', border: '1px solid var(--border-hairline)', borderRadius: 8, fontSize: 12, fontWeight: 600 }}>
                <I.cal size={14}/> Month
              </button>
              <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
                <span style={{ fontSize: 11, color: 'var(--text-secondary)', fontWeight: 700 }}>Followed only</span>
                <div className="toggle"/>
              </div>
            </div>
          </div>

          {/* Day-grouped grid */}
          {weeks.map(w => (
            <div key={w.wk} style={{ marginBottom: 24 }}>
              <div style={{ display: 'flex', alignItems: 'baseline', gap: 12, marginBottom: 12 }}>
                <div style={{ fontSize: 16, fontWeight: 800 }}>{w.label}</div>
                <div style={{ fontSize: 12, color: 'var(--text-secondary)' }}>MW {w.wk} · {w.when}</div>
              </div>
              <div style={{ display: 'grid', gridTemplateColumns: 'repeat(3, 1fr)', gap: 12 }}>
                {w.items.map((m, i) => (
                  <div key={i} style={{
                    background: m.big ? 'var(--hero-grad)' : 'var(--bg-surface)',
                    border: '1px solid ' + (m.derby ? '#C8102E40' : m.big ? 'rgba(200,255,62,0.15)' : 'var(--border-hairline)'),
                    borderRadius: 14, padding: 16,
                  }}>
                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 12 }}>
                      <div style={{ display: 'flex', alignItems: 'center', gap: 6, fontSize: 11, color: 'var(--text-secondary)' }}>
                        <span className="mono" style={{ fontWeight: 700, color: 'var(--text-primary)' }}>{m.d}</span>
                        <span className="mono">{m.t}</span>
                        {m.big && <span style={{ padding: '2px 6px', background: 'rgba(200,255,62,0.15)', color: 'var(--accent)', borderRadius: 4, fontSize: 9, fontWeight: 700 }}>FEATURED</span>}
                        {m.derby && <span style={{ padding: '2px 6px', background: 'rgba(200,16,46,0.15)', color: '#FF6B7A', borderRadius: 4, fontSize: 9, fontWeight: 700 }}>DERBY</span>}
                      </div>
                      <button style={{ color: 'var(--text-muted)' }}><I.bell size={13}/></button>
                    </div>
                    <div style={{ display: 'grid', gridTemplateColumns: '1fr auto 1fr', alignItems: 'center', gap: 8 }}>
                      <div style={{ display: 'flex', alignItems: 'center', gap: 6, justifyContent: 'flex-end' }}>
                        <span style={{ fontSize: 12, fontWeight: 700, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>{m.home}</span>
                        <Crest name={m.home} code={m.hc} bg={m.hb}/>
                      </div>
                      <span style={{ fontSize: 10, fontWeight: 700, color: 'var(--text-muted)' }}>vs</span>
                      <div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
                        <Crest name={m.away} code={m.ac} bg={m.ab}/>
                        <span style={{ fontSize: 12, fontWeight: 700, whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>{m.away}</span>
                      </div>
                    </div>
                  </div>
                ))}
              </div>
            </div>
          ))}
        </div>
        <SourceLineDesktop text="Fixtures · Premier League · refreshed 5 min ago"/>
      </div>
    </DesktopPage>
  );
};

// ===========================================================================
// 035D — LEAGUE · TOP SCORERS (desktop) — wide leaderboard with bars
// ===========================================================================
const ScreenLeagueScorersDesktop = () => (
  <DesktopPage>
    <TopNav active="matches"/>
    <div style={{ flex: 1, overflow: 'auto' }}>
      <LeagueHeroDesktop subtab="top-scorers"/>
      <div style={{ padding: '24px 48px', display: 'grid', gridTemplateColumns: '1fr 320px', gap: 24, alignItems: 'flex-start' }}>
        <div>
          <div style={{ display: 'flex', gap: 8, marginBottom: 16 }}>
            {['Goals', 'Assists', 'G + A', 'xG', 'Per 90'].map((c, i) => (
              <div key={c} className={`pill ${i === 0 ? 'active' : 'outline'}`}>{c}</div>
            ))}
          </div>

          <div className="card" style={{ padding: 0 }}>
            <div style={{ display: 'grid', gridTemplateColumns: '40px 1fr 1fr 60px 60px 60px', padding: '14px 20px', fontSize: 10, fontWeight: 700, color: 'var(--text-muted)', letterSpacing: '0.05em', textTransform: 'uppercase', borderBottom: '1px solid var(--border-hairline)' }}>
              <span>#</span><span>Player</span><span>Goals trajectory</span>
              <span style={{ textAlign: 'right' }}>G</span><span style={{ textAlign: 'right' }}>A</span><span style={{ textAlign: 'right' }}>xG</span>
            </div>
            {PL_SCORERS.map(p => {
              const barWidth = (p.goals / 14) * 100;
              return (
                <div key={p.rank} style={{ display: 'grid', gridTemplateColumns: '40px 1fr 1fr 60px 60px 60px', padding: '14px 20px', alignItems: 'center', borderBottom: '1px solid var(--border-hairline)' }}>
                  <span className="mono" style={{ fontSize: 13, fontWeight: 700, color: 'var(--text-muted)' }}>{p.rank}</span>
                  <div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
                    <div style={{ width: 36, height: 36, borderRadius: '50%', background: p.bg, color: 'white', display: 'flex', alignItems: 'center', justifyContent: 'center', fontWeight: 800, fontSize: 12 }}>
                      {p.short.slice(0, 2).toUpperCase()}
                    </div>
                    <div>
                      <div style={{ fontSize: 14, fontWeight: 600 }}>{p.name}</div>
                      <div style={{ fontSize: 11, color: 'var(--text-muted)' }}>{p.team} · {p.apps} apps</div>
                    </div>
                  </div>
                  <div>
                    <div style={{ height: 8, background: 'var(--bg-inset)', borderRadius: 4, position: 'relative', overflow: 'hidden' }}>
                      <div style={{ width: `${barWidth}%`, height: '100%', background: p.rank === 1 ? 'var(--accent)' : p.rank <= 3 ? 'rgba(200,255,62,0.6)' : 'var(--text-secondary)', borderRadius: 4 }}/>
                    </div>
                  </div>
                  <span className="mono" style={{ textAlign: 'right', fontSize: 16, fontWeight: 800, color: p.rank === 1 ? 'var(--accent)' : 'var(--text-primary)' }}>{p.goals}</span>
                  <span className="mono" style={{ textAlign: 'right', fontSize: 13 }}>{p.assists}</span>
                  <span className="mono" style={{ textAlign: 'right', fontSize: 13, color: 'var(--text-secondary)' }}>{p.xg}</span>
                </div>
              );
            })}
          </div>
        </div>

        {/* Right — Golden Boot context */}
        <div style={{ display: 'flex', flexDirection: 'column', gap: 16 }}>
          <div style={{ background: 'var(--hero-grad)', border: '1px solid rgba(200,255,62,0.15)', borderRadius: 18, padding: 20 }}>
            <div className="tag-micro" style={{ color: 'var(--accent)', marginBottom: 8 }}>Golden Boot</div>
            <div style={{ display: 'flex', alignItems: 'center', gap: 14, marginTop: 6 }}>
              <div style={{ width: 56, height: 56, borderRadius: '50%', background: '#6CABDD', color: 'white', display: 'flex', alignItems: 'center', justifyContent: 'center', fontWeight: 800, fontSize: 16 }}>HA</div>
              <div>
                <div style={{ fontSize: 18, fontWeight: 800 }}>Erling Haaland</div>
                <div style={{ fontSize: 12, color: 'var(--text-secondary)' }}>14 goals · 14 apps · 1.00 / 90</div>
              </div>
            </div>
            <div style={{ marginTop: 14, fontSize: 11, color: 'var(--text-secondary)' }}>
              Pace: on track for <span style={{ color: 'var(--accent)', fontWeight: 700 }}>38 PL goals</span> — would tie his own record from 2022–23.
            </div>
          </div>

          <div className="card" style={{ padding: 18 }}>
            <span className="tag-micro" style={{ color: 'var(--text-secondary)' }}>By position</span>
            <div style={{ marginTop: 12, fontSize: 12 }}>
              {[
                { pos: 'Strikers', count: 4, leader: 'Haaland' },
                { pos: 'Wingers',  count: 3, leader: 'Saka' },
                { pos: 'Mids',     count: 2, leader: 'Foden' },
                { pos: 'Defenders',count: 1, leader: 'Magalhães' },
              ].map(g => (
                <div key={g.pos} style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', padding: '8px 0', borderBottom: '1px solid var(--border-hairline)' }}>
                  <span>{g.pos}</span>
                  <span style={{ color: 'var(--text-secondary)' }}>{g.count} in top 10 · {g.leader}</span>
                </div>
              ))}
            </div>
          </div>
        </div>
      </div>
      <SourceLineDesktop text="Top scorers · Premier League · Opta · updated 6 min ago"/>
    </div>
  </DesktopPage>
);

Object.assign(window, {
  LeagueHeroDesktop, ScreenStandingsDesktop, ScreenLeagueFixturesDesktop, ScreenLeagueScorersDesktop,
});