/* Public match presentation. Existing controls, events and export remain intact. */
body.match-detail-page{background:linear-gradient(120deg,#f5f9ff,#e7f5ff 45%,#f5f0ff)!important}
html[data-theme=dark] body.match-detail-page{background:linear-gradient(125deg,#060d24,#102445 55%,#180f30)!important}
body.match-detail-page main{max-width:1240px;margin-inline:auto;padding:20px 24px 36px}
body.match-detail-page .match-detail-design{--accent:#a522e0;--line:#dce8f4;--panel:#fff;--panel2:#edf5fd;--text:#102650;--muted:#617590}
html[data-theme=dark] body.match-detail-page .match-detail-design{--line:#2d4262;--panel:#101d35;--panel2:#172a46;--text:#eef6ff;--muted:#adbed4}
body.match-detail-page .match-detail-design .panel{border-radius:18px;border:1px solid var(--line);background:var(--panel);box-shadow:0 6px 24px #173a6310}
body.match-detail-page .match-detail-design .match-cover{padding:20px 24px;background:linear-gradient(120deg,var(--panel),var(--panel2));margin-bottom:14px}
body.match-detail-page .match-detail-design .match-competition{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}
body.match-detail-page .match-detail-design .match-state{border:0;border-radius:30px;background:#d4edff;color:#183b69;font-weight:700;padding:7px 14px}
body.match-detail-page .match-detail-design .match-state.live{background:#dc126e;color:#fff}
body.match-detail-page .match-detail-design .match-scoreboard{grid-template-columns:minmax(0,1fr) minmax(150px,1fr) minmax(0,1fr);gap:16px;margin-top:16px}
body.match-detail-page .match-detail-design .match-score .score{font-size:clamp(40px,5vw,70px);font-weight:850;letter-spacing:2px;line-height:1.25;color:var(--text)}
body.match-detail-page .match-detail-design .match-side h2{font-size:18px;font-weight:800;margin:8px 0 4px}
body.match-detail-page .match-detail-design .match-side-images{height:105px;min-height:0;gap:8px}
body.match-detail-page .match-detail-design .match-logo{width:94px;height:100px}
body.match-detail-page .match-detail-design .match-kit{width:48px;height:76px}
body.match-detail-page .match-detail-design .match-facts{margin:10px 0 0;gap:4px}
body.match-detail-page .match-detail-tabs{border-radius:15px;padding:0 8px;gap:0;box-shadow:0 4px 16px #173a6309;justify-content:space-between}
body.match-detail-page .match-detail-tabs a{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px;font-size:13px;font-weight:650;text-decoration:none;border:0}
body.match-detail-page .match-detail-tabs a:hover:after,body.match-detail-page .match-detail-tabs a:focus:after{content:'';position:absolute;height:3px;bottom:0;left:10%;right:10%;border-radius:6px;background:linear-gradient(90deg,#f01abb,#9d38f0,#39bbfa)}
body.match-detail-page .match-detail-layout{grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:16px}
body.match-detail-page .match-detail-design .panel h2{font-size:20px;letter-spacing:-.3px;margin-bottom:12px}
body.match-detail-page .match-detail-design .protocol-title{flex-wrap:wrap}
body.match-detail-page .match-detail-design .protocol-title .note{font-size:11px;max-width:none;text-align:left}
body.match-detail-page .match-detail-design .match-mvp{font-size:14px;font-weight:700;color:var(--text);margin:10px 0}
body.match-detail-page .match-detail-design .match-mvp a{color:var(--accent)}
body.match-detail-page .match-detail-design .lineup-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end;margin:12px 0}
body.match-detail-page .match-detail-design .view-switch{grid-column:1/-1;justify-self:start;display:flex;border:1px solid var(--line);padding:3px;background:var(--panel2);box-shadow:inset 0 0 0 2px var(--panel)}
body.match-detail-page .match-detail-design .view-switch button{min-height:42px;min-width:96px;font-size:13px;border:0}
body.match-detail-page .match-detail-design .view-switch button[aria-pressed=true]{background:linear-gradient(100deg,#f20aa7,#9d28db 65%,#40a8f2);box-shadow:0 2px 8px #a42ad735}
body.match-detail-page .match-detail-design .match-png-choice{display:grid;gap:5px;font-size:12px;min-width:0;width:auto}
body.match-detail-page .match-detail-design .match-png-choice:has(#match-png-design){grid-column:1/-1}
body.match-detail-page .match-detail-design .lineup-toolbar select{width:100%;min-width:0;max-width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-size:13px;padding:8px}
body.match-detail-page .match-detail-design .lineup-toolbar button:not([data-lineup-view]){min-height:44px;border-radius:10px;font-size:12px;padding:9px;background:var(--panel2);color:var(--text);border:1px solid var(--line)}
body.match-detail-page .match-detail-design .lineups{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
body.match-detail-page .match-detail-design .lineup-team h3{font-size:15px;gap:8px;border:0;margin:0;padding-bottom:8px;overflow-wrap:anywhere}
body.match-detail-page .match-detail-design .lineup-team h3 img{width:38px;height:42px}
body.match-detail-page .match-detail-design .lineup-group ul{padding:0;margin:0;list-style:none}
body.match-detail-page .match-detail-design .lineup-player{padding:7px 6px;min-height:38px;border:0;border-radius:7px;margin:3px 0;gap:5px}
body.match-detail-page .match-detail-design .lineup-player-data>a{font-size:12px;line-height:1.45}
body.match-detail-page .match-detail-design .lineup-number{display:inline-block;min-width:22px;padding:1px 3px;text-align:center;border-radius:5px;background:#344b70;color:white;font-weight:750;font-size:11px}
body.match-detail-page .match-detail-design .lineup-player .player-avatar{width:22px;height:25px;flex-basis:22px}
body.match-detail-page .match-detail-design .lineup-player-data small{font-size:10px}
body.match-detail-page .match-detail-design .event-legend{font-size:10px;line-height:1.6;padding:8px;background:var(--panel2);border-radius:8px;margin:8px 0}
body.match-detail-page .match-detail-design .timeline-event{border-bottom:1px solid var(--line);border-left:3px solid #82deb0;padding:9px 8px;font-size:12px;border-radius:0}
body.match-detail-page .match-detail-design .timeline-event p{font-size:12px;margin:3px 0;color:var(--muted)}
body.match-detail-page .match-detail-design .match-stat{font-size:12px;padding:8px 4px;border-bottom:1px solid var(--line)}
body.match-detail-page .match-detail-design .match-stat:nth-child(odd){background:var(--panel2);border-radius:6px}
body.match-detail-page .match-detail-design a:focus-visible,body.match-detail-page .match-detail-design button:focus-visible,body.match-detail-page .match-detail-design select:focus-visible{outline:3px solid #b34de1;outline-offset:3px}
@media(max-width:900px){body.match-detail-page .match-detail-layout{grid-template-columns:minmax(0,1fr)}body.match-detail-page .match-detail-sidebar>.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}body.match-detail-page .match-detail-sidebar .panel{margin-bottom:14px}}
@media(max-width:600px){body.match-detail-page main{padding:10px 10px 24px}body.match-detail-page .match-detail-design .panel{border-radius:15px}body.match-detail-page .match-detail-layout>.panel,body.match-detail-page .match-detail-sidebar .panel{padding:13px}body.match-detail-page .match-detail-design .match-cover{padding:14px 12px}body.match-detail-page .match-detail-design .match-competition{font-size:11px;gap:6px}body.match-detail-page .match-detail-design .match-state{font-size:10px;padding:5px 8px}body.match-detail-page .match-detail-design .match-scoreboard{grid-template-columns:minmax(0,1fr) minmax(108px,1.15fr) minmax(0,1fr);gap:6px;margin-top:12px}body.match-detail-page .match-detail-design .match-side-images{height:auto;min-height:65px;flex-wrap:wrap}body.match-detail-page .match-detail-design .match-logo{width:62px;height:68px}body.match-detail-page .match-detail-design .match-kit{width:30px;height:45px}body.match-detail-page .match-detail-design .match-side h2{font-size:13px;line-height:1.35}body.match-detail-page .match-detail-design .match-score>small{font-size:10px}body.match-detail-page .match-detail-design .match-score .score{font-size:38px}body.match-detail-page .match-detail-tabs{justify-content:flex-start;padding:0}body.match-detail-page .match-detail-tabs a{font-size:12px;padding:10px 12px;min-height:44px}body.match-detail-page .match-detail-design .panel h2{font-size:18px}body.match-detail-page .match-detail-design .match-mvp{font-size:12px}body.match-detail-page .match-detail-design .lineups{gap:10px}body.match-detail-page .match-detail-design .lineup-team h3{font-size:12px;gap:5px}body.match-detail-page .match-detail-design .lineup-team h3 img{width:28px;height:34px}body.match-detail-page .match-detail-design .lineup-player{padding:5px 3px;flex-wrap:wrap}body.match-detail-page .match-detail-design .lineup-player-data{flex:1 1 95px}body.match-detail-page .match-detail-design .lineup-player-data>a{font-size:11px}body.match-detail-page .match-detail-design .player-event-chips{flex-wrap:wrap}body.match-detail-page .match-detail-sidebar>.grid{display:block}body.match-detail-page .match-detail-design .lineups:has(.football-pitch){grid-template-columns:minmax(0,1fr)}}
@media(max-width:350px){body.match-detail-page .match-detail-design .lineups{grid-template-columns:minmax(0,1fr)}body.match-detail-page .match-detail-design .lineup-toolbar{grid-template-columns:minmax(0,1fr)}body.match-detail-page .match-detail-design .match-scoreboard{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr)}}