/* Match detail presentation; shared site theme remains user controlled. */
.match-detail-page{--accent:#ef189c;--green:var(--accent)}
html[data-theme=dark] body.match-detail-page{--bg:#040c21;--panel:#0b1530;--panel2:#101d3a;--line:#233255;--text:#f2f5ff;--muted:#9ca9c3;background:radial-gradient(ellipse at 0 10%,#a8096433,transparent 45%),radial-gradient(ellipse at 100% 45%,#0879d42b,transparent 50%),#040c21!important}
.match-detail-page main{max-width:1320px}.match-detail-design{color:var(--text)}.match-detail-design .panel{border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 25px #0000000b}.match-detail-design .match-cover{position:relative;overflow:hidden;padding:22px 28px;background:linear-gradient(110deg,color-mix(in srgb,var(--panel) 90%,transparent),color-mix(in srgb,var(--panel) 75%,transparent)),url('/launch-assets/stadium-blue.png') center/cover;border-color:color-mix(in srgb,var(--accent) 26%,var(--line));margin-bottom:16px}.match-detail-design .match-scoreboard{grid-template-columns:minmax(0,1fr) minmax(190px,1.2fr) minmax(0,1fr);gap:20px;align-items:center}.match-detail-design .match-side-images{min-height:100px;gap:10px}.match-detail-design .match-logo{width:110px;height:110px;object-fit:contain}.match-detail-design .match-kit{width:65px;height:90px;object-fit:contain}.match-detail-design .kit-unavailable{display:none}.match-detail-design .match-side h2{font-size:21px;margin:10px 0 2px}.match-detail-design .match-side small{font-size:11px}.match-detail-design .match-score .score{font-size:64px;line-height:1.3;letter-spacing:2px}.match-detail-design .match-score>small{font-size:13px}.match-detail-design .match-state{background:color-mix(in srgb,#168be2 12%,var(--panel));color:var(--text);border:1px solid #3088c866;font-size:11px;padding:6px 13px}.match-detail-design .match-state.live{background:#ec1459;color:white}.match-detail-design .match-facts{justify-content:center;gap:6px;flex-direction:column;text-align:center;margin-top:12px;font-size:12px}.match-detail-tabs{display:flex;gap:5px;margin:0 0 16px;padding:0 8px;border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}.match-detail-tabs a{padding:13px 16px;white-space:nowrap;font-size:12px;color:var(--muted);border-bottom:2px solid transparent}.match-detail-tabs a:first-child,.match-detail-tabs a:hover{color:var(--text);border-bottom-color:var(--accent)}.match-detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);align-items:start;gap:16px}.match-detail-layout>.panel{padding:18px}.match-detail-sidebar .panel{padding:18px;margin-bottom:14px}.match-detail-sidebar>.grid{display:block}.match-detail-design .panel h2{font-size:17px;margin:0 0 16px}.match-detail-design .protocol-title{align-items:start;gap:10px}.match-detail-design .protocol-title .note{max-width:170px;text-align:right;font-size:10px}.match-detail-design .lineup-toolbar{gap:10px;flex-wrap:wrap;margin:12px 0}.match-detail-design .view-switch{background:var(--panel2);border-radius:22px;padding:3px}.match-detail-design .view-switch button{padding:7px 18px;border-radius:20px;font-size:11px;min-height:34px}.match-detail-design .view-switch button[aria-pressed=true]{background:linear-gradient(100deg,#f41697,#b616a0);color:#fff}.match-detail-design #export-match-png{font-size:11px;padding:10px 12px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:9px}.match-detail-design .event-legend{font-size:9px;gap:5px 10px;color:var(--muted);margin:8px 0 16px}.match-detail-design .lineups{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.match-detail-design .lineup-team{min-width:0}.match-detail-design .lineup-team h3{display:flex;align-items:center;gap:10px;font-size:14px;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid var(--line)}.match-detail-design .lineup-team h3 img{width:34px;height:38px;object-fit:contain}.match-detail-design .lineup-group h4{font-size:11px;color:var(--muted);margin:10px 0 7px}.match-detail-design .lineup-player{min-height:42px;padding:7px 6px;gap:8px;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.match-detail-design .lineup-player:nth-child(odd){background:color-mix(in srgb,var(--panel2) 55%,transparent)}.match-detail-design .lineup-player .player-avatar{width:25px;height:28px;flex:0 0 25px}.match-detail-design .lineup-player-data{min-width:0}.match-detail-design .lineup-player-data>a{font-size:11px;line-height:1.5;overflow-wrap:anywhere}.match-detail-design .lineup-number{font-size:10px;margin-right:5px;color:var(--muted)}.match-detail-design .lineup-player-data small{font-size:9px}.match-detail-design .player-event-chips:empty{display:none}.match-detail-design .player-event-chips{gap:3px;margin-top:3px}.match-detail-design .match-stat{font-size:11px;padding:8px 0;gap:8px}.match-detail-design .match-stat-head{font-size:10px}.match-detail-design .match-timeline{margin:0;padding:0;list-style:none}.match-detail-design .timeline-event{font-size:11px;gap:7px}.match-detail-design .timeline-event p{font-size:11px}.match-detail-design .timeline-period{font-size:11px}.match-detail-design .match-timeline>.empty,.unpublished-squad{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:165px;padding:22px;background:var(--panel2);border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:12px}.unpublished-squad{min-height:280px}.unpublished-squad>span{font-size:38px;opacity:.7;margin-bottom:10px}.unpublished-squad strong{color:var(--text);font-size:13px}.unpublished-squad p{font-size:12px;max-width:200px}.match-detail-design [id]{scroll-margin-top:22px}.match-detail-tabs a:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
@media(max-width:1000px){.match-detail-layout{grid-template-columns:minmax(0,1.65fr) minmax(235px,1fr)}.match-detail-design .lineups{gap:12px}.match-detail-design .match-logo{width:85px;height:90px}.match-detail-design .match-side h2{font-size:18px}}
@media(max-width:740px){.match-detail-page main{padding:10px}.match-detail-design .match-cover{padding:14px 10px}.match-detail-design .match-competition{font-size:10px;gap:8px;flex-wrap:wrap}.match-detail-design .match-scoreboard{grid-template-columns:minmax(0,1fr) minmax(100px,1.1fr) minmax(0,1fr);gap:6px;margin-top:18px}.match-detail-design .match-side-images{min-height:70px;flex-wrap:wrap;gap:4px}.match-detail-design .match-logo{width:64px;height:68px}.match-detail-design .match-kit{width:32px;height:40px}.match-detail-design .match-side h2{font-size:13px;line-height:1.3;overflow-wrap:anywhere}.match-detail-design .match-side small{font-size:9px}.match-detail-design .match-score .score{font-size:34px;letter-spacing:0}.match-detail-design .match-score>small{font-size:10px;line-height:1.5;display:block}.match-detail-design .match-facts{font-size:10px}.match-detail-tabs{gap:0;padding:0;margin-bottom:10px}.match-detail-tabs a{padding:12px 10px;font-size:10px;min-height:42px}.match-detail-layout{grid-template-columns:minmax(0,1fr);gap:0}.match-detail-layout>.panel,.match-detail-sidebar .panel{padding:13px}.match-detail-design .lineups{grid-template-columns:minmax(0,1fr);gap:18px}.match-detail-design .lineup-player{min-height:42px}.match-detail-design .lineup-player-data>a{font-size:12px}.match-detail-design .protocol-title{flex-direction:column;gap:0}.match-detail-design .protocol-title .note{text-align:left;max-width:none}.match-detail-design .panel h2{font-size:16px;margin-bottom:8px}.match-detail-design .lineup-toolbar{justify-content:space-between}.match-detail-design .event-legend{font-size:9px}.unpublished-squad{min-height:130px}.match-detail-design .football-pitch{max-width:none}}
.match-detail-design .match-side-images{height:120px}.match-detail-design .match-side-images img{max-width:100%}.match-detail-design .match-stat strong{color:var(--text)}.match-detail-design .match-stat-head,.match-detail-design .match-competition,.match-detail-design .match-facts{color:var(--muted)}.match-detail-design .match-facts,.match-detail-design .match-stat{border-color:var(--line)}@media(max-width:740px){.match-detail-design .match-side-images{height:auto;min-height:70px}.match-detail-design .lineup-toolbar>button{width:auto;max-width:100%}}