@font-face { font-family: '365 Sans'; src: url('/wp-content/uploads/fonts/365-Sans-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: '365 Sans'; src: url('/wp-content/uploads/fonts/365-Sans-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } #scores-article-template { --primary: #3B82F6; --primary-hover: #2563EB; --page-bg: #ffffff; --surface-bg: #ffffff; --card-bg: #ffffff; --border: #F3F4F6; --text: #111827; --muted: #4B5563; --soft: #F3F4F6; --soft-hover: #E5E7EB; --shadow: rgba(15, 23, 42, 0.12); --overlay: rgba(0, 0, 0, 0.52); font-family: '365 Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important; background: var(--page-bg) !important; color: var(--text) !important; min-height: 100vh !important; scroll-behavior: smooth; position: relative; z-index: 1; line-height: 1.5; } #scores-article-template.scores-dark { --page-bg: #020617; --surface-bg: #0F172A; --card-bg: #111827; --border: #1F2937; --text: #F9FAFB; --muted: #D1D5DB; --soft: #1F2937; --soft-hover: #374151; --shadow: rgba(0, 0, 0, 0.42); --overlay: rgba(0, 0, 0, 0.75); } #scores-article-template * { box-sizing: border-box !important; } #scores-article-template .scores-header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 99999 !important; background: var(--surface-bg); border-bottom: 1px solid var(--border); box-shadow: 0 2px 10px var(--shadow); } button.scores-next-button { width: 145px; background-color: #3b82f6; color: white; border-radius: 15px; margin-top: 30px; min-height: 40px; } .scores-header-inner { max-width: 1280px; margin: 0 auto; padding: 14px 16px; display: flex; align-items: center; gap: 16px; } .scores-nav { display: flex; gap: 8px; overflow-x: auto; flex: 1; scrollbar-width: none; } .scores-nav::-webkit-scrollbar { display: none; } .scores-nav-button { min-width: 40px; height: 40px; padding: 0 13px; border-radius: 999px; background: var(--soft); color: var(--muted); font-weight: 600; border: none; cursor: pointer; white-space: nowrap; transition: none; } .scores-nav-button.is-active { background: var(--primary); color: #fff !important; } .scores-hero { min-height: 72vh; position: relative; display: flex; align-items: center; justify-content: center; padding: 112px 16px 52px; text-align: left; color: #fff !important; background-color: #020617; overflow: hidden; } .scores-hero::after { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(2, 6, 23, 0.50) 0%, rgba(2, 6, 23, 0.28) 46%, rgba(2, 6, 23, 0.58) 100%); } .scores-hero-bg { position: absolute; inset: 0; background-size: cover; background-position: center 28%; z-index: 0; opacity: 1; transform: scale(1.02); overflow: hidden; } .scores-hero-bg-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 28%; } .scores-hero-content { position: relative; z-index: 2; width: 100%; max-width: 1180px; display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr); gap: 34px; align-items: center; } .scores-hero-text { min-width: 0; } .scores-hero-kicker { display: inline-flex; align-items: center; width: max-content; max-width: 100%; margin-bottom: 14px; padding: 7px 12px; border-radius: 999px; background: rgba(59, 130, 246, 0.24); border: 1px solid rgba(147, 197, 253, 0.5); color: #DBEAFE !important; font-size: 12px; font-weight: 800; line-height: 1; letter-spacing: 0.08em; text-transform: uppercase; } .scores-hero-title { font-size: clamp(34px, 6.8vw, 68px) !important; font-weight: 800; margin: 0 0 14px; color: #fff !important; line-height: 1.05 !important; text-wrap: balance; } .scores-hero-subtitle { margin: 0 0 18px; font-size: clamp(18px, 2.3vw, 24px); font-weight: 700!important; color: #fff !important; text-shadow: 0 0 20px rgba(59, 130, 246, 0.85), 0 2px 10px rgba(0, 0, 0, 0.5); } .scores-hero-copy p { max-width: 720px; margin: 0; color: #E5E7EB !important; font-size: clamp(16px, 1.9vw, 19px); line-height: 1.65; } .scores-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; } .scores-start-button, .scores-hero-secondary-button { min-height: 46px; padding: 12px 24px; border-radius: 999px; border: 1px solid transparent; font-weight: 800; cursor: pointer; line-height: 1; } .scores-start-button { background: var(--primary); color: #fff !important; box-shadow: 0 12px 24px rgba(37, 99, 235, 0.32); } .scores-hero-secondary-button { background: rgba(255, 255, 255, 0.12); color: #fff !important; border-color: rgba(255, 255, 255, 0.26); } .scores-hero-preview { width: 100%; padding: 18px; border-radius: 24px; background: rgba(15, 23, 42, 0.72); border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34); backdrop-filter: blur(12px); } .scores-hero-preview-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; color: #DBEAFE !important; } .scores-hero-preview-head span { font-size: 13px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .scores-hero-preview-head strong { color: #fff !important; font-size: 13px; font-weight: 800; white-space: nowrap; } .scores-hero-preview-list { display: grid; gap: 10px; } .scores-hero-preview-item { width: 100%; display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 12px; align-items: center; padding: 10px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 16px; background: rgba(2, 6, 23, 0.56); color: #fff !important; text-align: left; cursor: pointer; } .scores-hero-preview-item:hover { background: rgba(59, 130, 246, 0.22); } .scores-hero-preview-thumb, .scores-hero-preview-rank-chip { width: 58px; height: 48px; border-radius: 12px; overflow: hidden; background: rgba(59, 130, 246, 0.26); } .scores-hero-preview-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center 22%; display: block; } .scores-hero-preview-rank-chip { display: flex; align-items: center; justify-content: center; color: #fff !important; font-weight: 800; font-size: 18px; } .scores-hero-preview-text { min-width: 0; display: grid; gap: 3px; } .scores-hero-preview-rankline { color: #93C5FD !important; font-size: 12px; font-weight: 800; line-height: 1.1; } .scores-hero-preview-name { color: #fff !important; font-size: 15px; font-weight: 800; line-height: 1.2; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 760px) { .scores-hero { min-height: auto; padding: 96px 14px 34px; } .scores-hero::after { background: linear-gradient(180deg, rgba(2, 6, 23, 0.92) 0%, rgba(2, 6, 23, 0.84) 54%, rgba(2, 6, 23, 0.96) 100%); } .scores-hero-bg { opacity: 0.36; background-position: center top; } .scores-hero-content { grid-template-columns: 1fr; gap: 22px; } .scores-hero-title { font-size: clamp(30px, 9vw, 46px) !important; } .scores-hero-subtitle { font-size: 18px; margin-bottom: 14px; } .scores-hero-actions { gap: 10px; margin-top: 20px; } .scores-start-button, .scores-hero-secondary-button { flex: 1 1 150px; padding-left: 16px; padding-right: 16px; } .scores-hero-preview { padding: 14px; border-radius: 20px; } .scores-hero-preview-item { grid-template-columns: 52px minmax(0, 1fr); padding: 9px; } .scores-hero-preview-thumb, .scores-hero-preview-rank-chip { width: 52px; height: 44px; } .scores-hero-preview-name { font-size: 14px; } .scores-hero-preview-item:nth-child(n+4) { display: none; } } .scores-section-shell { min-height: 100vh; scroll-margin-top: 80px; } .scores-card { max-width: 800px; margin: 90px auto; background: var(--card-bg); border-radius: 24px; border: 1px solid var(--border); box-shadow: 0 10px 30px var(--shadow); overflow: hidden; } .scores-card-header { padding: 30px 30px 12px; border-bottom: 0; } .scores-card-header h2 { margin: 0; font-size: 28px; font-weight: 800; } .scores-card-body { padding: 10px 30px 30px; color: var(--muted); font-size: 18px; line-height: 1.7; } .scores-card-body > p:first-child { margin-top: 0; } .scores-image-wrap { width: 100%; height: 250px; background: #eee; margin: 20px 0; border-radius: 12px; overflow: hidden; } .scores-image-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: var(--image-position, center 22%); } .scores-stats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; margin-top: 25px; align-items: stretch; } .scores-stats-grid.is-empty { display: none; } .scores-stats-count-1 { grid-template-columns: minmax(0, 260px); justify-content: center; } .scores-stats-count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .scores-stats-count-3 .scores-stat:last-child { grid-column: 1 / -1; justify-self: center; width: min(100%, 260px); } .scores-stat { min-width: 0; padding: 18px 12px; background: var(--soft); border-radius: 16px; text-align: center; border: 1px solid var(--border); display: flex; flex-direction: column; align-items: center; justify-content: center; } .scores-stat-icon { width: 32px; height: 32px; margin: 0 auto 10px; color: var(--primary); display: flex; align-items: center; justify-content: center; flex: 0 0 auto; } .scores-stat-icon img { width: 100%; height: 100%; object-fit: contain; } .scores-stat.no-icon .scores-stat-value { margin-top: 0; } .scores-stat-value { font-size: 24px; font-weight: 800; color: var(--text); line-height: 1.15; margin-bottom: 4px; overflow-wrap: anywhere; } .scores-stat-label { font-size: 11px; color: var(--muted); text-transform: uppercase; font-weight: 700; letter-spacing: 0.05em; line-height: 1.3; } @media (max-width: 599px) { .scores-card { margin: 56px 12px; border-radius: 20px; } .scores-card-header { padding: 22px 18px 14px; } .scores-card-header h2 { font-size: 24px; line-height: 1.2; } .scores-card-body { padding: 8px 18px 24px; font-size: 16px; line-height: 1.65; } .scores-image-wrap { height: 230px; margin: 18px 0; } .scores-stats-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 22px; } .scores-stats-count-1 { grid-template-columns: minmax(0, 1fr); } .scores-stats-count-3 .scores-stat:last-child { grid-column: 1 / -1; justify-self: center; width: min(100%, 260px); } .scores-stat { min-height: 118px; padding: 14px 10px; } .scores-stat-icon { width: 28px; height: 28px; margin-bottom: 8px; } .scores-stat-value { font-size: 20px; line-height: 1.15; } .scores-stat-label { font-size: 10px; line-height: 1.3; } button.scores-next-button { width: 100%; margin-top: 24px; } } @media (min-width: 600px) { .scores-stats-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .scores-stats-count-1 { grid-template-columns: minmax(0, 260px); justify-content: center; } .scores-stats-count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 520px; margin-left: auto; margin-right: auto; } .scores-stats-count-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 690px; margin-left: auto; margin-right: auto; } .scores-stats-count-3 .scores-stat:last-child { grid-column: auto; justify-self: stretch; width: auto; } .scores-stats-count-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: none; } .scores-image-wrap { height: 400px; } } .scores-icon-button { background: var(--soft); border: none; width: 40px; height: 40px; border-radius: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--text); } .scores-toc-drawer { position: fixed; top: 0; right: 0; bottom: 0; width: 300px; background: var(--surface-bg); z-index: 100000; transform: translateX(100%); transition: transform 0.3s ease; padding: 20px; box-shadow: -5px 0 15px var(--shadow); overflow-y: auto; } .scores-toc-drawer.is-open { transform: translateX(0); } .scores-toc-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 99999; display: none; } .scores-toc-overlay.is-open { display: block; } .scores-hero-first-item { width: 100%; padding: 18px; border-radius: 24px; background: rgba(15, 23, 42, 0.78); border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.34); backdrop-filter: blur(12px); color: #fff !important; } .scores-hero-first-kicker { display: inline-flex; margin-bottom: 10px; padding: 6px 10px; border-radius: 999px; background: rgba(59, 130, 246, 0.26); color: #DBEAFE !important; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .scores-hero-first-title { margin: 0 0 12px; color: #fff !important; font-size: clamp(22px, 3vw, 32px); font-weight: 800; line-height: 1.12; } .scores-hero-first-image { width: 100%; height: 230px; margin: 12px 0 14px; border-radius: 18px; overflow: hidden; background: rgba(255,255,255,0.1); } .scores-hero-first-image img { width: 100%; height: 100%; object-fit: cover; object-position: var(--image-position, center 22%); display: block; } .scores-hero-first-copy { display: grid; gap: 10px; } .scores-hero-first-copy p { margin: 0; color: #E5E7EB !important; font-size: 15px; line-height: 1.55; } .scores-hero-first-copy p:nth-child(2) { color: #CBD5E1 !important; } .scores-hero-first-actions { margin-top: 16px; display: flex; gap: 10px; flex-wrap: wrap; } .scores-hero-first-actions .scores-next-button { margin-top: 0; } @media (max-width: 760px) { .scores-hero-first-item { padding: 14px; border-radius: 20px; } .scores-hero-first-image { height: 190px; border-radius: 16px; } .scores-hero-first-title { font-size: 23px; } .scores-hero-first-copy p { font-size: 14px; line-height: 1.5; } } /* Traditional first-item landing variant */ .scores-hero { min-height: auto; align-items: flex-start; justify-content: center; padding: 104px 16px 56px; text-align: center; } .scores-hero::after { background: linear-gradient(180deg, rgba(2, 6, 23, 0.38) 0%, rgba(2, 6, 23, 0.30) 45%, rgba(2, 6, 23, 0.48) 100%); } .scores-hero-bg { opacity: 1; background-position: center top; } .scores-hero-bg-img { opacity: 1; } .scores-hero-content { max-width: 860px; display: flex; flex-direction: column; gap: 20px; align-items: stretch; } .scores-hero-text { text-align: center; } .scores-hero-kicker { margin-left: auto; margin-right: auto; margin-bottom: 12px; } .scores-hero-title { max-width: 820px; margin: 0 auto 12px; font-size: clamp(30px, 5.2vw, 54px) !important; line-height: 1.08 !important; } .scores-hero-copy p { max-width: 760px; margin: 0 auto; font-size: clamp(15px, 1.7vw, 18px); line-height: 1.55; } .scores-hero-actions { justify-content: center; margin-top: 2px; } .scores-hero-first-item { width: 100%; padding: 0; border-radius: 24px; background: var(--card-bg); border: 1px solid var(--border); box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28); backdrop-filter: none; color: var(--text) !important; overflow: hidden; text-align: left; } .scores-hero-first-kicker { margin: 28px 30px 8px; background: rgba(59, 130, 246, 0.12); color: var(--primary) !important; } .scores-hero-first-title { margin: 0 30px 10px; color: var(--text) !important; font-size: clamp(23px, 3.2vw, 32px); line-height: 1.16; } .scores-hero-first-copy { display: block; padding: 0 30px; } .scores-hero-first-copy p { margin: 0 0 16px; color: var(--muted) !important; font-size: 17px; line-height: 1.65; } .scores-hero-first-copy p:nth-child(2) { color: var(--muted) !important; } .scores-hero-first-image { width: auto; height: 360px; margin: 16px 30px 18px; border-radius: 16px; background: #E5E7EB; } .scores-hero-first-actions { margin: 18px 30px 30px; } @media (max-width: 760px) { .scores-hero { padding: 88px 12px 34px; } .scores-hero-content { gap: 16px; } .scores-hero-title { font-size: clamp(28px, 8.4vw, 40px) !important; } .scores-hero-copy p { font-size: 15px; line-height: 1.5; } .scores-hero-first-item { border-radius: 20px; } .scores-hero-first-kicker { margin: 20px 18px 8px; } .scores-hero-first-title { margin: 0 18px 10px; font-size: 22px; line-height: 1.18; } .scores-hero-first-copy { padding: 0 18px; } .scores-hero-first-copy p { font-size: 15px; line-height: 1.55; margin-bottom: 14px; } .scores-hero-first-image { height: 210px; margin: 14px 18px 16px; border-radius: 14px; } .scores-hero-actions { display: grid; grid-template-columns: 1fr; width: 100%; } .scores-start-button, .scores-hero-secondary-button { width: 100%; } } /* Align the featured landing item title with the regular article-card layout */ .scores-hero-first-title { display: block !important; margin: 0 0 10px !important; padding: 0 30px !important; width: 100% !important; box-sizing: border-box !important; } .scores-hero-first-copy { padding-left: 30px !important; padding-right: 30px !important; } @media (max-width: 599px) { .scores-hero-first-kicker { margin: 22px 18px 8px !important; } .scores-hero-first-title { padding-left: 18px !important; padding-right: 18px !important; margin-bottom: 10px !important; font-size: 24px !important; line-height: 1.2 !important; } .scores-hero-first-copy { padding-left: 18px !important; padding-right: 18px !important; } } ☰ Continuar Lendo Índice × let scoresProgrammaticScroll = false; let scoresScrollSettleTimer = null; let scoresProgrammaticFallbackTimer = null; function setActiveNavButton(id) { const activeId = String(id); const nav = document.getElementById('js-nav'); if (!nav) return; nav.querySelectorAll('.scores-nav-button').forEach(button => { button.classList.toggle('is-active', button.dataset.articleId === activeId || button.textContent.trim() === activeId); }); } function finishProgrammaticScroll() { scoresProgrammaticScroll = false; if (scoresScrollSettleTimer) window.clearTimeout(scoresScrollSettleTimer); if (scoresProgrammaticFallbackTimer) window.clearTimeout(scoresProgrammaticFallbackTimer); scoresScrollSettleTimer = null; scoresProgrammaticFallbackTimer = null; } window.addEventListener('scroll', function() { if (!scoresProgrammaticScroll) return; if (scoresScrollSettleTimer) window.clearTimeout(scoresScrollSettleTimer); scoresScrollSettleTimer = window.setTimeout(finishProgrammaticScroll, 180); }, { passive: true }); function scrollToSection(id) { scoresProgrammaticScroll = true; setActiveNavButton(id); if (scoresProgrammaticFallbackTimer) window.clearTimeout(scoresProgrammaticFallbackTimer); scoresProgrammaticFallbackTimer = window.setTimeout(finishProgrammaticScroll, 2200); const el = document.getElementById(`article-item-${id}`); if (el) { const offset = 80; const bodyRect = document.body.getBoundingClientRect().top; const elementRect = el.getBoundingClientRect().top; const elementPosition = elementRect - bodyRect; const offsetPosition = elementPosition - offset; window.scrollTo({ top: offsetPosition, behavior: 'smooth' }); } } document.addEventListener('DOMContentLoaded', function() { const data = { "logo": "T", "hero": { "title": "Os 15 jogadores que mais ficaram devendo na fase de grupos da Copa", "subtitle": "Os jogadores mais decepcionantes da fase de grupos da Copa do Mundo de 2026 deixaram torcedores e treinadores atônitos após falharem em render no maior palco do futebol. Enquanto algumas estrelas brilharam, esses 15 jogadores de elite tiveram baixo desempenho.", "img": "https://imagescache.365scores.com/image/upload/v1782635654/Magazines/ENG-magazine/World_Cup_26/WC_DISAPOINTING/hero_image_disaponting.jpg", "copy": "Os jogadores mais decepcionantes da fase de grupos da Copa do Mundo de 2026 deixaram torcedores e treinadores atônitos após falharem em render no maior palco do futebol. Enquanto algumas estrelas brilharam, esses quinze jogadores de elite com baixo desempenho suportaram campanhas na fase de grupos definidas por miséria tática e eliminações precoces." }, "items": [ { "id": 15, "name": "Ferran Torres (Espanha)", "img": "https://imagescache.365scores.com/image/upload/v1782635654/Magazines/ENG-magazine/World_Cup_26/WC_DISAPOINTING/GettyImages-FerranTorres.jpg", "imagePosition": "center 22%", "textTop": "Ferran Torres não conseguiu aproveitar o domínio ofensivo da Espanha durante a fase de grupos, entregando atuações altamente ineficazes nas pontas. O atacante lutou para encontrar qualquer ritmo, perdendo a posse de bola constantemente e falhando em desafiar os laterais adversários em situações de um contra um. Sua tomada de decisão lenta e falta de movimentos precisos deixaram a linha de frente da Espanha surpreendentemente inofensiva sempre que ele estava em campo, impedindo-o de acabar com sua seca de gols.", "textBottom": "Suas contínuas dificuldades são uma grande preocupação para uma seleção espanhola que sonha em levantar outro troféu internacional. Falhar em replicar sua eficiência doméstica expõe suas limitações táticas contra blocos defensivos altamente disciplinados e compactos. Esta campanha decepcionante prejudica severamente sua posição em um elenco altamente competitivo e levanta questões sobre seu papel a longo prazo sob o comando de Luis de la Fuente à medida que o torneio avança.", "stats": [ { "icon": "https://imagescache.365scores.com/image/upload/w_105,h_105,c_limit,f_webp,q_auto:eco,/v202615/NewBrand25/PBP/Types/14", "value": "0", "label": "Gols Marcados" }, { "icon": "https://imagescache.365scores.com/image/upload/w_150,h_150,c_limit,f_webp,q_auto:eco,/v202615/dashboardsection/icon/scores_on", "value": "1º lugar, Grupo H", "label": "Classificação na Fase de Grupos" } ] }, { "id": 14, "name": "Lucas Paquetá (Brasil)", "img": "https://imagescache.365scores.com/image/upload/v1782635654/Magazines/ENG-magazine/World_Cup_26/WC_DISAPOINTING/GettyImages-Paquet%C3%A1.jpg", "imagePosition": "center 22%", "textTop": "Lucas Paquetá teve dificuldades para encontrar seu ritmo como o centro criativo do Brasil durante as partidas da fase de grupos. O meio-campista pareceu lento e desconectado de seus atacantes estrelas, frequentemente errando passes simples e atrasando as transições. Sua falta de imposição física e falha em recuar na marcação deixaram o meio-campo do Brasil altamente exposto durante períodos de intensa pressão, atraindo críticas significativas.", "textBottom": "Suas atuações altamente apagadas são uma grande decepção para um jogador que se esperava liderar a nova geração do Brasil. Ter dificuldades para ditar o ritmo contra linhas defensivas compactas expõe um grande problema tático para encontrar seu papel ideal no sistema de Carlo Ancelotti. Esta campanha morna levanta questões sobre sua posição a longo prazo em um ambiente de seleção altamente competitivo.", "stats": [ { "icon": "https://imagescache.365scores.com/image/upload/w_105,h_105,c_limit,f_webp,q_auto:eco,/v202615/NewBrand25/PBP/Types/14", "value": "0", "label": "Gols Marcados" }, { "icon": "https://imagescache.365scores.com/image/upload/w_150,h_150,c_limit,f_webp,q_auto:eco,/v202615/dashboardsection/icon/scores_on", "value": "1º lugar, Grupo C", "label": "Classificação na Fase de Grupos" } ] }, { "id": 13, "name": "Sadio Mané (Senegal)", "img": "https://imagescache.365scores.com/image/upload/c_limit,q_auto:eco/Magazines/ENG-magazine/World_Cup_26/WC_DISAPOINTING/GettyImages-SadioMane.jpg", "imagePosition": "center 22%", "textTop": "Sadio Mané carregou as esperanças ofensivas de Senegal em seus ombros veteranos, mas suas atuações ficaram drasticamente aquém de seu status icônico. O lendário ponta pareceu atipicamente lento com a bola, falhando em superar defensores em situações de um contra um ou em criar chances de alta qualidade para seus companheiros. Ele teve dificuldades para ditar as transições, deixando o ataque de Senegal isolado e facilmente contido durante as partidas iniciais.", "textBottom": "Seu torneio silencioso sinaliza um declínio físico altamente doloroso para um herói nacional que há muito tempo carrega o fardo ofensivo de Senegal. Embora seus companheiros de equipe tenham eventualmente garantido a classificação, sua incapacidade de influenciar consistentemente as partidas sem um serviço de elite representa um grande dilema tático para a comissão técnica. Esta campanha fraca levanta sérias dúvidas sobre seu futuro a longo prazo como o amuleto indiscutível de Senegal.", "stats": [ { "icon": "https://imagescache.365scores.com/image/upload/w_105,h_105,c_limit,f_webp,q_auto:eco,/v202615/NewBrand25/PBP/Types/14", "value": "0", "label": "Gols Marcados" }, { "icon": "https://imagescache.365scores.com/image/upload/w_150,h_150,c_limit,f_webp,q_auto:eco,/v202615/dashboardsection/icon/scores_on", "value": "3º lugar, Grupo I", "label": "Classificação na Fase de Grupos" } ] }, { "id": 12, "name": "Igor Thiago (Brasil)", "img": "https://imagescache.365scores.com/image/upload/v1782635654/Magazines/ENG-magazine/World_Cup_26/WC_DISAPOINTING/GettyImages-IgorThiago.jpg", "imagePosition": "center 22%", "textTop": "Igor Thiago chegou à América do Norte após uma campanha espetacular na Premier League com o Brentford, conquistando um surpreendente papel de titular para o Brasil. No entanto, o jovem atacante pareceu completamente perdido sob a imensa pressão de liderar o ataque da Seleção. Ele perdeu um gol feito na partida de abertura e teve dificuldades no pivô, falhando em construir qualquer química significativa com seus pontas.", "textBottom": "Sua ineficácia no ataque expôs uma grave falta de fluidez tática na transição ofensiva do Brasil sob o comando de Ancelotti. Atuando como um tradicional homem de referência na área, ele congestionou os espaços centrais e tornou notavelmente fácil para defesas disciplinadas compactarem o campo. Esta exibição decepcionante sugere que ele carece do pedigree internacional de elite necessário para liderar o ataque de sua nação até as fases finais do torneio.", "stats": [ { "icon": "https://imagescache.365scores.com/image/upload/w_105,h_105,c_limit,f_webp,q_auto:eco,/v202615/NewBrand25/PBP/Types/14", "value": "0", "label": "Gols Marcados" }, { "icon": "https://imagescache.365scores.com/image/upload/w_150,h_150,c_limit,f_webp,q_auto:eco,/v202615/dashboardsection/icon/scores_on", "value": "1º lugar, Grupo C", "label": "Classificação na Fase de Grupos" } ] }, { "id": 11, "name": "Scott McTominay (Escócia)", "img": "https://imagescache.365scores.com/image/upload/v1782635654/Magazines/ENG-magazine/World_Cup_26/WC_DISAPOINTING/GettyImages-McTominay.jpg", "imagePosition": "center 22%", "textTop": "Scott McTominay entrou no torneio como a principal ameaça no meio-campo da Escócia, mas entregou atuações incrivelmente silenciosas e frustrantes o tempo todo. A estrela do Napoli pareceu atipicamente lenta, passando mais tempo no gramado do que orquestrando jogadas ou impulsionando sua equipe para frente nas transições centrais. Ele esteve amplamente ausente durante as derrotas cruciais contra o Marrocos e o Brasil, falhando em registrar um único gol ou assistência.", "textBottom": "Suas péssimas atuações destacaram a total falta de poder de decisão e identidade tática da Escócia contra meios-campos de elite e fisicamente imponentes. O contraste entre sua forma prolífica no clube e suas atuações internacionais ineficazes foi altamente frustrante para os torcedores que esperavam que ele fosse o salvador. Esta campanha anônima deixa seu papel tático na seleção sob intenso escrutínio à medida que a Escócia é eliminada precocemente.", "stats": [ { "icon": "https://imagescache.365scores.com/image/upload/w_105,h_105,c_limit,f_webp,q_auto:eco,/v202615/NewBrand25/PBP/Types/14", "value": "0", "label": "Gols Marcados" }, { "icon": "https://imagescache.365scores.com/image/upload/w_150,h_150,c_limit,f_webp,q_auto:eco,/v202615/dashboardsection/icon/scores_on", "value": "3º lugar, Grupo C", "label": "Classificação na Fase de Grupos" } ] }, { "id": 10, "name": "Antoine Semenyo (Gana)", "img": "https://imagescache.365scores.com/image/upload/v1782635654/Magazines/ENG-magazine/World_Cup_26/WC_DISAPOINTING/GettyImages-Semenyo.jpg", "imagePosition": "center 22%", "textTop": "Antoine Semenyo chegou ao torneio carregando as esperanças ofensivas de Gana após uma campanha estelar no clube que lhe rendeu uma transferência de alto nível para o Manchester City. No entanto, o atacante mostrou-se profundamente frustrado durante toda a fase de grupos, parecendo completamente isolado e lutando para estabelecer qualquer conexão significativa com seus meio-campistas. Ele não conseguiu registrar um único gol ou assistência em suas três partidas como titular, frequentemente relegado a correr atrás de bolas longas e esperançosas, em vez de receber serviço em áreas perigosas.", "textBottom": "Seu enorme baixo rendimento destacou a severa dificuldade tática de Gana na transição para uma era pós-Mohammed Kudus sob Carlos Queiroz. Falhar em replicar sua forma implacável de finalização na Premier League expôs uma desconexão estrutural gritante na linha de frente dos Estrelas Negras. Enquanto Gana conseguiu passar raspando para a próxima rodada como um dos melhores terceiros colocados, suas aparições anônimas levantam sérias dúvidas sobre a capacidade da equipe de ir longe no mata-mata.", "stats": [ { "icon": "https://imagescache.365scores.com/image/upload/w_105,h_105,c_limit,f_webp,q_auto:eco,/v202615/NewBrand25/PBP/Types/14", "value": "0", "label": "Gols Marcados" }, { "icon": "https://imagescache.365scores.com/image/upload/w_150,h_150,c_limit,f_webp,q_auto:eco,/v202615/dashboardsection/icon/scores_on", "value": "3º lugar, Grupo L", "label": "Classificação na Fase de Grupos" } ] }, { "id": 9, "name": "Julián Álvarez (Argentina)", "img": "https://imagescache.365scores.com/image/upload/v1782635654/Magazines/ENG-magazine/World_Cup_26/WC_DISAPOINTING/GettyImages-Alvarez.jpg", "imagePosition": "center 22%", "textTop": "Julián Álvarez teve um início de torneio extraordinariamente discreto, não conseguindo causar nenhum impacto significativo no ataque da Argentina. O atacante do Atlético de Madrid registrou apenas um chute a gol em suas aparições, parecendo inteiramente isolado e lento no terço final. Ele teve dificuldades para encontrar qualquer química com seus companheiros de equipe, falhando em registrar um único gol ou assistência durante a fase de grupos.", "textBottom": "Suas atuações anônimas são uma grande preocupação para os atuais campeões à medida que navegam em uma chave altamente competitiva. Após uma temporada doméstica de alto nível, sua completa falta de influência no ataque destaca uma dificuldade tática para encontrar seu papel ao lado de Lionel Messi. Este rendimento decepcionante levanta sérias questões sobre sua vaga de titular rumo às fases eliminatórias.", "stats": [ { "icon": "https://imagescache.365scores.com/image/upload/w_105,h_105,c_limit,f_webp,q_auto:eco,/v202615/NewBrand25/PBP/Types/14", "value": "0", "label": "Gols Marcados" }, { "icon": "https://imagescache.365scores.com/image/upload/w_150,h_150,c_limit,f_webp,q_auto:eco,/v202615/dashboardsection/icon/scores_on", "value": "1º lugar, Grupo J", "label": "Classificação na Fase de Grupos" } ] }, { "id": 8, "name": "Luka Modrić (Croácia)", "img": "https://imagescache.365scores.com/image/upload/v1782635654/Magazines/ENG-magazine/World_Cup_26/WC_DISAPOINTING/GettyImages-croatia.jpg", "imagePosition": "center 22%", "textTop": "Luka Modrić teve um torneio muito discreto, que ficou muito aquém de seus lendários padrões internacionais. O veterano armador foi completamente sufocado por adversários atléticos, tendo dificuldades para orquestrar transições ou encontrar seus atacantes com passes progressivos. Ele foi substituído antes da marca de uma hora em uma partida crucial quando a Croácia precisava desesperadamente de inspiração criativa no meio-campo.", "textBottom": "Esta exibição abaixo do esperado sinaliza uma dolorosa mudança de geração para uma seleção croata fortemente dependente de seu envelhecido amuleto. À medida que ele lutava para impor seu ritmo característico, a Croácia carecia da mobilidade e energia dinâmica necessárias para competir neste nível. Marca um capítulo altamente decepcionante para um dos maiores meio-campistas do jogo, enquanto a equipe lutava para impor controle.", "stats": [ { "icon": "https://imagescache.365scores.com/image/upload/w_105,h_105,c_limit,f_webp,q_auto:eco,/v202615/NewBrand25/PBP/Types/14", "value": "0", "label": "Gols Marcados" }, { "icon": "https://imagescache.365scores.com/image/upload/w_150,h_150,c_limit,f_webp,q_auto:eco,/v202615/dashboardsection/icon/scores_on", "value": "2º lugar, Grupo L", "label": "Classificação na Fase de Grupos" } ] }, { "id": 7, "name": "Patrik Schick (Tchéquia)", "img": "https://imagescache.365scores.com/image/upload/v1782635654/Magazines/ENG-magazine/World_Cup_26/WC_DISAPOINTING/GettyImages-Schick.jpg", "imagePosition": "center 22%", "textTop": "Patrik Schick teve uma fase de grupos altamente decepcionante, falhando em marcar um único gol enquanto a Tchéquia era eliminada precocemente. Faltou ao atacante agudez e presença física, registrando apenas um único chute a gol durante todo o torneio. Sua má fase eventualmente o levou ao banco de reservas na partida final e de vitória obrigatória contra o México.", "textBottom": "Seu fracasso total em replicar sua histórica forma da Eurocopa foi um fator primordial na eliminação precoce de seu país. O torneio apagado levou o atacante veterano a anunciar sua aposentadoria imediata do futebol internacional. Marca um fim altamente insosso e decepcionante para o que antes foi uma carreira muito celebrada na seleção.", "stats": [ { "icon": "https://imagescache.365scores.com/image/upload/w_105,h_105,c_limit,f_webp,q_auto:eco,/v202615/NewBrand25/PBP/Types/14", "value": "0", "label": "Gols Marcados" }, { "icon": "https://imagescache.365scores.com/image/upload/w_150,h_150,c_limit,f_webp,q_auto:eco,/v202615/dashboardsection/icon/scores_on", "value": "4º lugar, Grupo A", "label": "Classificação na Fase de Grupos" } ] }, { "id": 6, "name": "Romelu Lukaku (Bélgica)", "img": "https://imagescache.365scores.com/image/upload/v1782635654/Magazines/ENG-magazine/World_Cup_26/WC_DISAPOINTING/GettyImages-Lukaku.jpg", "imagePosition": "center 22%", "textTop": "Romelu Lukaku não conseguiu inspirar uma seleção belga em transição, entregando atuações altamente frustrantes e anônimas durante a fase de grupos. O atacante do Napoli teve imensas dificuldades ao enfrentar linhas defensivas compactas e disciplinadas, falhando em impor sua presença física ou força aérea. Sua incapacidade de gerar sequências perigosas deixou o jogo ofensivo da Bélgica parecendo incrivelmente monótono, isolado e previsível.", "textBottom": "Como um veterano proeminente, sua forma abaixo do esperado representa um grave vácuo de liderança para um time em busca de inspiração. Sua falha em converter oportunidades claras ou em criar espaço para seus jovens companheiros de ataque contribuiu diretamente para uma campanha sem brilho. Este rendimento altamente decepcionante levanta sérias dúvidas sobre seu futuro internacional a longo prazo à medida que seguem em frente.", "stats": [ { "icon": "https://imagescache.365scores.com/image/upload/w_105,h_105,c_limit,f_webp,q_auto:eco,/v202615/NewBrand25/PBP/Types/14", "value": "1", "label": "Gols Marcados" }, { "icon": "https://imagescache.365scores.com/image/upload/w_150,h_150,c_limit,f_webp,q_auto:eco,/v202615/dashboardsection/icon/scores_on", "value": "1º lugar, Grupo G", "label": "Classificação na Fase de Grupos" } ] }, { "id": 5, "name": "Son Heung-min (Coreia do Sul)", "img": "https://imagescache.365scores.com/image/upload/v1782635654/Magazines/ENG-magazine/World_Cup_26/WC_DISAPOINTING/GettyImages-son.jpg", "imagePosition": "center 22%", "textTop": "Son Heung-min entrou no torneio carregando enormes expectativas, mas falhou em marcar gols e a Coreia do Sul foi eliminada de forma vergonhosa. O capitão teve dificuldades com a precisão, não conseguindo converter seis chutes na estreia e permanecendo em grande parte anônimo em sua derrota fatal. Ele parecia cansado e incapaz de passar pelos defensores em situações de um contra um, sem sua faísca habitual.", "textBottom": "Sua campanha altamente decepcionante destaca o declínio físico de um ícone nacional que por muito tempo carregou o fardo ofensivo. Sem sua característica finalização clínica, faltou à Coreia do Sul a faísca necessária para navegar em seu grupo, terminando em uma eliminação precoce. Representa um capítulo profundamente frustrante para a estrela moderna mais condecorada do país no cenário global.", "stats": [ { "icon": "https://imagescache.365scores.com/image/upload/w_105,h_105,c_limit,f_webp,q_auto:eco,/v202615/NewBrand25/PBP/Types/14", "value": "0", "label": "Gols Marcados" }, { "icon": "https://imagescache.365scores.com/image/upload/w_150,h_150,c_limit,f_webp,q_auto:eco,/v202615/dashboardsection/icon/scores_on", "value": "3º lugar, Grupo A", "label": "Classificação na Fase de Grupos" } ] }, { "id": 4, "name": "Arda Güler (Turquia)", "img": "https://imagescache.365scores.com/image/upload/v1782635654/Magazines/ENG-magazine/World_Cup_26/WC_DISAPOINTING/GettyImages-guler.jpg", "imagePosition": "center 22%", "textTop": "Arda Güler chegou à América do Norte carregando o enorme peso das esperanças de uma nação no altamente aguardado retorno da Turquia ao palco da Copa do Mundo. No entanto, o prodígio do Real Madrid falhou em corresponder às expectativas de ser o talismã durante uma campanha de fase de grupos altamente frustrante. Em suas primeiras aparições, o armador foi bastante ineficiente, registrando onze chutes com apenas três indo no alvo, enquanto seus passes criativos foram completamente desperdiçados.", "textBottom": "Suas dificuldades individuais resumiram a natureza caótica mais ampla da saída precoce da Turquia do torneio. Apesar de gerar um alto volume de sequências de ataque, a equipe carecia de precisão clínica, dependendo de chutes longos especulativos e cruzamentos aleatórios em vez de um jogo estruturado. Para uma jovem estrela elogiada como um dos principais talentos da Europa, esta atuação inofensiva representou um duro choque de realidade sob a intensa pressão do torneio.", "stats": [ { "icon": "https://imagescache.365scores.com/image/upload/w_105,h_105,c_limit,f_webp,q_auto:eco,/v202615/NewBrand25/PBP/Types/14", "value": "0", "label": "Gols Marcados" }, { "icon": "https://imagescache.365scores.com/image/upload/w_150,h_150,c_limit,f_webp,q_auto:eco,/v202615/dashboardsection/icon/scores_on", "value": "4º lugar, Grupo D", "label": "Classificação na Fase de Grupos" } ] }, { "id": 3, "name": "Cristiano Ronaldo (Portugal)", "img": "https://imagescache.365scores.com/image/upload/v1782635654/Magazines/ENG-magazine/World_Cup_26/WC_DISAPOINTING/GettyImages-cristiano.jpg", "imagePosition": "center 22%", "textTop": "Cristiano Ronaldo suportou uma partida de abertura altamente silenciosa e frustrante, tocando na bola apenas vinte e cinco vezes contra a RD Congo. O veterano teve imensas dificuldades para encontrar espaço ou criar chances, com todos os seus três chutes errando o alvo. Sua atuação anônima atraiu fortes críticas enquanto Portugal lutava para um empate monótono em Houston.", "textBottom": "Embora seus gols subsequentes contra o Uzbequistão tenham oferecido alívio, sua atuação de estreia destacou uma luta crescente contra o tempo. Sua incapacidade de influenciar consistentemente as partidas sem um serviço de elite representa um dilema tático para um elenco altamente talentoso. Representa um início altamente frustrante que levantou sérias questões sobre sua vaga de titular à medida que avançam.", "stats": [ { "icon": "https://imagescache.365scores.com/image/upload/w_105,h_105,c_limit,f_webp,q_auto:eco,/v202615/NewBrand25/PBP/Types/14", "value": "2", "label": "Gols Marcados" }, { "icon": "https://imagescache.365scores.com/image/upload/w_150,h_150,c_limit,f_webp,q_auto:eco,/v202615/dashboardsection/icon/scores_on", "value": "2º lugar, Grupo K", "label": "Classificação na Fase de Grupos" } ] }, { "id": 2, "name": "Federico Valverde (Uruguai)", "img": "https://imagescache.365scores.com/image/upload/v1782635654/Magazines/ENG-magazine/World_Cup_26/WC_DISAPOINTING/GettyImages-Valverde.jpg", "imagePosition": "center 22%", "textTop": "Esperava-se que Federico Valverde dominasse as áreas centrais, mas ele pareceu completamente perdido enquanto o Uruguai era eliminado precocemente. O meio-campista falhou em oferecer qualquer cobertura defensiva ou impulso criativo, parecendo inteiramente distante de seus companheiros de equipe. Seu jogo altamente anônimo deixou o meio-campo do Uruguai completamente dominado e incapaz de controlar partidas importantes contra adversários com pior classificação.", "textBottom": "Seu torneio altamente decepcionante atraiu duras críticas em casa, com muitos o rotulando como o maior fracasso da fase de grupos. O contraste entre sua forma de classe mundial no Real Madrid e suas exibições internacionais insossas sugere uma desconexão tática mais profunda. Representa um enorme fracasso pessoal para um jogador de sua estatura de elite.", "stats": [ { "icon": "https://imagescache.365scores.com/image/upload/w_105,h_105,c_limit,f_webp,q_auto:eco,/v202615/NewBrand25/PBP/Types/14", "value": "0", "label": "Gols Marcados" }, { "icon": "https://imagescache.365scores.com/image/upload/w_150,h_150,c_limit,f_webp,q_auto:eco,/v202615/dashboardsection/icon/scores_on", "value": "3º lugar, Grupo H", "label": "Classificação na Fase de Grupos" } ] }, { "id": 1, "name": "Darwin Núñez (Uruguai)", "img": "https://imagescache.365scores.com/image/upload/v1782635654/Magazines/ENG-magazine/World_Cup_26/WC_DISAPOINTING/GettyImages-nunez.jpg", "imagePosition": "center 22%", "textTop": "Darwin Núñez teve uma fase de grupos desastrosa, falhando completamente em liderar o ataque de uma seleção uruguaia com baixo rendimento. O atacante registrou chocantes sete toques na bola em sua estreia antes de ser substituído no intervalo por Marcelo Bielsa. Sua movimentação era lenta e ele parecia completamente perdido ao tentar estabelecer qualquer presença física na área.", "textBottom": "Sua exibição silenciosa estendeu sua seca de gols internacionais para quatorze jogos, destacando um colapso completo de confiança. Como a ponta de lança esperada para suceder os lendários atacantes do Uruguai, seu fracasso se tornou o símbolo definidor de uma saída vergonhosa na fase de grupos. Foi uma atuação altamente decepcionante que levanta sérias dúvidas sobre seu futuro internacional.", "stats": [ { "icon": "https://imagescache.365scores.com/image/upload/w_105,h_105,c_limit,f_webp,q_auto:eco,/v202615/NewBrand25/PBP/Types/14", "value": "0", "label": "Gols Marcados" }, { "icon": "https://imagescache.365scores.com/image/upload/w_150,h_150,c_limit,f_webp,q_auto:eco,/v202615/dashboardsection/icon/scores_on", "value": "3º lugar, Grupo H", "label": "Classificação na Fase de Grupos" } ] } ] }; const nav = document.getElementById('js-nav'); const sections = document.getElementById('js-sections'); const tocList = document.getElementById('js-toc-list'); // Init Hero document.getElementById('js-hero-title').textContent = data.hero.title; const heroBg = document.getElementById('js-hero-bg'); const heroImg = document.getElementById('js-hero-img'); if (heroBg) heroBg.style.backgroundImage = data.hero.img ? `url("${data.hero.img}")` : 'none'; if (heroImg) { if (data.hero.img) { heroImg.src = data.hero.img; heroImg.style.display = 'block'; } else { heroImg.removeAttribute('src'); heroImg.style.display = 'none'; } } document.getElementById('js-hero-copy').innerHTML = data.hero.copy ? `${data.hero.copy}` : ''; const heroSection = document.querySelector('.scores-hero'); const firstItem = data.items && data.items.length ? data.items[0] : null; if (heroSection && firstItem) heroSection.id = `article-item-${firstItem.id}`; const heroFirstItem = document.getElementById('js-hero-first-item'); if (heroFirstItem) { if (firstItem) { const secondItem = data.items[1] || null; const visibleStats = (firstItem.stats || []).filter(s => s && ( String(s.icon || '').trim() || String(s.value || '').trim() || String(s.label || '').trim() )); const statsHtml = visibleStats.map(s => { const hasIcon = Boolean(String(s.icon || '').trim()); const iconHtml = hasIcon ? `` : ''; return ` ${iconHtml} ${s.value || ''} ${s.label || ''} `; }).join(''); heroFirstItem.innerHTML = ` ${firstItem.id}. ${firstItem.name || ''} ${firstItem.textTop ? `${firstItem.textTop}` : ''} ${firstItem.img ? `` : ''} ${firstItem.textBottom ? `${firstItem.textBottom}` : ''} ${visibleStats.length ? `${statsHtml}` : ''} `; } else { heroFirstItem.style.display = 'none'; } } // Build article items data.items.forEach((d, index) => { const nextDriver = data.items[index + 1]; const nextId = nextDriver ? nextDriver.id : null; // Nav button const btn = document.createElement('button'); btn.className = 'scores-nav-button'; btn.textContent = d.id; btn.dataset.articleId = String(d.id); btn.onclick = () => scrollToSection(d.id); nav.appendChild(btn); // ToC entry const tocBtn = document.createElement('button'); tocBtn.style = 'display:block; width:100%; text-align:left; padding:12px; margin-bottom:8px; border:none; background:var(--soft); cursor:pointer; border-radius:12px; font-weight:700; color:var(--text);'; tocBtn.textContent = `${d.id}. ${d.name}`; tocBtn.onclick = () => { scrollToSection(d.id); toggleToC(false); }; tocList.appendChild(tocBtn); if (index === 0) return; // Stats HTML const visibleStats = (d.stats || []).filter(s => s && ( String(s.icon || '').trim() || String(s.value || '').trim() || String(s.label || '').trim() )); const statsHtml = visibleStats.map(s => { const hasIcon = Boolean(String(s.icon || '').trim()); const iconHtml = hasIcon ? `` : ''; return ` ${iconHtml} ${s.value || ''} ${s.label || ''} `; }).join(''); // Card const sect = document.createElement('section'); sect.className = 'scores-section-shell'; sect.id = `article-item-${d.id}`; sect.innerHTML = ` ${d.id}. ${d.name} ${d.textTop} ${d.img ? `` : ''} ${d.textBottom} ${visibleStats.length ? `${statsHtml}` : ''} ${nextId ? `Próximo ›` : ''} `; sections.appendChild(sect); }); // ToC controls function toggleToC(open) { document.getElementById('js-toc-drawer').classList.toggle('is-open', open); document.getElementById('js-toc-overlay').classList.toggle('is-open', open); } document.getElementById('js-toc-open').onclick = () => toggleToC(true); document.getElementById('js-toc-close').onclick = () => toggleToC(false); document.getElementById('js-toc-overlay').onclick = () => toggleToC(false); document.getElementById('js-start').onclick = () => { if (data.items.length > 1) scrollToSection(data.items[1].id); else if (data.items.length) scrollToSection(data.items[0].id); }; // Active nav highlight for manual scrolling only. Clicks set the active state immediately. const observer = new IntersectionObserver((entries) => { if (scoresProgrammaticScroll) return; entries.forEach(entry => { if (entry.isIntersecting) { const id = entry.target.id.replace('article-item-', ''); setActiveNavButton(id); } }); }, { rootMargin: '-20% 0px -70% 0px' }); const observedHero = document.querySelector('.scores-hero[id^="article-item-"]'); if (observedHero) observer.observe(observedHero); document.querySelectorAll('.scores-section-shell').forEach(s => observer.observe(s)); });