/* The match report: generous rhythm, restrained surfaces, clear team sides. */
body.match-page { --report-accent:#86cbd2; }
.match-report { font-family:Inter,Arial,sans-serif; }
.match-report .match-hero { background:var(--surface);border:0;border-radius:0;padding:22px 32px 20px;margin:0 0 20px; }
body.match-page .match-report .fixture-scoreboard { display:grid;grid-template-columns:minmax(0,1fr) 160px minmax(0,1fr);max-width:720px;gap:20px; }
body.match-page .match-report .score-team,body.match-page .match-report .score-team:last-child { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;text-align:center; }
.match-report .score-team:before {content:'';position:absolute;left:0;top:12px;width:4px;height:35px;background:var(--team-stripe,var(--report-accent));border-radius:1px;}
.match-report .score-team:last-child:before {left:auto;right:0;}
body.match-page .match-report .score-team .crest {width:52px;height:52px;order:0;}
body.match-page .match-report .score-team strong {font-family:inherit;font-size:19px;line-height:1.3;order:1;}
.team-short{display:none;}
body.match-page .match-report .fixture-score>b {font-family:inherit;font-size:44px;letter-spacing:-1px;font-weight:750;line-height:1.3;}
.match-report .fixture-competition {margin-bottom:16px;justify-content:center;}
.match-report .hero-scorers {max-width:720px;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:14px;margin-top:20px;font-size:13px;}
.match-report .hero-scorers>.event-glyph,.match-report .hero-scorers>span .event-glyph {width:18px;height:18px;}
.match-report .hero-scorers>span {display:flex;justify-content:center;padding-top:3px;}
body.match-page .match-report .scorer-row {font-size:13px;line-height:1.55;padding:2px 0;}
.report-halftime {text-align:center;color:var(--secondary);font-size:12px;margin:14px 0 0;}
.match-report .match-actions {gap:8px;margin-top:16px;}
.match-report .match-actions .button {font-size:11px;min-height:32px;padding:6px 12px;}
body.match-page .match-report .fixture-tabs {gap:26px;padding:0 24px;background:var(--surface);border:0;border-bottom:1px solid var(--border);height:56px;overflow-x:auto;scrollbar-width:none;border-radius:0;}
body.match-page .match-report .fixture-tabs button {font-family:inherit;font-size:15px;font-weight:500;white-space:nowrap;border-radius:0;min-height:56px;}
body.match-page .match-report .fixture-tabs button[aria-selected=true] {font-weight:700;}
body.match-page .match-report .fixture-tabs button[aria-selected=true]:after {background:var(--report-accent);height:3px;border-radius:3px;bottom:0;}
.match-report .match-score-dock,.match-report .mobile-match-identity {display:none!important;}
body.match-page .match-report .match-card {border:0;border-radius:14px;background:var(--surface);padding:24px;margin:18px 0;}
body.match-page .match-report .match-card h3 {font-family:inherit;font-size:19px;font-weight:700;letter-spacing:-.3px;margin:0 0 18px;}
.match-stream {padding:0 0 8px;}
.report-event {display:flex;align-items:center;gap:11px;min-height:92px;width:100%;box-sizing:border-box;padding:14px 10px;}
.report-event time {font-size:15px;font-weight:700;white-space:nowrap;min-width:30px;}
.report-icon {display:flex;align-items:center;justify-content:center;flex:none;}
.report-icon .event-glyph {width:20px;height:20px;}
.report-score {background:var(--surface-hover,#505050);border-radius:20px;min-width:43px;padding:4px 7px;text-align:center;font-size:13px;font-weight:700;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums;}
.report-names {min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;}
.report-names strong,.report-player {font-family:inherit;font-weight:650;font-size:15px;line-height:1.35;color:var(--text);}
.report-player {border:0;padding:0;background:none;text-align:inherit;cursor:pointer;}
.report-player:hover {text-decoration:underline;text-underline-offset:3px;}
.report-names small,.report-names small .report-player,.report-names small strong {font-size:13px;line-height:1.35;color:var(--secondary);font-weight:400;}
.report-away {flex-direction:row-reverse;text-align:right;}
.report-away .report-names {align-items:flex-end;}
.report-neutral {justify-content:center;}
.report-period {display:flex;align-items:center;gap:14px;color:var(--secondary);margin:13px 0;font-size:12px;font-weight:500;}
.report-period:before,.report-period:after {content:'';height:1px;background:var(--border);flex:1;}
.report-period>span {display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:30px;background:var(--surface-hover,#454545);white-space:nowrap;}
.report-period svg {width:16px;height:16px;}
.report-compact-score {display:flex;align-items:center;justify-content:center;gap:13px;min-width:0;}
.report-compact-score button {display:flex;align-items:center;gap:7px;border:0;background:none;color:var(--text);font-size:13px;padding:0;}
.report-compact-score button:last-child {flex-direction:row-reverse;}
.report-compact-score strong {font-size:20px;white-space:nowrap;font-variant-numeric:tabular-nums;}
.match-report .mobile-match-header {display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;position:sticky;top:68px;height:54px;background:var(--surface);z-index:65;padding:0 14px;border-bottom:1px solid var(--border);}
.match-report .mobile-match-header>button {background:none;color:var(--text);border:0;display:grid;place-items:center;padding:8px;}
.match-report .mobile-match-header>button .ui-icon {transform:rotate(180deg);}
.match-report .mobile-match-header .crest {width:25px;height:25px;}
.match-report:not(.report-scrolled) .report-compact-score {visibility:hidden;}
body.match-page .match-report .fixture-tabs {top:122px;}
body.match-page #fixtureDialog>.dialog-head {display:none;}
body.match-page #fixtureDialog {outline:none;}
.match-report .match-overflow {position:relative;}
.match-report .match-overflow>summary {display:grid;place-items:center;height:44px;list-style:none;cursor:pointer;}
.match-report .match-overflow>summary::-webkit-details-marker {display:none;}
.match-report .match-overflow>div {position:absolute;right:0;top:46px;min-width:190px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0003;}
.match-report .match-overflow button,.match-report .match-overflow a {display:flex;align-items:center;gap:8px;width:100%;min-height:42px;padding:10px 12px;background:transparent;border:0;color:var(--text);font-size:13px;text-align:left;text-decoration:none;border-radius:7px;}
.match-report .match-overflow button:hover,.match-report .match-overflow a:hover {background:var(--surface-hover);}
.match-report .match-overflow .match-utilities {display:block;margin:0;padding:0;border-top:1px solid var(--border);}
.match-report .match-utility-status:not(:empty) {display:block;padding:8px 12px;font-size:12px;}
.report-sub-icon {width:20px;height:20px;display:block;}
@media(min-width:760px){
 .match-report .match-layout {grid-template-columns:minmax(0,1fr) 280px;gap:22px;}
 .match-report .match-main {min-width:0;}
 .match-report .match-layout.without-rail {grid-template-columns:minmax(0,820px);justify-content:center;}
 .report-event {min-height:96px;padding-left:18px;padding-right:18px;}
 .match-report .fixture-content {padding:0;}
 .match-report .match-rail {top:138px;}
 .match-report .report-names strong,.match-report .report-player {font-size:16px;}
}
@media(max-width:759px){
 body.match-page .match-report .match-hero {display:block!important;padding:12px 16px 20px;margin:0;background:var(--surface);}
 .match-report .mobile-match-header {top:0;height:54px;padding:0 8px;}
 body.match-page .match-report .fixture-tabs {top:54px;height:50px;min-height:50px;gap:24px;padding:0 16px;}
 body.match-page .match-report .fixture-tabs button {font-size:14px;min-height:50px;}
 body.match-page .match-report .fixture-scoreboard {grid-template-columns:minmax(0,1fr) 102px minmax(0,1fr);gap:12px;}
 body.match-page .match-report .score-team .crest {width:40px;height:40px;}
 body.match-page .match-report .score-team strong {font-size:16px;}
 .team-full{display:none;}.team-short{display:inline;}
 body.match-page .match-report .fixture-score>b {font-size:34px;}
 body.match-page .match-report .fixture-competition {display:flex;margin-bottom:12px;font-size:10px;}
 body.match-page .match-report .hero-scorers {grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px;margin-top:18px;}
 body.match-page .match-report .scorer-row {font-size:12px;line-height:1.45;}
 .match-report .scorer-row small {font-size:11px;margin-left:3px;}
 .match-report .match-actions {display:none;}
 body.match-page .match-report .fixture-content {padding:0 16px;background:var(--bg);}
 body.match-page .match-report .match-card {border-radius:12px;padding:16px 12px;margin:16px 0;}
 body.match-page .match-report .match-card h3 {font-size:17px;margin-bottom:20px;}
 .report-event {gap:8px;min-height:91px;padding:14px 3px;}
 .report-event time {font-size:14px;min-width:25px;}
 .report-icon .event-glyph{width:19px;height:19px;}
 .report-score{font-size:12px;min-width:36px;padding:4px 6px;}
 .report-names strong,.report-player{font-size:14px;}
 .report-names small,.report-names small .report-player,.report-names small strong{font-size:12px;}
 .report-period {gap:8px;font-size:11px;}
 .report-period>span{padding:6px 10px;}
 .match-report .report-compact-score{gap:9px;}
 .report-compact-score button{font-size:11px;gap:5px;}
 .report-compact-score strong{font-size:18px;}
 .match-report .mobile-match-header .crest{width:23px;height:23px;}
 .match-report .facts-grid {display:block;}
}
:root[data-theme=dark] .match-report {--surface:#242424;--surface-hover:#505050;--border:#363636;--secondary:#c1c1c1;}
:root[data-theme=light] .match-report {--report-accent:#287c88;}
body.match-page .match-report .match-hero {border:0;border-radius:0;}
:root[data-theme=light] .match-report {--text:#202427;--secondary:#596167;} body.match-page .match-report .score-team strong,body.match-page .match-report .fixture-tabs button[aria-selected=true] {color:var(--text);}
/* Keep team identity clear of the colour rails, and restore the quieter navigation. */
body.match-page .match-report .score-team {width:100%;min-width:0;padding:0 18px;box-sizing:border-box;}
body.match-page .match-report .score-team:before {left:0;top:10px;height:34px;width:3px;}
body.match-page .match-report .score-team:last-child:before {left:auto;right:0;}
body.match-page .match-report .fixture-tabs {background:var(--bg);height:50px;min-height:50px;padding:0 8px;gap:26px;border-bottom:1px solid var(--border);margin:0 0 16px;}
body.match-page .match-report .fixture-tabs button {font-family:"Segoe UI",Arial,sans-serif;font-size:14px;min-height:50px;font-weight:600;}
body.match-page .match-report .fixture-tabs button[aria-selected=true]:after {background:var(--text);height:3px;}
.match-report .match-story {background:var(--surface);border-radius:14px;padding:20px 24px;margin:0 0 18px;}
.match-report .match-story h3 {margin-top:0;font-size:17px;}
.match-report .comparison-bar {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;background:none;overflow:visible;}
.match-report .comparison-half {display:flex;min-width:0;background:var(--border);border-radius:4px;overflow:hidden;}
.match-report .comparison-half:first-child {justify-content:flex-end;}
.match-report .comparison-half i {display:block;height:6px;flex:none;border-radius:4px;}
.match-report .comparison-half:last-child i {background:var(--secondary);}
.match-report .comparison-label {grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);}
.match-report .report-player {overflow-wrap:anywhere;}
@media(max-width:759px){
 body.match-page .match-report .fixture-tabs {padding:0 16px;gap:22px;}
 body.match-page .match-report .fixture-scoreboard {grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);gap:8px;}
 .match-report .match-story {padding:16px;margin-top:16px;}
 .match-report .report-event:not(.report-neutral) {width:calc(50% - 8px);display:grid;grid-template-columns:auto auto 1fr;gap:7px;min-height:100px;align-content:center;}
 .match-report .report-away {margin-left:auto;direction:rtl;}
 .match-report .report-away>* {direction:ltr;}
 .match-report .report-names {grid-column:1 / -1;gap:3px;}
 .match-report .report-score {min-width:0;justify-self:start;}
 .match-report .report-away .report-score {justify-self:start;}
 .match-report .report-event time {font-size:12px;min-width:0;}
 .match-report .report-player {font-size:13px;}
 .match-report .report-names small .report-player {font-size:12px;}
 .match-report .report-icon .event-glyph,.match-report .report-sub-icon {width:17px;height:17px;}
}