.activity-map{display:block;width:100%;max-width:760px;margin:10px auto 0}.activity-map text{fill:var(--muted);font-size:11px;font-family:Ranked,monospace}.activity-legend{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--muted);justify-content:flex-end;max-width:760px;margin:6px auto 0}.activity-legend span{margin:0 6px}
.analysis-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:.9rem}.analysis-table th,.analysis-table td{padding:7px 8px;text-align:right;border-bottom:1px solid rgba(255,255,255,.14);font-weight:normal}.analysis-table th:first-child{text-align:left}
.match-rows{display:grid;gap:4px;margin-top:12px}
.match-row{display:grid;grid-template-columns:minmax(150px,1.1fr) 1fr 28px 1fr 96px;align-items:center;gap:10px;padding:8px 12px;background:rgba(255,255,255,.03)}
.match-row:hover{background:rgba(255,255,255,.07)}.match-row a{color:inherit;text-decoration:none}.match-row a:hover{color:var(--yellow)}
.match-mode small,.match-side small{display:block;color:var(--muted);font-size:.74em}.match-side{min-width:0}.match-row>.match-side:nth-child(2){text-align:right}.match-side a{display:block;overflow-wrap:anywhere}.match-side.won a{color:var(--green)}
.match-vs{text-align:center;color:var(--muted);font-size:.8em}.activity-versus{display:flex;justify-content:center;align-items:flex-start;gap:12px}.activity-racer{min-width:0;overflow-wrap:anywhere}.activity-racer:first-child{text-align:right}.activity-vs{flex:none;color:var(--muted);font-size:.8em}.match-time{text-align:right;color:var(--yellow)!important;font-variant-numeric:tabular-nums}
@media(max-width:640px){.live-table,.live-table tbody{display:block}.live-table tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.14)}.live-table th,.live-table td{display:block;padding:0;border:0;min-width:0;overflow-wrap:anywhere}.live-table th{text-align:left}.live-table td{text-align:right}.live-table td:last-child{grid-column:1/-1}.live-table .activity-racer{text-align:left}.live-table .activity-racer:first-child{text-align:right}.match-row{grid-template-columns:1fr auto 1fr;grid-template-areas:'mode mode time' 'a vs b'}.match-mode{grid-area:mode}.match-time{grid-area:time}.match-row>.match-side:nth-child(2){grid-area:a}.match-row>.match-side:nth-child(4){grid-area:b}.match-vs{grid-area:vs}}

/* Screen review round 1: the result sits around "vs"; the three Right Now tiles line up on phones. */
.match-row{grid-template-columns:minmax(150px,1.1fr) 1fr 92px 1fr 96px}.match-vs{display:flex;align-items:center;justify-content:center;gap:10px}.match-vs>span{font-size:.8em}.match-score{font-weight:normal;color:#fff;font-size:1.15em;min-width:14px;text-align:center}.match-score.won{color:var(--green)}
@media(max-width:640px){.match-row{grid-template-columns:1fr auto 1fr}.match-vs{gap:6px}}
.stats .stat{display:flex;flex-direction:column;justify-content:space-between;align-items:center}
@media(max-width:720px){.stats .stat{font-size:15px;line-height:1.15;min-height:0}.stats .stat strong{margin-top:auto}}