@font-face{font-family:Teko;src:url('/assets/teko-v1.woff2') format('woff2');font-weight:300 700;font-display:block;unicode-range:U+2BC,U+2C6-2C7,U+2C9,U+2D8-2DD,U+901-903,U+905-90C,U+90F-911,U+913-928,U+92A-939,U+93C-944,U+946-949,U+94B-94D,U+950,U+958-95E,U+960-970,U+2113,U+2122,U+2126,U+212E,U+220F,U+2212,U+2215,U+2219-221A,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+FB01-FB02,U+FEFF}
@font-face{font-family:Oswald;src:url('/assets/oswald-v1.woff2') format('woff2');font-weight:200 700;font-display:block;unicode-range:U+259,U+292,U+2BB-2BC,U+2C6-2C7,U+2C9,U+2D8-2DD,U+300-304,U+306-30C,U+30F,U+311-312,U+31B,U+323-324,U+326-328,U+32E,U+331,U+335,U+3A0,U+3C0,U+400-45F,U+462-463,U+46A-46B,U+472-475,U+48A-4FF,U+510-513,U+51C-51D,U+524-529,U+52E-52F,U+2074,U+2113,U+2116,U+2122,U+212A-212B,U+212E,U+2202,U+2205,U+220F,U+2211-2212,U+2215,U+2219-221A,U+221E,U+222B,U+2248,U+2260,U+2264-2265,U+27E8-27E9,U+FB01-FB02}
@font-face{font-family:Teko;src:url('/assets/teko-latin-v2.woff2') format('woff2');font-weight:300 700;font-display:block;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2190-21FF,U+25A0-25FF}
@font-face{font-family:Oswald;src:url('/assets/oswald-latin-v2.woff2') format('woff2');font-weight:200 700;font-display:block;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2190-21FF,U+25A0-25FF}
:root{color-scheme:dark;--gold:#ffd45c;--text:#f3f4f4;--muted:#aab2b8;--line:#19242c;--panel:#03090d;--u:1px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:#02070a;color:var(--text);font:13px/1.35 RobotoCondensed,'Arial Narrow',Arial,sans-serif}
button,input,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold)}
svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:-100px;left:8px;background:var(--gold);color:#071014;padding:10px;z-index:20}.skip:focus{top:8px}
.sr-only,.coverage-note,.hero-heading,.future-mark,.history-loading{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
main{max-width:1440px;margin:auto;container-type:inline-size;--u:calc(100cqw / 1024)}
.hero{height:calc(480 * var(--u));position:relative;isolation:isolate;overflow:hidden;background:#040a0e}.hero-art{position:absolute;inset:0;z-index:-1;background:url('/assets/reference-ui-v1.webp') center calc(-55 * var(--u))/100% auto no-repeat}
.counter-shell{position:absolute;left:calc(510 * var(--u));top:calc(171 * var(--u));width:calc(342 * var(--u));height:calc(173 * var(--u))}
.counter-top,.counter-breakdown small,.counter-breakdown svg,.remaining-shell>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.counter-number-surface{position:absolute;left:calc(42 * var(--u));top:calc(30 * var(--u));width:calc(238 * var(--u));height:calc(91 * var(--u));background:#030708;overflow:hidden}
.counter{height:100%;font:700 calc(116 * var(--u))/calc(116 * var(--u)) Teko,sans-serif;text-align:center;letter-spacing:calc(8 * var(--u));text-indent:calc(8 * var(--u));font-variant-numeric:tabular-nums;color:#ffdc76;-webkit-text-stroke:calc(.55 * var(--u)) #ffedb0;text-shadow:0 0 calc(3 * var(--u)) #ffd05e,0 0 calc(20 * var(--u)) #d6a53e88}
.counter-breakdown b{position:absolute;top:calc(144 * var(--u));width:calc(44 * var(--u));height:calc(20 * var(--u));background:#030708;font:600 calc(16 * var(--u))/calc(19 * var(--u)) RobotoCondensed,sans-serif;white-space:nowrap}
#club-total{left:calc(59 * var(--u))}#country-total{left:calc(166 * var(--u))}#other-total{left:calc(280 * var(--u))}
.remaining-shell{position:absolute;left:calc(515 * var(--u));top:calc(351 * var(--u));width:calc(182 * var(--u));height:calc(117 * var(--u))}
.remaining-number-surface{position:absolute;left:calc(33 * var(--u));top:calc(27 * var(--u));width:calc(114 * var(--u));height:calc(59 * var(--u));background:#060d10;overflow:hidden}
.remaining-shell strong{display:block;color:#ffdc77;font:600 calc(76 * var(--u))/calc(76 * var(--u)) Teko,sans-serif;text-align:center;letter-spacing:calc(2 * var(--u));text-indent:calc(2 * var(--u));text-shadow:0 0 calc(12 * var(--u)) #e5b24d66}
.dashboard{padding:calc(1 * var(--u)) calc(22 * var(--u)) 0 calc(23 * var(--u))}
.panel{min-width:0;border:1px solid var(--line);border-radius:calc(10 * var(--u));background:linear-gradient(115deg,#04090d,#03090d);overflow:hidden}
.panel-heading{height:calc(43 * var(--u));position:relative;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 calc(15 * var(--u))}
.panel-heading h2{margin:0;display:flex;align-items:center;gap:calc(7 * var(--u));font:500 calc(16 * var(--u))/calc(24 * var(--u)) Oswald,RobotoCondensed,sans-serif;letter-spacing:calc(.15 * var(--u));white-space:nowrap}
.panel-heading h2 svg{color:var(--gold);width:calc(21 * var(--u));height:calc(21 * var(--u))}
.text-button{border:0;background:none;padding:0;color:#aab3ba;font-size:calc(11 * var(--u));white-space:nowrap}
.overview-grid{display:grid;grid-template-columns:44.7fr 26.5fr 27.6fr;gap:calc(10 * var(--u))}.overview-grid>.panel{height:calc(268 * var(--u))}
.progress-panel{padding:0 calc(33 * var(--u)) 0 calc(17 * var(--u))}.progress-panel .panel-heading{padding:0}.progress-panel .panel-heading h2{font-family:RobotoCondensed,sans-serif;font-size:calc(16 * var(--u));font-weight:500;letter-spacing:0}
.progress-stat{height:calc(34 * var(--u));margin-top:calc(12 * var(--u));position:relative;display:flex;align-items:flex-start;justify-content:space-between}
.progress-stat>strong{color:#ffe080;font:700 calc(38 * var(--u))/calc(40 * var(--u)) Teko,sans-serif;letter-spacing:calc(.2 * var(--u));text-shadow:0 0 calc(9 * var(--u)) #e2b24b55}.progress-stat>strong small{font-size:calc(36 * var(--u))}
.finish-mark{position:absolute;right:calc(-4 * var(--u));top:calc(-21 * var(--u));width:calc(38 * var(--u));height:calc(44 * var(--u));background:url('/assets/reference-ui-v1.webp') calc(-389 * var(--u)) calc(-570 * var(--u))/calc(1024 * var(--u)) calc(1536 * var(--u)) no-repeat;color:transparent}.finish-mark b{color:transparent}
.progress-stat:after{content:'';position:absolute;left:calc(296 * var(--u));top:calc(3 * var(--u));width:calc(33 * var(--u));height:calc(36 * var(--u));background:url('/assets/reference-ui-v1.webp') calc(-337 * var(--u)) calc(-594 * var(--u))/calc(1024 * var(--u)) calc(1536 * var(--u)) no-repeat;pointer-events:none}
.progress-track{height:calc(26 * var(--u));margin-top:calc(5 * var(--u));border:1px solid #414a51;border-radius:calc(6 * var(--u));background:linear-gradient(#303941,#28313a);overflow:hidden}.progress-track>div{height:100%;width:0;border-radius:calc(5 * var(--u));background:linear-gradient(#ffe898,#f3c755);box-shadow:0 0 calc(16 * var(--u)) #ebbe4c55}
.progress-labels{display:flex;justify-content:space-between;margin-top:calc(8 * var(--u));font-size:calc(15 * var(--u));line-height:calc(18 * var(--u))}.progress-labels strong{font-weight:600}
.milestones{display:flex;justify-content:space-between;margin:calc(36 * var(--u)) 0 0 calc(8 * var(--u));position:relative}.milestones:before{content:'';position:absolute;left:2%;right:2%;top:calc(8 * var(--u));height:calc(2 * var(--u));background:#9a792f}
.milestone{display:flex;align-items:center;flex-direction:column;gap:calc(10 * var(--u));font-size:calc(12 * var(--u));line-height:calc(16 * var(--u));position:relative}.milestone:before{content:'';width:calc(17 * var(--u));height:calc(17 * var(--u));border:1px solid #7d8991;border-radius:50%;background:#040b10;box-shadow:0 0 calc(6 * var(--u)) #f3f7ff33}.milestone.done:before{content:'✓';font:bold calc(13 * var(--u))/calc(17 * var(--u)) Arial,sans-serif;background:var(--gold);border-color:var(--gold);color:#141814;text-align:center}
.match-panel .panel-heading{padding:0 calc(10 * var(--u))}.match-content{height:calc(225 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u));border-top:1px solid #25313a;border-radius:calc(10 * var(--u));background:linear-gradient(125deg,#081219,#061015);text-align:center;font-size:calc(11 * var(--u))}
.match-content>p{margin:0 0 calc(4 * var(--u));color:#b8c0c5}.match-teams{display:flex;align-items:center;justify-content:space-around;margin:calc(8 * var(--u)) 0 calc(5 * var(--u))}.match-teams>div{min-width:0;flex:1}.match-teams>span{font-size:calc(10 * var(--u));color:#b3bec5}.match-teams strong{display:block;font-size:calc(14 * var(--u));font-weight:600;margin-top:calc(4 * var(--u))}
.team-monogram{display:flex;align-items:center;justify-content:center;width:calc(37 * var(--u));height:calc(42 * var(--u));margin:auto;border:2px double #d6bf61;border-radius:42% 42% 45% 45%;background:#173745;color:#e6c760;font-weight:700;font-size:calc(15 * var(--u))}.match-teams>div:first-child .team-monogram{font-size:0;border:0;border-radius:0;background:url('/assets/reference-ui-v1.webp') calc(-501 * var(--u)) calc(-609 * var(--u))/calc(1024 * var(--u)) calc(1536 * var(--u)) no-repeat}
.countdown{display:flex;justify-content:center;gap:calc(8 * var(--u));margin:calc(7 * var(--u)) 0}.countdown>div{width:calc(42 * var(--u));height:calc(42 * var(--u));padding:calc(5 * var(--u)) 0;border-radius:calc(5 * var(--u));background:linear-gradient(#141e27,#0a1219)}.countdown strong{display:block;font-size:calc(16 * var(--u));line-height:calc(18 * var(--u));font-weight:500}.countdown small{display:block;font-size:calc(9 * var(--u));line-height:calc(12 * var(--u));color:#bec7cd}
.gold-button{display:flex;align-items:center;justify-content:center;gap:calc(6 * var(--u));padding:calc(8 * var(--u)) calc(15 * var(--u));min-height:calc(30 * var(--u));margin:calc(8 * var(--u)) auto 0;border:1px solid #f2cf69;border-radius:calc(7 * var(--u));background:linear-gradient(#ffe27c,#f5c950);color:#0a1013;font-size:calc(12 * var(--u));line-height:1.1;white-space:nowrap}.gold-button svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.match-source{font-size:calc(8 * var(--u));line-height:calc(10 * var(--u));color:#99a7b1!important;margin-top:calc(3 * var(--u))!important}
.prediction-panel{padding:0 calc(15 * var(--u))}.prediction-panel .panel-heading{padding:0}.prediction-intro{font-size:calc(12 * var(--u));line-height:calc(15 * var(--u));margin:calc(-2 * var(--u)) 0 calc(11 * var(--u));color:#d2d6d9}
.prediction-box{display:flex;align-items:center;gap:calc(15 * var(--u));min-height:calc(101 * var(--u));padding:calc(10 * var(--u));border:1px solid #192a34;border-radius:calc(9 * var(--u));background:linear-gradient(130deg,#09151c,#0c171d)}.prediction-box>svg{width:calc(35 * var(--u));height:calc(40 * var(--u));color:var(--gold)}.prediction-box>div{min-width:0}.prediction-box p{font-size:calc(13 * var(--u));line-height:calc(16 * var(--u));margin:0;color:#d0d5d9}.prediction-box strong{display:block;font:600 calc(25 * var(--u))/calc(29 * var(--u)) RobotoCondensed,sans-serif;margin-top:calc(4 * var(--u));white-space:nowrap}.prediction-box small{font-size:calc(12 * var(--u));line-height:calc(16 * var(--u));color:#b2bcc3}
.confidence{margin-top:calc(16 * var(--u));font-size:calc(12 * var(--u))}.confidence>div{display:flex;justify-content:space-between;gap:6px;color:#c4ccd2}.confidence-track{height:calc(7 * var(--u));margin-top:calc(7 * var(--u));border-radius:7px;background:#17232b;overflow:hidden}.confidence-track span{height:100%;background:#36ce80;border-radius:7px}.method-link{display:block;font-size:calc(8 * var(--u));margin-top:calc(7 * var(--u));color:#84949e}
.detail-grid{display:grid;grid-template-columns:67.8fr 31.4fr;gap:calc(10 * var(--u));margin-top:calc(10 * var(--u))}.detail-grid>.panel{height:calc(449 * var(--u))}
.history-panel{padding:0 calc(15 * var(--u))}.history-panel .panel-heading{height:calc(45 * var(--u));padding:0}.history-panel #history-count{font-weight:400}
.filters{display:flex;gap:calc(10 * var(--u));height:calc(33 * var(--u));margin:0 0 calc(13 * var(--u))}.search-label{display:flex;align-items:center;gap:calc(7 * var(--u));min-width:0;flex:1.4;padding:0 calc(10 * var(--u));border:1px solid #2a3943;border-radius:calc(7 * var(--u));background:linear-gradient(#101b22,#0b141b)}.search-label svg{width:calc(13 * var(--u));height:calc(13 * var(--u))}.search-label input{width:100%;min-width:0;background:none;border:0;color:#e5e9ec;font-size:calc(11 * var(--u))}.search-label input::placeholder{color:#a3afb8}.filters select{flex:1;min-width:0;height:100%;border:1px solid #2b3a44;border-radius:calc(7 * var(--u));background:#050e14;color:#eef0f2;padding:0 calc(10 * var(--u));font-size:calc(11 * var(--u))}.filter-submit{display:none}
.table-wrap{height:calc(317 * var(--u));border-radius:calc(7 * var(--u));overflow:auto}table{border-collapse:collapse;width:100%;table-layout:fixed;white-space:nowrap;font-size:calc(11 * var(--u))}th{text-align:left;font-weight:400;height:calc(26 * var(--u));padding:calc(6 * var(--u)) calc(9 * var(--u));line-height:calc(14 * var(--u));background:linear-gradient(#101a21,#0c151c);color:#e0e2e4}td{height:calc(29 * var(--u));padding:calc(7 * var(--u)) calc(9 * var(--u));line-height:calc(15 * var(--u));color:#dce1e5;overflow:hidden;text-overflow:ellipsis}th:nth-child(1){width:8%}th:nth-child(2){width:14%}th:nth-child(3){width:20%}th:nth-child(4){width:38%}th:nth-child(5){width:20%}tbody tr:nth-child(odd){background:#050d12}tbody tr:nth-child(even){background:#111b22}td:first-child{font-weight:600}
.match-cell,.goal-detail{display:flex;align-items:center;gap:calc(6 * var(--u));min-width:0}.match-cell>span,.goal-detail>span{overflow:hidden;text-overflow:ellipsis}.mini-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:calc(15 * var(--u));height:calc(17 * var(--u));border:1px solid #9c9959;border-radius:4px 4px 7px 7px;background:#234451;color:#ecd477;font-size:calc(8 * var(--u));font-style:normal}.mini-badge[data-team="Al-Nassr"]{font-size:0;border:0;border-radius:0;background:url('/assets/reference-ui-v1.webp') calc(-311 * var(--u)) calc(-938 * var(--u))/calc(1024 * var(--u)) calc(1536 * var(--u)) no-repeat}.mini-badge[data-team="Portugal"]{font-size:0;border:0;border-radius:0;background:url('/assets/reference-ui-v1.webp') calc(-311 * var(--u)) calc(-1200 * var(--u))/calc(1024 * var(--u)) calc(1536 * var(--u)) no-repeat}.goal-detail svg{width:calc(14 * var(--u));height:calc(14 * var(--u))}.disputed-marker{color:#e4c56e;font-size:calc(9 * var(--u))}
.empty{padding:calc(40 * var(--u)) 10px;text-align:center;color:var(--muted);white-space:normal}
.pagination{height:calc(27 * var(--u));margin-top:calc(9 * var(--u));display:flex;align-items:center;justify-content:center;font-size:calc(12 * var(--u))}.pagination>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pagination>div,.pagination #page-number{display:flex;align-items:center;gap:calc(12 * var(--u))}.pagination button{border:0;background:none;min-width:calc(18 * var(--u));height:calc(21 * var(--u));padding:0 calc(3 * var(--u));font-size:calc(12 * var(--u));line-height:calc(21 * var(--u));border-radius:4px}.pagination>div>button{font-size:calc(20 * var(--u))}.pagination #page-number button[aria-current=page]{color:#0a1014;background:#f4f5f6}.page-gap{font-size:calc(12 * var(--u))}
.alert-panel{padding:0 calc(15 * var(--u))}.alert-panel .panel-heading{height:calc(46 * var(--u));padding:0;border-bottom:1px solid #17262f}.off-badge{display:flex;align-items:center;gap:calc(3 * var(--u));border-radius:15px;background:#44545d;font:bold calc(9 * var(--u))/calc(14 * var(--u)) Arial,sans-serif;padding:calc(3 * var(--u)) calc(3 * var(--u)) calc(3 * var(--u)) calc(6 * var(--u))}.off-badge>span{width:calc(13 * var(--u));height:calc(13 * var(--u));border-radius:50%;background:#e4eaee}
.recent-feature{padding:calc(12 * var(--u)) calc(8 * var(--u)) 0}.recent-top{display:flex;align-items:center;justify-content:space-between;font-size:calc(8 * var(--u));color:#8999a3}.recent-top>b{padding:calc(3 * var(--u)) calc(5 * var(--u));border-radius:5px;background:#f3353c;box-shadow:0 0 calc(10 * var(--u)) #e4263655;color:white;font-size:calc(10 * var(--u))}.recent-feature h3{font-size:calc(14 * var(--u));font-weight:600;line-height:calc(17 * var(--u));margin:calc(7 * var(--u)) 0 calc(3 * var(--u))}.recent-feature>p{font-size:calc(11 * var(--u));line-height:calc(15 * var(--u));color:#a9b7c1;margin:0 0 calc(8 * var(--u))}
.recent-image{position:relative;max-width:calc(259 * var(--u));height:calc(99 * var(--u));margin:0 auto;border:1px solid #25333c;border-radius:calc(8 * var(--u));overflow:hidden;background:url('/assets/reference-ui-v1.webp') calc(-720 * var(--u)) calc(-944 * var(--u))/calc(1024 * var(--u)) calc(1536 * var(--u)) no-repeat;cursor:pointer}.recent-image svg{display:none}
.recent-item{display:flex;align-items:center;gap:calc(8 * var(--u));margin:0 calc(8 * var(--u));padding:calc(12 * var(--u)) 0;border-top:1px solid #17262f;font-size:calc(11 * var(--u));line-height:calc(16 * var(--u))}.recent-item:first-of-type{margin-top:calc(14 * var(--u))}.recent-item svg{width:calc(17 * var(--u));height:calc(17 * var(--u))}.recent-item small{margin-left:auto;font-size:calc(9 * var(--u));color:#acb8c0;white-space:nowrap}.alert-panel #alert-description{font-size:calc(9 * var(--u));line-height:calc(12 * var(--u));color:#8d9da7;margin:calc(8 * var(--u)) 0}.alert-panel .gold-button{margin-top:calc(9 * var(--u))}.alert-panel #alert-status{display:block;font-size:calc(8 * var(--u));line-height:calc(10 * var(--u));text-align:center;color:#91a1ac;margin-top:calc(5 * var(--u))}
.bottom-grid{display:grid;grid-template-columns:562fr 408fr;gap:calc(9 * var(--u));margin-top:calc(9 * var(--u))}.bottom-grid>.panel{height:calc(240 * var(--u));padding:0 calc(8 * var(--u)) calc(12 * var(--u)) calc(15 * var(--u))}.bottom-grid .panel-heading{height:calc(45 * var(--u));padding:0}.team-panel{padding-right:calc(15 * var(--u))!important}
.records-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(8 * var(--u))}.record-card{height:calc(85 * var(--u));min-width:0;position:relative;border:1px solid #25343d;border-radius:calc(10 * var(--u));background:linear-gradient(135deg,#121c22,#0b1419);padding:calc(12 * var(--u)) calc(8 * var(--u)) 0 calc(45 * var(--u));overflow:hidden}.record-card>svg{position:absolute;left:calc(8 * var(--u));top:calc(12 * var(--u));width:calc(32 * var(--u));height:calc(36 * var(--u));stroke:transparent;background-image:url('/assets/reference-ui-v1.webp');background-size:calc(1024 * var(--u)) calc(1536 * var(--u));background-repeat:no-repeat}.record-card:nth-child(1)>svg{background-position:calc(-48 * var(--u)) calc(-1331 * var(--u))}.record-card:nth-child(2)>svg{background-position:calc(-184 * var(--u)) calc(-1331 * var(--u))}.record-card:nth-child(3)>svg{background-position:calc(-317 * var(--u)) calc(-1331 * var(--u))}.record-card:nth-child(4)>svg{background-position:calc(-456 * var(--u)) calc(-1331 * var(--u))}.record-card:nth-child(5)>svg{background-position:calc(-48 * var(--u)) calc(-1423 * var(--u))}.record-card:nth-child(6)>svg{background-position:calc(-184 * var(--u)) calc(-1423 * var(--u))}.record-card:nth-child(7)>svg{background-position:calc(-317 * var(--u)) calc(-1423 * var(--u))}.record-card:nth-child(8)>svg{background-position:calc(-456 * var(--u)) calc(-1423 * var(--u))}
.record-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;font-size:calc(11 * var(--u));font-weight:400;line-height:calc(14 * var(--u));min-height:calc(28 * var(--u))}.record-card .record-value{position:absolute;left:calc(45 * var(--u));top:calc(43 * var(--u));color:#ffdc75;font:700 calc(26 * var(--u))/calc(28 * var(--u)) Teko,sans-serif;letter-spacing:calc(.2 * var(--u));text-shadow:0 0 calc(5 * var(--u)) #ddba5b22}.record-card p{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.record-card a{position:absolute;inset:0;font-size:0;border-radius:inherit}.record-card:focus-within{border-color:var(--gold)}.record-card.unknown{opacity:.65}
.team-chart{display:flex;align-items:flex-start;gap:calc(16 * var(--u));padding:calc(13 * var(--u)) 0 0 calc(4 * var(--u))}.donut{position:relative;width:calc(159 * var(--u));height:calc(159 * var(--u));border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:conic-gradient(#26333d 0 100%)}.donut:before{content:'';position:absolute;width:calc(85 * var(--u));height:calc(85 * var(--u));border-radius:50%;background:#03090d}.donut>div{z-index:1;text-align:center;display:flex;flex-direction:column;transform:translateY(calc(-1 * var(--u)))}.donut strong{font:500 calc(20 * var(--u))/calc(24 * var(--u)) RobotoCondensed,sans-serif}.donut span{font-size:calc(12 * var(--u));line-height:calc(18 * var(--u))}.team-chart ul{flex:1;min-width:0;list-style:none;padding:0;margin:calc(-3 * var(--u)) 0 0;font-size:calc(11 * var(--u))}.team-chart li{display:flex;align-items:center;gap:calc(6 * var(--u));height:calc(23 * var(--u));white-space:nowrap;color:#bec7ce}.team-chart li i{width:calc(10 * var(--u));height:calc(10 * var(--u));border-radius:50%;flex-shrink:0}.team-chart li span{overflow:hidden;text-overflow:ellipsis}.team-chart li strong{margin-left:auto;color:#f0f2f4;font-weight:500}
footer{min-height:calc(24 * var(--u));display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8a9aa5;font-size:calc(8 * var(--u));line-height:1.4}footer button{background:none;border:0;color:#b8c2c9;font-size:calc(9 * var(--u));padding:2px 0;white-space:nowrap}.hero-provenance{display:flex;align-items:center;gap:6px;font-size:calc(8 * var(--u));min-width:0}.hero-provenance button{background:#0a131a;border:1px solid #293942;border-radius:3px;padding:2px 4px;font-size:inherit;white-space:nowrap}.hero-provenance #snapshot-badge,.hero-provenance #snapshot-note{color:#dfc377}.hero-provenance #verified{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(230 * var(--u))}
footer #update-mode,footer #coverage-short,footer #source-state{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.connection{border:1px solid #9d7b35;background:#493716;padding:9px 15px;font-size:13px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 20px;border:1px solid #526d7c;border-radius:8px;background:#1b2f3b;color:#f5f7f8;z-index:30}
dialog{width:min(720px,calc(100% - 32px));max-height:86dvh;overflow:auto;background:#0b161e;color:#e4eaf0;border:1px solid #425b6b;border-radius:12px;padding:24px;box-shadow:0 15px 100px #000c}dialog::backdrop{background:#000c;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #253844;padding-bottom:12px;margin-bottom:15px}.dialog-heading h2{margin:0;font-size:21px}.dialog-heading button{background:none;border:0;font-size:27px;min-width:32px;min-height:32px}#dialog-content{font:13px/1.7 RobotoCondensed,sans-serif;color:#b9c8d2;overflow-wrap:anywhere}#dialog-content h3{font-size:15px;color:#edf1f4}#dialog-content a{color:var(--gold);text-decoration:underline}.source-item{border-bottom:1px solid #243640;padding:7px 0}.coverage-fields{margin:0}.coverage-fields>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;border-bottom:1px solid #243640}.coverage-fields dd{margin:0;color:var(--gold)}.photo-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.photo-gallery figure{margin:0}.photo-gallery img{width:100%;height:220px;object-fit:cover;object-position:top}.photo-gallery figcaption,.art-credit{font-size:11px;color:#acbbc6}.loading-line{height:10px;width:80%;margin:25px auto;background:#283842;animation:pulse 1s infinite}.empty-icon{font-size:35px;color:#d8b95d;margin:15px 0}.muted{color:var(--muted)}@keyframes pulse{50%{opacity:.4}}
/* Tablet: retain the original hero proportions, then reflow readable cards. */
@media(max-width:979px){
 main{--u:1px}.hero{height:46.875cqw}.hero-art{background-position:center -5.37109375cqw}.counter-shell{left:49.8046875cqw;top:16.69921875cqw;width:33.3984375cqw;height:16.89453125cqw}.counter-number-surface{left:4.1015625cqw;top:2.9296875cqw;width:23.2421875cqw;height:8.88671875cqw}.counter{font-size:11.328125cqw;line-height:11.328125cqw;letter-spacing:.78125cqw;text-indent:.78125cqw}.counter-breakdown b{top:14.0625cqw;width:4.296875cqw;height:1.953125cqw;font-size:1.5625cqw;line-height:1.85546875cqw}#club-total{left:5.76171875cqw}#country-total{left:16.2109375cqw}#other-total{left:27.34375cqw}.remaining-shell{left:50.29296875cqw;top:34.27734375cqw;width:17.7734375cqw;height:11.42578125cqw}.remaining-number-surface{left:3.22265625cqw;top:2.63671875cqw;width:11.1328125cqw;height:5.76171875cqw}.remaining-shell strong{font-size:7.421875cqw;line-height:7.421875cqw;letter-spacing:.1953125cqw;text-indent:.1953125cqw}
 .dashboard{padding:12px 20px 0}.overview-grid{grid-template-columns:1fr 1fr;gap:12px}.overview-grid>.panel{height:280px}.overview-grid>.progress-panel{grid-column:1/-1;height:242px}.progress-panel{padding-right:17px}.progress-stat:after{left:auto;right:60px}.milestones{margin-right:0}.detail-grid{grid-template-columns:1fr;gap:12px;margin-top:12px}.detail-grid>.history-panel{height:449px}.detail-grid>.alert-panel{height:auto;min-height:300px;padding-bottom:16px}.alert-panel #recent-goals{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:repeat(3,1fr);column-gap:24px}.recent-feature{grid-row:1/4;padding-left:0;padding-right:0}.recent-image{max-width:259px}.recent-item{margin:0;padding:12px 0}.recent-item:first-of-type{margin-top:0}.alert-panel .gold-button{margin-top:10px}.bottom-grid{grid-template-columns:1fr;gap:12px;margin-top:12px}.bottom-grid>.panel{height:240px}.team-chart{max-width:420px;margin:auto;gap:28px}.team-chart ul{font-size:12px}.record-card h3{font-size:12px}.record-card .record-value{font-size:28px}.hero-provenance{font-size:10px}.hero-provenance #verified{max-width:none}footer{flex-wrap:wrap;padding:14px 0;gap:10px 16px;font-size:10px}footer button{font-size:11px}footer>.hero-provenance{flex-basis:100%}
}
/* Phones: no embedded old counters from the raster; all content remains live HTML. */
@media(max-width:599px){
 html{scroll-padding-top:76px}
 .hero{height:620px;background:#040b10}.hero-art{background-image:linear-gradient(0deg,#02070a,transparent 22%),url('/assets/hero.png');background-size:auto 100%;background-position:35% top}.hero-heading{position:absolute!important;left:16px!important;right:12px!important;top:22px!important;width:auto!important;height:auto!important;clip-path:none!important;margin:0!important;white-space:normal!important;overflow:visible!important}.hero-heading h1{margin:0;font:600 clamp(29px,7.8vw,38px)/1.2 Oswald,sans-serif;letter-spacing:-.4px;text-shadow:0 2px 10px #000}.hero-heading h1 strong{display:block;font:700 clamp(40px,12vw,60px)/1 Teko,sans-serif;letter-spacing:.2px;color:#ffe086;text-shadow:0 2px 1px #51390c,0 0 12px #000}.hero-heading p{font-size:9px;line-height:15px;letter-spacing:.8px;margin:7px 0 0}
 .counter-shell{left:auto;right:16px;top:220px;width:230px;height:177px;border:1px solid #63716e;border-radius:12px;background:#02070b;box-shadow:0 8px 25px #0006}.counter-top{position:absolute;left:0;right:0;top:12px;width:auto;height:19px;clip-path:none;overflow:visible;font-size:14px;line-height:19px;letter-spacing:1px;text-align:center}.counter-number-surface{left:0;top:31px;width:100%;height:91px;background:transparent}.counter{font-size:116px;line-height:116px;letter-spacing:7px;text-indent:7px;-webkit-text-stroke:.5px #ffedb0}
 .counter-breakdown{position:absolute;left:15px;right:15px;bottom:12px;display:flex;align-items:center;justify-content:space-between;height:29px}.counter-breakdown>div{display:flex;align-items:center;gap:6px}.counter-breakdown svg{position:static;width:23px;height:27px;clip-path:none;stroke:transparent;background-image:url('/assets/reference-ui-v1.webp');background-size:1024px 1536px}.counter-breakdown>div:nth-child(1) svg{background-position:-535px -357px}.counter-breakdown>div:nth-child(2) svg{background-position:-641px -357px}.counter-breakdown>div:nth-child(3) svg{background-position:-759px -357px}.counter-breakdown small{position:static;width:auto;height:auto;clip-path:none;font-size:10px;line-height:12px;color:#b8c1c6;display:block}.counter-breakdown b{position:static;width:auto;height:auto;background:none;display:block;font:600 14px/16px RobotoCondensed,sans-serif}
 .remaining-shell{left:auto;right:16px;top:410px;width:152px;height:114px;border:1px solid #3a4b53;border-radius:10px;background:#030a10}.remaining-shell>span{position:absolute;left:0;right:0;top:11px;width:auto;height:auto;clip-path:none;overflow:visible;font-size:11px;line-height:16px;text-align:center;letter-spacing:.6px}.remaining-shell>span:last-child{top:auto;bottom:10px}.remaining-number-surface{left:0;top:27px;width:100%;height:59px;background:transparent}.remaining-shell strong{font-size:76px;line-height:76px;letter-spacing:2px;text-indent:2px}
 .dashboard{padding:0 12px}.overview-grid{grid-template-columns:1fr;gap:10px}.overview-grid>.progress-panel{grid-column:auto;height:244px}.overview-grid>.match-panel,.overview-grid>.prediction-panel{height:auto;min-height:280px}.panel-heading{height:46px;padding:0 15px}.panel-heading h2{font-size:16px}.progress-panel .panel-heading{height:43px}.progress-stat{margin-top:12px}.progress-stat:after{right:49px}.match-panel .panel-heading{padding:0 15px}.match-content{height:auto;min-height:238px;padding:10px 22px 15px}.match-teams{margin:10px 0}.team-monogram{width:42px;height:46px;font-size:17px}.match-teams>div:first-child .team-monogram{width:37px;height:42px}.match-teams strong{font-size:16px}.match-content>p{font-size:13px;line-height:17px}.countdown{margin:10px 0;gap:9px}.countdown>div{width:48px;height:46px}.countdown strong{font-size:19px;line-height:22px}.countdown small{font-size:10px;line-height:13px}.gold-button{min-height:40px;font-size:13px;padding:10px 17px}.match-source{font-size:10px!important;line-height:14px;margin-top:6px!important}.prediction-panel{padding:0 15px 16px}.prediction-intro{font-size:13px;line-height:18px;margin-bottom:12px}.prediction-box{min-height:104px;padding:13px;gap:18px}.prediction-box>svg{width:38px;height:42px}.prediction-box p{font-size:14px;line-height:18px}.prediction-box strong{font-size:28px;line-height:32px}.prediction-box small{font-size:12px;line-height:18px}.confidence{font-size:13px;margin-top:17px}.method-link{font-size:11px;margin-top:10px;min-height:24px}
 .detail-grid{gap:10px;margin-top:10px}.detail-grid>.history-panel{height:auto;min-height:490px;padding:0 11px 12px}.history-panel .panel-heading{height:46px}.history-panel .panel-heading h2{font-size:16px}.filters{height:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:11px}.search-label{grid-column:1/-1;height:40px;padding:0 11px}.search-label input{font-size:13px}.search-label svg{width:16px;height:16px}.filters select{height:38px;padding:0 7px;font-size:11px}.table-wrap{height:317px;overflow:auto;overscroll-behavior-x:contain}table{width:625px;font-size:11px}th{height:26px;padding:6px 9px;line-height:14px}td{height:29px;padding:7px 9px;line-height:15px}.pagination{margin-top:11px;height:36px}.pagination>div,.pagination #page-number{gap:8px}.pagination button{min-width:24px;height:32px;line-height:32px;font-size:12px}.pagination>div>button{font-size:22px;min-width:28px}
 .detail-grid>.alert-panel{min-height:0;height:auto;padding:0 15px 16px}.alert-panel .panel-heading{height:46px}.alert-panel #recent-goals{display:block}.recent-feature{padding:12px 0 0}.recent-top{font-size:10px}.recent-top>b{font-size:11px}.recent-feature h3{font-size:16px;line-height:21px;margin-top:9px}.recent-feature>p{font-size:12px;line-height:18px}.recent-image{width:259px;max-width:100%;height:99px}.recent-item{margin:0;padding:12px 0;font-size:13px;line-height:18px}.recent-item:first-of-type{margin-top:14px}.recent-item small{font-size:10px}.alert-panel #alert-description{font-size:11px;line-height:16px}.alert-panel #alert-status{font-size:10px;line-height:14px}
 .bottom-grid{gap:10px;margin-top:10px}.bottom-grid>.panel{height:auto;min-height:240px;padding:0 12px 14px}.bottom-grid .panel-heading{height:46px}.records-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.record-card{height:92px;padding:12px 8px 0 45px}.record-card>svg{left:8px;top:12px}.record-card h3{font-size:12px;line-height:15px;min-height:30px}.record-card .record-value{left:45px;top:48px;font-size:29px;line-height:30px}.team-panel{padding-right:12px!important}.team-chart{gap:18px;padding:13px 0 0;margin:auto;max-width:370px}.donut{width:145px;height:145px}.donut:before{width:79px;height:79px}.donut strong{font-size:21px;line-height:25px}.donut span{font-size:12px;line-height:18px}.team-chart ul{font-size:11px;margin-top:-3px}.team-chart li{height:22px;gap:5px}.team-chart li i{width:8px;height:8px}.team-chart li strong{font-size:10px}.team-chart li span{max-width:105px}
 footer{padding:14px 0 18px;gap:10px 14px;font-size:10px;justify-content:flex-start}.hero-provenance{flex-wrap:wrap;gap:6px;font-size:10px}.hero-provenance #verified{max-width:100%;white-space:normal}footer button{font-size:11px;min-height:28px}dialog{padding:18px;max-height:88dvh}.dialog-heading h2{font-size:19px}.photo-gallery{grid-template-columns:1fr}
}
@media(max-width:374px){.hero-heading h1{font-size:27px}.hero-heading h1 strong{font-size:40px}.team-chart{gap:12px}.donut{width:130px;height:130px}.donut:before{width:72px;height:72px}.team-chart li span{max-width:96px}.record-card{padding-left:41px}.record-card>svg{left:5px}.record-card .record-value{left:41px}.panel-heading h2{font-size:15px}.pagination>div,.pagination #page-number{gap:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Measured native-grid corrections; every anchor below comes from the 1024px reference. */
.overview-grid{grid-template-columns:434fr 257fr 268fr}.detail-grid{grid-template-columns:662fr 307fr}
.progress-stat{margin-top:calc(11 * var(--u))}td{padding-top:calc(6 * var(--u));padding-bottom:calc(6 * var(--u))}
.progress-panel .panel-heading h2 svg{width:calc(16 * var(--u));height:calc(18 * var(--u))}.match-panel .panel-heading h2 svg{width:calc(19 * var(--u))}.prediction-panel .panel-heading h2 svg{width:calc(26 * var(--u))}.history-panel .panel-heading h2 svg{width:calc(22 * var(--u))}.alert-panel .panel-heading h2 svg{width:calc(19 * var(--u))}.bottom-grid #records .panel-heading h2 svg{width:calc(24 * var(--u))}.team-panel .panel-heading h2 svg{width:calc(19 * var(--u))}
.record-card{padding-top:calc(10 * var(--u))}.record-card .record-value{top:calc(44 * var(--u));font-size:calc(25 * var(--u));font-weight:600}.record-card[data-record=real-madrid-goals] p{left:calc(45 * var(--u));top:calc(70 * var(--u));width:auto;height:calc(12 * var(--u));clip-path:none;overflow:visible;font-size:calc(10 * var(--u));line-height:calc(12 * var(--u));color:#b9c2c8}
@media(max-width:979px){.overview-grid{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}.record-card .record-value{font-size:28px}}
@media(max-width:599px){.overview-grid{grid-template-columns:1fr}.record-card .record-value{top:48px;font-size:29px}.record-card{padding-top:12px}td{padding-top:6px;padding-bottom:6px}}
[hidden]{display:none!important}
/* The scheduled-fixture contents follow the measured reference anchors. */
.match-content:has(.match-date){position:relative;height:calc(225 * var(--u) - 2px)}
.match-content:has(.match-date)>p:first-child{position:absolute;left:0;right:0;top:calc(9 * var(--u));margin:0}
.match-content:has(.match-date) .match-teams{position:absolute;left:calc(12 * var(--u));right:calc(12 * var(--u));top:calc(28 * var(--u));margin:0}.match-content:has(.match-date) .match-teams strong{margin-top:calc(5 * var(--u))}
.match-content .match-date{position:absolute;left:0;right:0;top:calc(100 * var(--u));margin:0;font-size:calc(11 * var(--u));line-height:calc(13 * var(--u))}
.match-content:has(.match-date) .countdown{position:absolute;left:0;right:0;top:calc(134 * var(--u));margin:0}.countdown small{margin-top:calc(3 * var(--u))}
.match-content:has(.match-date) .gold-button{position:absolute;left:50%;top:calc(185 * var(--u));transform:translateX(-50%);margin:0;min-height:calc(30 * var(--u));padding:calc(7 * var(--u)) calc(15 * var(--u));font-size:calc(12 * var(--u));line-height:calc(14 * var(--u))}
.match-content:has(.match-date) .match-source{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0!important}
@media(max-width:599px){.match-content:has(.match-date){min-height:260px;height:260px}.match-content:has(.match-date) .gold-button{min-height:40px;line-height:18px;font-size:13px;padding:10px 17px}.match-content:has(.match-date) .match-source{left:12px;right:12px;top:235px;width:auto;height:auto;clip-path:none;overflow:visible;font-size:10px;line-height:14px}.match-content:has(.match-date) .match-teams strong{margin-top:5px}.match-content .match-date{font-size:12px;line-height:15px}.match-content:has(.match-date) .match-teams{top:26px}}
/* Motion uses transforms/opacity only; resting dashboard geometry is unchanged. */
dialog::backdrop{opacity:var(--backdrop-opacity,1)}
.team-highlight{position:absolute;inset:0;border-radius:50%;pointer-events:none}.donut:before{z-index:1}.donut>div{z-index:2}
#team-legend li{outline-offset:2px;border-radius:3px}#team-legend li:focus-visible{outline:1px solid var(--gold)}
#team-legend.is-highlighting li:not(.is-highlighted){opacity:.45}#team-legend .is-highlighted{color:#fff}
.gallery-zoom{display:block;width:100%;padding:0;border:0;border-radius:8px;overflow:hidden;background:#071017;cursor:zoom-in}.gallery-zoom img{display:block;width:100%;border-radius:8px}.gallery-zoom:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.gallery-viewer{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;gap:16px;padding:22px;background:#0b161e;border-radius:12px;min-height:300px}.gallery-back{align-self:flex-start;min-height:40px;padding:8px 12px;background:#172630;border:1px solid #425b6b;border-radius:7px;color:var(--gold)}.gallery-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery-stage img{display:block;width:auto;max-width:100%;max-height:65dvh;object-fit:contain;border-radius:8px}.gallery-placeholder{background:#071017;border-radius:8px}
@media(prefers-reduced-motion:reduce){#team-legend.is-highlighting li:not(.is-highlighted){opacity:1}}
/* Keep all three overview cards above the desktop fold, without scaling their text. */
.hero-scene{position:relative;width:100%;height:100%;isolation:isolate}
@media(min-width:980px){
 main{--page-u:calc(100cqw / 1024);--scene-u:min(var(--page-u),max(.1px,calc((100svh - 67px - 269 * var(--page-u)) / 480)))}
 .hero{height:calc(480 * var(--scene-u));background:radial-gradient(ellipse at center,#172026,#02070a 72%)}
 .hero-scene{--u:var(--scene-u);width:calc(1024 * var(--u));margin-inline:auto}
}
@media(max-width:599px){
 .hero{height:clamp(350px,52svh,440px)}
 .hero-heading h1{font-size:clamp(26px,7vw,32px)}.hero-heading h1 strong{font-size:clamp(36px,10vw,46px)}
 .hero-heading p{font-size:8px;line-height:12px;letter-spacing:.4px}
 .counter-shell{top:140px;right:14px;width:205px;height:169px}
 .counter{font-size:108px;line-height:108px}.counter-number-surface{height:84px}
 .counter-breakdown{bottom:12px!important}
 .remaining-shell{top:260px;left:14px;right:auto;width:126px;height:94px}
 .remaining-shell>span{font-size:10px!important;line-height:14px!important}
 .remaining-number-surface{top:23px!important;height:48px!important}
 .remaining-shell strong{font-size:64px!important;line-height:64px!important}
}
@media(min-width:600px) and (max-width:979px){
 .hero{height:min(46.875cqw,max(80px,calc(100svh - 622px)))}
 .hero-scene{width:auto;max-width:100%;aspect-ratio:1024/480;margin-inline:auto;container-type:inline-size}
}
/* Reviewed compact overview and full-width, undistorted hero. */
main{--scene-u:var(--page-u)}
.hero{height:calc(480 * var(--u))}
.hero-scene{width:100%;max-width:none;height:100%;margin:0;aspect-ratio:auto;container-type:normal;--u:calc(100cqw / 1024)}
@media(min-width:980px){
 main{--page-u:calc(100cqw / 1024);--scene-u:var(--page-u)}
 .overview-grid>.panel{height:calc(201 * var(--u))}
 .overview-grid .panel-heading{height:calc(36 * var(--u))}
 .overview-grid .panel-heading h2{top:calc(6 * var(--u))}
 .progress-stat{margin-top:calc(6 * var(--u));height:calc(32 * var(--u))}
 .progress-stat>strong{font-size:calc(34 * var(--u));line-height:calc(36 * var(--u))}.progress-stat>strong small{font-size:calc(32 * var(--u))}
 .progress-track{height:calc(20 * var(--u));margin-top:calc(4 * var(--u))}
 .progress-labels{margin-top:calc(6 * var(--u))}.milestones{margin-top:calc(14 * var(--u))}.milestone{gap:calc(7 * var(--u))}
 .progress-stat:after{top:calc(-2 * var(--u))}
 .match-content:has(.match-date){height:calc(165 * var(--u) - 2px);min-height:0}
 .match-content:has(.match-date)>p:first-child{top:calc(4 * var(--u));font-size:calc(11 * var(--u));line-height:calc(13 * var(--u))}
 .match-content:has(.match-date) .match-teams{top:calc(18 * var(--u))}
 .match-content:has(.match-date) .team-monogram{width:calc(30 * var(--u));height:calc(34 * var(--u));font-size:calc(12 * var(--u))}
 .match-content:has(.match-date) .match-teams>div:first-child .team-monogram{width:calc(30 * var(--u));height:calc(34 * var(--u));background-size:calc(831 * var(--u)) calc(1246 * var(--u));background-position:calc(-406.8 * var(--u)) calc(-494.3 * var(--u))}
 .match-content:has(.match-date) .match-teams strong{font-size:calc(13 * var(--u));line-height:calc(15 * var(--u));margin-top:calc(1 * var(--u))}
 .match-content .match-date{top:calc(69 * var(--u));font-size:calc(11 * var(--u));line-height:calc(12 * var(--u))}
 .match-content:has(.match-date) .countdown{top:calc(97 * var(--u));gap:calc(7 * var(--u))}
 .countdown>div{width:calc(37 * var(--u));height:calc(32 * var(--u));padding:calc(2 * var(--u)) 0}.countdown strong{font-size:calc(14 * var(--u));line-height:calc(16 * var(--u))}.countdown small{font-size:calc(8 * var(--u));line-height:calc(10 * var(--u));margin-top:0}
 .match-content:has(.match-date) .gold-button{top:calc(134 * var(--u));min-height:calc(26 * var(--u));padding:calc(5 * var(--u)) calc(12 * var(--u));line-height:calc(14 * var(--u))}
 .prediction-intro{font-size:calc(11 * var(--u));line-height:calc(14 * var(--u));margin:0 0 calc(5 * var(--u))}
 .prediction-box{min-height:calc(78 * var(--u));padding:calc(6 * var(--u)) calc(9 * var(--u));gap:calc(12 * var(--u))}.prediction-box>svg{width:calc(29 * var(--u));height:calc(34 * var(--u))}.prediction-box p{font-size:calc(12 * var(--u));line-height:calc(14 * var(--u))}.prediction-box strong{font-size:calc(23 * var(--u));line-height:calc(26 * var(--u));margin-top:calc(2 * var(--u))}.prediction-box small{font-size:calc(10 * var(--u));line-height:calc(13 * var(--u))}
 .confidence{font-size:calc(11 * var(--u));margin-top:calc(8 * var(--u));line-height:calc(14 * var(--u))}.confidence-track{height:calc(5 * var(--u));margin-top:calc(5 * var(--u))}.method-link{font-size:calc(9 * var(--u));line-height:calc(14 * var(--u));margin-top:calc(3 * var(--u))}
}
/* Mobile: an image-only face zone, followed by readable text and data. */
@media(max-width:599px){
 .hero{height:auto;background:#030a0e}
 .hero-scene{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;padding:0 12px 18px;--u:1px}
 .hero-art{position:relative;grid-column:1/-1;inset:auto;margin-inline:-12px;width:calc(100% + 24px);height:clamp(190px,52vw,240px);z-index:0;background-image:url('/assets/hero.png');background-size:auto 100%;background-position:left top}
 .hero-heading{position:static!important;grid-column:1/-1;padding:0 4px}.hero-heading h1{font-size:25px;line-height:1.2}.hero-heading h1 strong{font-size:38px;line-height:1}.hero-heading p{font-size:9px;line-height:14px;letter-spacing:.5px;margin:8px 0 0}
 .counter-shell,.remaining-shell{position:relative;inset:auto;width:auto;height:150px;min-width:0;box-shadow:none}
 .counter-top{font-size:12px;line-height:16px;top:10px}.counter-number-surface{top:29px;height:78px}.counter{font-size:92px;line-height:92px;letter-spacing:4px;text-indent:4px}
 .counter-breakdown{left:8px;right:8px;bottom:10px!important;height:27px}.counter-breakdown>div{gap:3px}.counter-breakdown svg{display:none}.counter-breakdown small{font-size:10px;line-height:12px}.counter-breakdown b{font-size:13px;line-height:15px}
 .remaining-shell>span{top:15px!important;font-size:10px!important;letter-spacing:.3px;line-height:14px!important}.remaining-shell>span:last-child{top:auto!important;bottom:17px}.remaining-number-surface{top:42px!important;height:62px!important}.remaining-shell strong{font-size:76px!important;line-height:76px!important}
 .overview-grid>.progress-panel{height:183px}.overview-grid>.match-panel{height:228px;min-height:228px}.overview-grid>.prediction-panel{height:210px;min-height:210px}
 .overview-grid .panel-heading{height:36px}.overview-grid .panel-heading h2{font-size:16px}
 .progress-stat{height:32px;margin-top:6px}.progress-stat>strong{font-size:34px;line-height:36px}.progress-stat>strong small{font-size:32px}.progress-track{height:20px;margin-top:4px}.progress-labels{margin-top:6px;font-size:14px;line-height:18px}.milestones{margin-top:14px}.milestone{gap:7px;font-size:11px}
 .match-content:has(.match-date){height:190px;min-height:190px;padding:0 12px}
 .match-content:has(.match-date)>p:first-child{top:4px;font-size:11px;line-height:13px}
 .match-content:has(.match-date) .match-teams{top:19px}.match-content:has(.match-date) .team-monogram{width:30px;height:34px;font-size:12px}
 .match-content:has(.match-date) .match-teams>div:first-child .team-monogram{background-size:831px 1246px;background-position:-406.8px -494.3px}
 .match-content:has(.match-date) .match-teams strong{font-size:14px;line-height:16px;margin-top:1px}
 .match-content .match-date{top:72px;font-size:12px;line-height:13px}
 .match-content:has(.match-date) .countdown{top:102px;gap:8px}.countdown>div{width:43px;height:32px;padding:1px 0}.countdown strong{font-size:15px;line-height:17px}.countdown small{font-size:9px;line-height:11px;margin-top:0}
 .match-content:has(.match-date) .gold-button{top:139px;min-height:44px;line-height:18px;font-size:13px;padding:8px 18px}.match-content:has(.match-date) .match-source{position:absolute;top:auto;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .prediction-panel{padding-bottom:8px}.prediction-intro{font-size:12px;line-height:15px;margin:0 0 5px}.prediction-box{min-height:78px;padding:6px 9px;gap:12px}.prediction-box>svg{width:29px;height:34px}.prediction-box p{font-size:12px;line-height:14px}.prediction-box strong{font-size:23px;line-height:26px;margin-top:2px}.prediction-box small{font-size:10px;line-height:13px}.confidence{font-size:11px;line-height:14px;margin-top:8px}.confidence-track{height:5px;margin-top:5px}.method-link{font-size:11px;line-height:16px;margin-top:3px;min-height:24px}.filters input,.filters select{font-size:16px}
}
@media(min-width:600px) and (max-width:979px){.hero{height:46.875cqw}.hero-scene{width:100%;height:100%;aspect-ratio:auto;margin:0;container-type:normal}}
@media(max-width:599px){
 .overview-grid>.prediction-panel{height:auto;min-height:210px;padding-bottom:12px}.prediction-panel .method-link{min-height:44px;display:flex;align-items:center}.filters select{height:44px}.dialog-heading button{min-width:44px;min-height:44px}
}
@media(min-width:980px){.overview-grid .match-content{height:calc(165 * var(--u) - 2px);min-height:0}}
@media(max-width:599px){.overview-grid .match-content{height:190px;min-height:190px}}

.gallery-zoom>.gallery-original{height:270px;object-fit:cover;object-position:top}
.gallery-stage img{height:auto;object-fit:contain}.footer-gallery{font-size:11px;color:#c7d2d9;display:inline-flex;align-items:center;min-height:28px}
@media(min-width:980px) and (max-width:1150px){}
@media(max-width:979px){
}
@media(max-width:599px){.footer-gallery{min-height:44px}
}
/* Desktop headings use real glyphs and vector icons, never enlarged raster text. */
.panel-heading h2{color:#f3f4f4;text-rendering:optimizeLegibility}.panel-heading h2:before{content:none}
.panel-heading h2 svg{opacity:1;flex-shrink:0}
.history-panel #history-count{position:static;color:inherit;font:inherit;letter-spacing:inherit}

/* Pagination defines the page length: show every row without a nested vertical viewport. */
.detail-grid>#history{height:auto;min-height:0;padding-bottom:12px;align-self:start}
#history>.table-wrap{height:auto;max-height:none;overflow-x:auto;overflow-y:hidden}
.hero-live-title{display:none}
@media(min-width:600px){
 .hero-heading{position:absolute!important;left:calc(375 * var(--u))!important;top:calc(10 * var(--u))!important;width:calc(520 * var(--u))!important;height:calc(160 * var(--u))!important;margin:0!important;padding:0!important;overflow:visible!important;clip-path:none!important;white-space:normal!important;z-index:2;isolation:isolate}
 .hero-heading:before{content:'';position:absolute;inset:calc(-12 * var(--u)) calc(-8 * var(--u)) calc(8 * var(--u)) calc(-10 * var(--u));z-index:-1;background:#03090d;box-shadow:0 0 calc(10 * var(--u)) calc(7 * var(--u)) #03090d;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
 .hero-heading h1,.hero-heading p{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
 .hero-live-title{display:block;width:100%;height:100%;overflow:visible;stroke:none;filter:drop-shadow(0 calc(1 * var(--u)) calc(.4 * var(--u)) #0009)}
 .hero-live-title text{stroke:none}
}
@media(min-width:600px) and (max-width:979px){.hero-heading{--u:calc(100cqw / 1024)}}
/* A single vector counter panel replaces individual opaque number masks. */
.counter-frame{display:none}
@media(min-width:600px){
 .counter-shell{isolation:isolate}.counter-frame{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:-1;stroke:none}
 .counter-top{position:absolute;left:0;right:0;top:calc(14 * var(--u));width:auto;height:calc(20 * var(--u));overflow:visible;clip-path:none;text-align:center;font:500 calc(14 * var(--u))/calc(20 * var(--u)) RobotoCondensed,sans-serif;letter-spacing:calc(1 * var(--u))}
 .counter-number-surface{background:transparent}
 .counter-breakdown{position:absolute;left:calc(16 * var(--u));right:calc(16 * var(--u));bottom:calc(12 * var(--u));height:calc(30 * var(--u));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
 .counter-breakdown>div{display:flex;align-items:center;justify-content:center;gap:calc(7 * var(--u));min-width:0}
 .counter-breakdown svg{position:static;width:calc(24 * var(--u));height:calc(28 * var(--u));overflow:visible;clip-path:none;stroke:#e1e5e7;background:none}
 .counter-breakdown small{position:static;display:block;width:auto;height:auto;overflow:visible;clip-path:none;color:#aeb7bc;font-size:calc(11 * var(--u));line-height:calc(13 * var(--u))}
 .counter-breakdown b{position:static;display:block;width:auto;height:auto;background:none;font:600 calc(16 * var(--u))/calc(18 * var(--u)) RobotoCondensed,sans-serif}
 .remaining-shell{background:#050c11;border:1px solid #394850;border-radius:calc(12 * var(--u));isolation:isolate}
 .remaining-shell>span{position:absolute;left:0;right:0;top:calc(10 * var(--u));width:auto;height:auto;clip-path:none;overflow:visible;text-align:center;font-size:calc(11 * var(--u));line-height:calc(15 * var(--u));letter-spacing:calc(.6 * var(--u))}
 .remaining-shell>span:last-child{top:auto;bottom:calc(10 * var(--u))}.remaining-number-surface{left:0;width:100%;background:transparent}
}
/* Clean single-layer artwork + live typography/panels. No old numbers are baked underneath. */
@media(min-width:600px){
 .hero-art{background-image:url('/assets/hero-banner-desktop-v1.webp');background-position:center top;background-size:100% auto;mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%)}
 .hero-heading:before{content:none}
}
@media(min-width:980px){
 .hero{margin-left:calc(23 * var(--u));margin-right:calc(22 * var(--u));width:auto;container-type:inline-size;background:#02070a}
 .hero-scene{width:100%;height:100%;max-width:none;margin:0;--u:calc(100cqw / 1024)}
 .hero-heading{--u:var(--title-u);left:auto!important;right:var(--hero-pad)!important;top:calc(10 * var(--u))!important;width:calc(520 * var(--u))!important;height:calc(160 * var(--u))!important}
 .counter-shell{--u:var(--counter-u);left:auto;right:calc(var(--remaining-width) + 24px + var(--hero-pad));top:auto;bottom:14px;width:calc(342 * var(--u));height:calc(173 * var(--u))}
 .remaining-shell{--u:var(--counter-u);left:auto;right:var(--hero-pad);top:auto;bottom:14px;width:var(--remaining-width);height:max(92px,calc(117 * var(--u)))}
 .counter-top{font-size:max(10px,calc(14 * var(--u)));line-height:max(13px,calc(20 * var(--u)))}
 .counter-breakdown{height:max(27px,calc(30 * var(--u)));bottom:max(8px,calc(12 * var(--u)))}
 .counter-breakdown small{font-size:max(10px,calc(11 * var(--u)));line-height:max(12px,calc(13 * var(--u)))}
 .counter-breakdown b{font-size:max(12px,calc(16 * var(--u)));line-height:max(15px,calc(18 * var(--u)))}
 .remaining-shell>span{font-size:max(9px,calc(11 * var(--u)));line-height:max(13px,calc(15 * var(--u)));letter-spacing:.3px}
 .hero.is-tight .counter{font-size:calc(100 * var(--u));line-height:calc(100 * var(--u))}
 .hero.is-tight .counter-breakdown svg,.hero.is-tight .counter-national-logo{display:none}
}
.progress-panel.cr7-pm-enhanced .progress-stat:after{content:none}

/* Static progress until the new athlete preview is approved. */
.progress-stat:after{content:none!important}
.match-date-day,.match-date-time{display:block}
/* Mobile next match uses normal layout, independent of desktop art coordinates. */
@media(max-width:700px){
 .overview-grid>.match-panel{height:auto;min-height:0;border-radius:12px;overflow:hidden}
 .match-panel .panel-heading{height:48px;padding:0 14px;border-bottom:1px solid #263b45}
 .match-panel .panel-heading h2{font:600 25px/1 Teko,RobotoCondensed,sans-serif;gap:8px}
 .match-panel .panel-heading h2 svg{width:18px;height:18px}
 .match-panel .panel-heading .text-button{font-size:12px;min-height:44px;padding:8px 0 8px 10px}
 .overview-grid .match-panel .match-content,.overview-grid .match-panel .match-content:has(.match-date){display:grid;grid-template-columns:1fr;gap:11px;position:relative;height:auto;min-height:0;padding:12px 14px 10px;border-radius:0;background:linear-gradient(160deg,#0b1d26,#061218)}
 .match-panel .match-content>p:first-child{position:static!important;inset:auto!important;width:auto!important;margin:0!important;font-size:12px;line-height:18px;display:flex;align-items:center;justify-content:center;color:#9fb9c7}
 .match-panel .competition-label{font-size:12px;gap:6px}.match-panel .competition-mark{width:17px;height:17px}
 .match-panel .match-content .match-teams{position:static!important;inset:auto!important;display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:center;gap:8px;margin:0!important}
 .match-panel .match-teams>div{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
 .match-panel .match-content .match-teams strong{font:500 17px/1.2 RobotoCondensed,sans-serif;margin:0;text-align:center;overflow-wrap:anywhere;color:#eaf1f4}
 .match-panel .match-teams>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #304752;border-radius:50%;font-size:10px;font-weight:500;color:#a5bbc7;background:#ffffff04}
 .match-panel .match-content .team-monogram,.match-panel .match-content .match-teams>div:first-child .team-monogram{width:48px;height:48px;margin:0;font-size:17px;flex:none}
 .match-panel .match-content .match-date{position:static!important;inset:auto!important;width:auto!important;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px 9px;padding:8px 10px;margin:0;border:1px solid #263e4a;border-radius:8px;background:#ffffff03;font-size:12px;line-height:18px;color:#b8ccd5}
 .match-panel .match-date-time{color:#f0d17d;white-space:nowrap;font-weight:500}
 .match-panel .match-content .countdown{position:static!important;inset:auto!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0!important;width:100%}
 .match-panel .countdown>div{width:auto;height:44px;padding:5px 0;border:1px solid #223b48;border-radius:8px;background:#10232d}
 .match-panel .countdown strong{font:500 22px/22px Teko,RobotoCondensed,sans-serif;color:#f0d27a}
 .match-panel .countdown small{font-size:10px;line-height:12px;margin:0;color:#9bb5c3}
 .match-panel .match-content .match-source{position:static!important;inset:auto!important;width:auto!important;height:auto!important;clip-path:none!important;overflow:visible!important;font-size:10px!important;line-height:14px;margin:0!important;color:#8199a7;text-align:center}
}