/* Draft card of one team (#1087): static/draftcard.js. The match drawer (base.html) and the
   report constructor's recent matches. Picks: portraits 16:10 with the slot number in the
   corner; bans: a smaller row under them, greyed. */
.md-picks{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.md-picks .pk{aspect-ratio:16/10;border-radius:6px;background:var(--placeholder,#161e2e) center/cover;border:1px solid var(--hairline,#2a3345);position:relative}
.md-row-r .pk{border-color:rgba(52,211,153,.45)} .md-row-d .pk{border-color:rgba(241,91,76,.45)}
.md-pk-seq{position:absolute;top:2px;left:4px;font:700 9px var(--mono,ui-monospace,monospace);color:#fff;text-shadow:0 1px 2px #000}
.md-bans{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:6px}
.md-bans:empty{display:none}
.md-bans .bn{aspect-ratio:16/11;border-radius:4px;background:#0c1118 center/cover;border:1px solid var(--hairline,#2a3345);
  position:relative;filter:grayscale(1)}
.md-bans .bn .md-pk-seq{font-size:9px}