mirror of
https://github.com/LucasKalil-Programador/world-2026-hub.git
synced 2026-07-04 17:41:28 -03:00
feat(stats): Records section + format-48 debuts band (Stage D)
- New Records sub-nav section (always available): match-record cards plus the format-48 debuts band. Sub-nav now Overview / Teams / Records. - Moved the biggest-win card out of Teams into Records (it is a match record); Teams keeps team-level cards (win streak, champion path). Records shows biggest win + highest-scoring match (both -> openMatchModal), with the high-score card deduped when it is the same match as the biggest win. - computeRecords gains highestScoringMatch. New recordsSectionHTML / highScoreCardHTML / formatDebutsHTML. - Format debuts band: 48 teams, 104 matches, 12 groups, Round of 32, 8 best thirds, and (post-final) first champion of the 48-team era. Counts derived from data, champion from the verdict. - i18n recordsTitle/highScoreMatch/formatDebutsTitle/debut* (EN/PT); CSS for .stats-subhead and the .debut-band. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
parent
ddfc656f5d
commit
e69ea7bd4d
3 changed files with 135 additions and 4 deletions
|
|
@ -395,6 +395,44 @@ button.record-card:hover { border-color: var(--accent-gold); background: var(--g
|
|||
.champ-path-score { font-weight: 700; font-variant-numeric: tabular-nums; }
|
||||
.champ-path-opp { display: flex; align-items: center; gap: 0.4rem; justify-content: flex-end; font-size: 0.88rem; }
|
||||
|
||||
/* -------------------------------------------------- format-48 debuts band */
|
||||
|
||||
.stats-subhead {
|
||||
font-size: 1.05rem;
|
||||
font-weight: 700;
|
||||
margin: 1.5rem 0 0.8rem;
|
||||
}
|
||||
|
||||
.debut-band {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
||||
gap: 1rem 1.25rem;
|
||||
padding: 1.4rem 1.5rem;
|
||||
}
|
||||
|
||||
.debut-fact {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.3rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.debut-value {
|
||||
font-size: clamp(1.6rem, 4.5vw, 2.2rem);
|
||||
font-weight: 800;
|
||||
line-height: 1.05;
|
||||
color: var(--accent-gold-soft);
|
||||
font-variant-numeric: tabular-nums;
|
||||
}
|
||||
|
||||
.debut-value-sm { font-size: clamp(1rem, 3vw, 1.3rem); }
|
||||
|
||||
.debut-label {
|
||||
font-size: 0.76rem;
|
||||
line-height: 1.35;
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.col-sort {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue