#match-result{position:fixed;inset:0;margin:auto;transform:none;top:0;left:0;width:min(600px,calc(100vw - 32px));min-width:0;max-height:calc(100dvh - 32px);overflow:auto;padding:32px;border-radius:10px;background:#101d20;color:#e8eedf;border:1px solid #b7d48388;box-shadow:0 24px 100px #000b;text-align:left}
#match-result:not([open]){display:none}
#match-result::backdrop{background:#061012a8;backdrop-filter:blur(3px)}
#match-result .eyebrow{color:#bbd989;font:11px ui-monospace,monospace;letter-spacing:.16em;margin:0}
#match-result h2{font-size:clamp(32px,6vw,48px);line-height:1.1;margin:12px 0;color:#d1e78a}
#match-result[data-outcome="2"] h2{color:#efa782}
#match-result[data-outcome="3"] h2{color:#c1d4dd}
#match-result h2:focus{outline:none}
#match-result p{font-size:13px;line-height:1.6}
#result-detail{color:#b8c8c1;margin:0 0 24px}
.result-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#b7d48330;border:1px solid #b7d48330;border-radius:6px;overflow:hidden;margin:16px 0}
.result-stats>div{background:#152529;padding:18px 20px;min-width:0}
.result-stats dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#a7bdb4}
.result-stats dd{font:600 24px ui-monospace,monospace;margin:7px 0 0;overflow-wrap:anywhere}
#match-result .result-note{color:#9bb1a8;font-size:11px;margin-bottom:24px}
.result-actions{display:flex;flex-wrap:wrap;gap:8px}
#match-result button{font:inherit;font-size:13px;padding:11px 15px;border:1px solid #b7d48370;border-radius:4px;cursor:pointer;background:#d1e78a;color:#152529}
#match-result button.secondary{background:transparent;color:#d1dfc4;margin:0}
#match-result button:focus-visible,#show-match-result:focus-visible{outline:2px solid #e0f6a5;outline-offset:3px}
#show-match-result{pointer-events:auto;font-size:11px;padding:7px 12px;background:#10201cf0;color:#d1e78a;border:1px solid #d1e78a80;border-radius:4px;cursor:pointer}
@media(max-width:480px),(max-height:600px){#match-result{padding:20px}.result-stats>div{padding:12px}.result-stats dd{font-size:20px}#match-result .result-note{margin-bottom:14px}.result-actions button{flex:1}}
#result-extra h3{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#bbd989;margin:20px 0 8px}
.result-lifetime{display:grid;grid-template-columns:repeat(2,minmax(0,1fr) auto);gap:4px 14px;margin:0;font-size:12px}.result-lifetime dt{color:#a7bdb4}.result-lifetime dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.result-teams{width:100%;border-collapse:collapse;font-size:12px}.result-teams th,.result-teams td{padding:4px 6px;text-align:right;border-bottom:1px solid #b7d48322}.result-teams th:first-child,.result-teams td:first-child{text-align:left}.result-teams th{color:#a7bdb4;font-weight:500}.result-teams tr.own td{color:#d1e78a}
.result-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.result-chart{margin:0;background:#152529;border:1px solid #b7d48330;border-radius:6px;padding:8px}.result-chart figcaption{font-size:11px;color:#a7bdb4;margin-bottom:4px}.result-chart svg{display:block;width:100%;height:56px}.result-line{fill:none;stroke:#7d9aa3;stroke-width:1.5;vector-effect:non-scaling-stroke}.result-line.own{stroke:#d1e78a;stroke-width:2}
.result-records{margin:0;padding-left:18px;font-size:12px;color:#b8c8c1;line-height:1.6}
@media (max-width:520px){.result-lifetime{grid-template-columns:minmax(0,1fr) auto}}
#result-extra{margin-bottom:20px}