#matchHistory{margin-top:44px;padding-top:28px;border-top:1px solid var(--line,#443a45);min-width:0}
#matchHistory .history-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
#matchHistory .history-heading h2{font-size:20px;margin:0}
#matchHistory .history-tools{display:flex;align-items:center;gap:16px}
#historyStatus{color:var(--txt-3,#b2a8b6);font-size:12px}
#historyRefresh{display:grid;place-items:center;width:38px;height:38px;min-width:38px;padding:0}
#historyRefresh svg{width:16px;height:16px}
#matchHistory .history-week+ .history-week{margin-top:32px}
#matchHistory .history-week>header{display:flex;gap:20px;align-items:baseline;justify-content:space-between;margin-bottom:14px}
#matchHistory .history-week>header h3{font-size:15px;margin:0;color:var(--txt-1,#eeebee)}
#matchHistory .history-week>header>span{color:var(--txt-3,#b2a8b6);font-size:12px}
#matchHistory .history-match{border:1px solid var(--line,#443a45);border-radius:6px;background:rgba(29,27,32,.75);margin:12px 0;overflow:hidden}
#matchHistory .history-match[open]{border-color:#796071}
#matchHistory summary{display:grid;grid-template-columns:108px minmax(0,1fr) 72px minmax(0,1fr) minmax(100px,180px) 66px 18px;align-items:center;gap:24px;min-height:84px;padding:18px 22px;cursor:pointer;list-style:none;transition:background .18s ease}
#matchHistory summary::-webkit-details-marker{display:none}
#matchHistory summary:hover{background:rgba(211,150,187,.05)}
#matchHistory summary:focus-visible{outline:2px solid #d17ca7;outline-offset:-3px}
#matchHistory .history-date{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
#matchHistory .history-date small{display:block;font-size:12px;font-weight:400;color:var(--txt-3,#b2a8b6);margin-top:6px}
#matchHistory .history-team{display:flex;align-items:center;gap:14px;min-width:0}
#matchHistory .history-team b{font-size:14px;overflow-wrap:anywhere;line-height:1.5;min-width:0}
#matchHistory .history-badge{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid #49404b;border-radius:6px;background:#19171c;color:#d7a9c4;font-size:18px}
#matchHistory .history-badge img{width:100%;height:100%;object-fit:contain;border-radius:5px}
#matchHistory .history-result{text-align:center;font-size:21px;font-variant-numeric:tabular-nums;white-space:nowrap}
#matchHistory .history-round{color:var(--txt-3,#b2a8b6);font-size:12px;line-height:1.5}
#matchHistory .history-status{font-size:12px;color:#c6b186;white-space:nowrap}
#matchHistory .history-status.is-finished{color:#98d2b7}
#matchHistory .history-chevron{width:18px;height:18px;color:#b4a9b7;transition:transform .18s ease}
#matchHistory details[open]>summary .history-chevron{transform:rotate(180deg)}
#matchHistory .history-detail{padding:24px;border-top:1px solid var(--line,#443a45)}
#matchHistory .history-meta{margin:0 0 22px;display:grid;gap:16px}
#matchHistory .history-meta>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:20px}
#matchHistory .history-meta dt{color:var(--txt-3,#b2a8b6);font-size:12px}
#matchHistory .history-meta dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}
#matchHistory .history-map{border-top:1px solid var(--line,#443a45);padding:20px 0}
#matchHistory .history-map:last-child{padding-bottom:0}
#matchHistory .history-map-line{display:grid;grid-template-columns:36px minmax(120px,180px) minmax(240px,520px) 108px auto;align-items:center;gap:24px}
#matchHistory .history-map-index,#matchHistory .history-no-image{color:var(--txt-3,#b2a8b6);font-size:12px}
#matchHistory .history-map h4{font-size:14px;margin:0;overflow-wrap:anywhere}
#matchHistory .history-map-result{display:grid;grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr);align-items:center;gap:14px;font-size:12px;text-align:center;overflow-wrap:anywhere}
#matchHistory .history-map-result strong{font-size:17px;font-variant-numeric:tabular-nums}
#matchHistory .history-image{width:108px;height:56px;padding:0;cursor:zoom-in;border:1px solid #554854;border-radius:5px;background:#151418;overflow:hidden;color:var(--txt-3,#b2a8b6);font-size:12px}
#matchHistory .history-image img{width:100%;height:100%;object-fit:contain}
#matchHistory .history-file{color:#a0d6cb;font-size:12px}
#matchHistory .history-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
#matchHistory .history-roster{margin-top:18px;min-width:0}
#matchHistory .history-roster h5{font-size:12px;color:#d0a8bd;margin:0 0 10px}
#matchHistory .history-roster ul{list-style:none;padding:0;margin:0}
#matchHistory .history-roster li{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid rgba(160,147,162,.13);font-size:12px}
#matchHistory .history-roster li>strong{font-weight:500;overflow-wrap:anywhere;min-width:0}
#matchHistory .history-roster li>div{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
#matchHistory .history-roster li span{color:var(--txt-3,#b2a8b6);white-space:nowrap}
#matchHistory .history-roster li b{color:var(--txt-1,#eeebee);font-weight:500}
#matchHistory .history-empty{margin:0;padding:30px 0;text-align:center;color:var(--txt-3,#b2a8b6);font-size:13px}
@media(max-width:1180px){
 #matchHistory summary{grid-template-columns:86px minmax(0,1fr) 58px minmax(0,1fr) 66px 18px;gap:16px}
 #matchHistory .history-round{grid-column:2/5;grid-row:2}
 #matchHistory .history-status{grid-column:5;grid-row:1}
 #matchHistory .history-chevron{grid-column:6;grid-row:1}
 #matchHistory .history-map-line{grid-template-columns:30px minmax(100px,150px) minmax(160px,1fr) 108px;gap:16px}
 #matchHistory .history-file{grid-column:4}
}
@media(max-width:720px){
 #matchHistory .history-heading{gap:12px;align-items:flex-start}
 #matchHistory .history-tools{gap:8px}
 #historyStatus{max-width:150px;text-align:right;line-height:1.5}
 #matchHistory .history-week>header{display:block}
 #matchHistory .history-week>header>span{display:block;margin-top:8px}
 #matchHistory summary{grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);gap:16px 10px;padding:16px}
 #matchHistory .history-date{grid-column:1/3;grid-row:1;font-size:12px}
 #matchHistory .history-date small{display:inline;margin-left:12px}
 #matchHistory .history-chevron{grid-column:3;grid-row:1;justify-self:end}
 #matchHistory .history-team{grid-row:2;flex-direction:column;gap:8px;text-align:center}
 #matchHistory .history-team--home{grid-column:1}
 #matchHistory .history-team--away{grid-column:3}
 #matchHistory .history-result{grid-column:2;grid-row:2;font-size:20px}
 #matchHistory .history-round{grid-column:1/3;grid-row:3}
 #matchHistory .history-status{grid-column:3;grid-row:3;justify-self:end}
 #matchHistory .history-detail{padding:16px}
 #matchHistory .history-meta>div{grid-template-columns:58px minmax(0,1fr);gap:10px}
 #matchHistory .history-map-line{grid-template-columns:30px minmax(0,1fr) 108px;gap:12px}
 #matchHistory .history-map-result{grid-column:1/-1;grid-row:2;grid-template-columns:minmax(0,1fr) 66px minmax(0,1fr);gap:8px}
 #matchHistory .history-file{grid-column:3}
 #matchHistory .history-players{grid-template-columns:minmax(0,1fr);gap:0}
 #matchHistory .history-roster li{flex-direction:column;gap:6px}
 #matchHistory .history-roster li>div{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){#matchHistory summary,#matchHistory .history-chevron{transition:none}}