.tempoperformance{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.temposcore,.tempotag{display:inline-block;border:1px solid;padding:4px 7px;border-radius:5px;font-size:11px;white-space:nowrap}.temposcore{font-weight:750}.temposcore small{display:block;font-size:9px;color:inherit;font-weight:400}.tempoperformance .gold{color:#f2d184;background:#392e18;border-color:#80652e}.tempoperformance .silver{color:#d9e4ee;background:#283340;border-color:#65788b}.tempoperformance .bronze{color:#e1ab83;background:#39291e;border-color:#795237}.tempoperformance .plain{color:#acbacb;background:#1c2836;border-color:#3b4b60}.matchcard summary{flex-wrap:wrap}.matchcard summary>.tempoperformance{flex-basis:100%;padding-left:62px}.tempobreakdown{margin:12px 0}.tempobreakdown>summary{display:flex;align-items:center;justify-content:space-between;gap:12px}.tempoareagrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;margin:18px 0}.tempoareagrid b{display:flex;justify-content:space-between}.tempoareagrid small{line-height:1.5;display:block}
/* Keep history badges on the existing card line; details carry explanations. */
.matchcard summary>.tempoperformance{flex-basis:auto;padding-left:0;margin-left:auto;gap:5px}.temposcore{padding:4px 7px;min-width:30px;text-align:center;border-color:transparent!important;background:transparent!important;font-size:14px;font-variant-numeric:tabular-nums}.tempotag{font-size:10px;font-weight:650;padding:3px 6px;border-radius:4px}.tempobreakdown>summary .tempoperformance{margin-left:0}@media(max-width:650px){.matchcard summary>.tempoperformance{margin-left:0}}
.tempomore{font-size:10px;color:#97a9bf;border:1px solid #394a60;border-radius:4px;padding:3px 6px;white-space:nowrap}.tempoearned{margin:18px 0}.tempoearned h3{font-size:14px}.tempoearnedtags{display:flex;flex-wrap:wrap;gap:7px}.tempoearnedtags .tempotag{font-size:11px;padding:6px 9px}.tempoperformance .gold,.tempoearned .gold{color:#f2d184;background:#392e18;border-color:#80652e}.tempoperformance .silver,.tempoearned .silver{color:#d9e4ee;background:#283340;border-color:#65788b}.tempoperformance .bronze,.tempoearned .bronze{color:#e1ab83;background:#39291e;border-color:#795237}.tempotag:focus-visible{outline:2px solid #75dec4;outline-offset:2px}.historyfooter .tempoperformance{flex:1}.historyfooter{flex-wrap:wrap}