.matchCardOpen{padding:10px 14px;border:1px solid #36534e;background:#12272c;color:#c8f6bf;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer}.matchCardOpen[hidden]{display:none!important}.matchCardDialog{width:min(520px,94vw);max-height:86dvh;overflow:auto;color:#e9f3ff;background:#0d1929;border:1px solid #39505d;border-radius:22px;padding:24px;box-shadow:0 25px 90px #000b}.matchCardDialog::backdrop{background:#030a14bb;backdrop-filter:blur(6px)}.matchCardDialog h2{margin:0 0 20px;font-size:23px}.matchClose{position:absolute;right:20px;top:20px;padding:8px 12px;border:1px solid #425363;border-radius:9px;background:#182b3d;color:#e4edff;cursor:pointer}.matchSummary{text-align:left;margin:12px 0 18px}.matchEyebrow{font-size:10px;letter-spacing:2px;color:#a5ff74}.matchSummary h3{font-size:20px;margin:9px 0;overflow-wrap:anywhere}.matchSummary p,.matchNote{font-size:12px;color:#96afc3;line-height:1.6}.matchStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.matchStat{padding:15px 10px;background:#142637;border:1px solid #2b4053;border-radius:13px;text-align:left;min-width:0}.matchStat span{display:block;font-size:9px;letter-spacing:.6px;color:#a9bfd0;line-height:1.4}.matchStat strong{display:block;font-size:23px;margin-top:8px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.matchStat.lime strong{color:#a5ff74}.matchStat.gold strong{color:#ffdb7a}.matchNote{text-align:left;margin:14px 0 18px}#end:has(#endMatchCard:not(:empty)) .card{width:min(600px,94vw);max-height:90dvh;overflow:auto}#end:has(#endMatchCard:not(:empty)) #endScore{font-size:38px;margin:8px 0}#end:has(#endMatchCard:not(:empty)) h2{font-size:25px;margin:8px 0}#endMatchCard .matchSummary h3{font-size:16px}#endMatchCard .matchSummary{margin:10px 0}#endMatchCard .matchSummary .matchEyebrow{display:none}@media(max-width:480px){.matchStats{grid-template-columns:repeat(2,minmax(0,1fr))}.matchCardDialog{padding:18px}.matchStat strong{font-size:21px}}@media(max-height:500px){#end:has(#endMatchCard:not(:empty)) .card{padding:16px}#endMatchCard .matchStats{grid-template-columns:repeat(3,minmax(0,1fr))}.matchStat{padding:9px}.matchStat strong{font-size:19px;margin-top:4px}.matchNote{font-size:10px}.matchCardDialog{max-height:92dvh}}
