#matchEndings{width:100%;box-sizing:border-box;padding:12px;border:2px solid #35324c;background:#131322;margin:12px 0;text-align:left;color:#eee8da;font-size:11px;line-height:1.6}
.replayRecords{display:flex;align-items:center;gap:10px}.replayRecords p{margin:0;flex:1}.replayLocal{color:#aaa5bc;font-size:9px}
.replaySprite{display:inline-block;flex-shrink:0;width:42px;height:42px;background-image:url('../assets/match-endings/record-replay.png');background-size:200% 200%;background-repeat:no-repeat;image-rendering:pixelated;vertical-align:middle}
.replayRecord{background-position:left center}.replayArrow{background-position:right center;width:30px;height:30px;margin-right:6px}
#matchEndings .btn{font-size:9px;white-space:normal}#again{white-space:normal}#again[hidden]{display:none}
.endXp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.endXp>small{grid-column:1/-1;color:#aaa5bc;font-size:9px}
.endXpTrack{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid #455575;background:#0b1323}
.endXpTrack>div{display:flex;flex-direction:column;flex:1;min-width:0}.endXpTrack b{color:#bdcbe5;font-size:10px}
.endXpTrack .endXpCount{color:#fff0b2;font-size:18px;font-variant-numeric:tabular-nums}
.endXpTrack>strong{color:#84efd3;font-size:11px;white-space:nowrap}.endXpTrack small{font-size:9px;color:#bdcbe5}
.endXpTrack progress{width:100%;height:10px;margin:6px 0;accent-color:#73d7df}
.endXpTrack>.heroPortrait,.endXpTrack>.hudSprite{width:40px;height:40px;flex:none}
.endXpTrack.xpComplete{border-color:#73d7df}
#endMine .mCell>i,#endMine .mTag{display:flex;align-items:center;justify-content:center;gap:4px}
#endMine .mCell .hudSprite,#endMine .mTag .hudSprite{width:16px;height:16px}
@media(max-width:600px){.endXp{grid-template-columns:1fr}.endXpTrack{padding:9px}}
@media(max-width:480px){#matchEndings{padding:9px;font-size:10px}.replaySprite{width:32px;height:32px}#endActions{flex-wrap:wrap}}
/* End screens must scroll from their title; game-canvas mobile rules must not
   reposition the chart. Keep replay available before the detailed statistics. */
#endcard{position:fixed;justify-content:flex-start;box-sizing:border-box;overscroll-behavior:contain}
#endInner{flex:none;margin:0 auto;box-sizing:border-box;width:min(1020px,100%);min-height:100%;justify-content:flex-start}
#endInner>*{flex-shrink:0;box-sizing:border-box}
#endcard #endInner{padding-top:56px}
#endTitle{order:0}#endStats{order:1;margin:0}#endActions{order:2;position:sticky;top:0;z-index:2;background:#131322;padding:8px;width:100%;border:1px solid #35324c}
#endInner #matchEndings{order:3;margin:0}#endBody{order:4;width:100%;max-width:100%}#endStatsTable{order:5}#endShareMsg{order:6}
#endcard #endChartBox{min-width:0;flex:1 1 400px;max-width:100%}
#endcard #endChart,body.touch:not(.inlobby) #endcard #endChart{position:static;left:auto;top:auto;transform:none;width:100%;height:auto;max-width:620px;aspect-ratio:620/230;touch-action:pan-y}
#endcard.show #endActions,#endcard.show #again{animation:none}
@media(max-width:480px){#endcard{padding:0}#endInner{padding:12px 8px}#endBody #endMine{width:100%;min-width:0}#endStatsTable{font-size:7px}#endStatsTable th,#endStatsTable td{padding:3px}#endActions .btn{font-size:9px;padding:8px}#again{order:-1;width:100%}}