.match-summary-card{min-width:0;border:1px solid var(--line);background-image:linear-gradient(120deg,rgba(25,16,18,.93),rgba(15,12,16,.97)),var(--brocade);background-size:auto,580px 580px;box-shadow:0 10px 28px rgba(0,0,0,.22)}
.match-summary-card__link{display:block;min-width:0;min-height:118px;padding:14px 18px;color:var(--ink);text-decoration:none;transition:background-color .18s ease,border-color .18s ease;touch-action:manipulation}
.match-summary-card__link:hover{background:rgba(217,173,104,.08)}
.match-summary-card__link:active{background:rgba(217,173,104,.16)}
.match-summary-card__link:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
.match-summary-card__meta{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:3px 14px;margin-bottom:11px;color:var(--gold-hi);font:700 .8rem/1.3 var(--font-display);letter-spacing:.05em;text-align:center}
.match-summary-card__id{color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}
.match-summary-card__pending{padding:3px 7px;border:1px solid rgba(217,173,104,.65);border-radius:3px;background:rgba(35,23,17,.9);color:#f8dca5;font:700 .7rem/1.2 var(--font-ui);letter-spacing:0;white-space:nowrap}
.match-summary-card__result{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto auto minmax(0,1fr) 48px;align-items:center;gap:clamp(7px,1.2vw,16px);min-width:0}
.match-summary-card__flag{display:block;width:48px;height:60px;filter:drop-shadow(0 7px 6px rgba(0,0,0,.5))}
.match-summary-card__flag:is(img){object-fit:contain}
.match-summary-card__flag-cloth{fill:#243d31;stroke:#d9ad68;stroke-width:2}
.match-summary-card__flag--dire .match-summary-card__flag-cloth{fill:#50241e}
.match-summary-card__flag-symbol{fill:none;stroke:#b8d5a3;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.match-summary-card__flag--dire .match-summary-card__flag-symbol{fill:#f3a07e;stroke:#f3a07e;stroke-width:2}
.match-summary-card__team{display:grid;align-content:center;justify-items:start;gap:8px;min-width:0}
.match-summary-card__team--dire{justify-items:end;text-align:right}
.match-summary-card__team-heading{display:grid;gap:3px;min-width:0}
.match-summary-card__team-line{display:flex;align-items:center;gap:5px;min-width:0}
.match-summary-card__team--dire .match-summary-card__team-line{justify-content:flex-end}
.match-summary-card__team-name{min-width:0;color:var(--ink);font:800 clamp(.95rem,1.75vw,1.35rem)/1.05 var(--font-display);overflow-wrap:anywhere}
.match-summary-card__flame{display:block;flex:none;width:17px;height:17px;fill:#ffb342;stroke:#fff0b7;stroke-width:.5;filter:drop-shadow(0 0 4px #ffac39);transform-origin:50% 80%;animation:match-summary-flame 1.25s ease-in-out infinite}
.match-summary-card__flame path+path{fill:#ffebae;stroke:#fff8d7}
@keyframes match-summary-flame{0%,100%{transform:translateY(1px) rotate(-4deg) scale(.96)}24%{transform:translateY(-2px) rotate(3deg) scale(1.08)}48%{transform:translateY(0) rotate(-3deg) scale(.99)}73%{transform:translateY(-3px) rotate(4deg) scale(1.13)}}
.match-summary-card__avatars{display:flex;align-items:center;width:max-content;max-width:100%;min-height:32px;padding-left:5px}
.match-summary-card__team--dire .match-summary-card__avatars{justify-content:flex-end;margin-left:auto;padding-right:0;padding-left:5px}
.match-summary-card__avatar{display:block;flex:none;width:32px;height:32px;margin-left:-5px;border:1px solid var(--gold);border-radius:50%;background:#392526;object-fit:cover;box-shadow:0 2px 5px rgba(0,0,0,.5)}
.match-summary-card__number{color:var(--ink);font:800 clamp(1.5rem,2.7vw,2.2rem)/1 var(--font-display);font-variant-numeric:tabular-nums}
.match-summary-card__number.is-winner{color:var(--gold-hi);text-shadow:0 0 10px rgba(217,149,58,.48)}
.match-summary-card__versus{color:var(--muted);font:700 1.3rem/1 var(--font-display)}
@media(max-width:640px){
  .match-summary-card__link{min-height:96px;padding:10px}
  .match-summary-card__meta{font-size:.7rem;margin-bottom:10px}
  .match-summary-card__result{grid-template-columns:26px minmax(0,1fr) auto auto auto minmax(0,1fr) 26px;gap:3px}
  .match-summary-card__flag{width:26px;height:38px}
  .match-summary-card__team{gap:5px}
  .match-summary-card__team-name{font-size:clamp(.76rem,3.4vw,1rem);line-height:1.05}
  .match-summary-card__team-line{gap:2px}
  .match-summary-card__flame{width:13px;height:13px}
  .match-summary-card__avatars{min-height:18px;padding-left:4px}
  .match-summary-card__team--dire .match-summary-card__avatars{padding-left:4px}
  .match-summary-card__avatar{width:clamp(14px,4.5vw,18px);height:clamp(14px,4.5vw,18px);margin-left:-4px}
  .match-summary-card__number{font-size:clamp(1.15rem,5vw,1.5rem)}
  .match-summary-card__versus{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){.match-summary-card__flame{animation:none}.match-summary-card__link{transition:none}}
