/* This public pane is rendered by MTG and composed into participating portfolios. */
.mtg-stats-summary { box-sizing: border-box; padding: clamp(1rem, 3vw, 1.5rem); margin: 0; border: 1px solid var(--theme-border, #49554a); border-radius: .65rem; background: var(--theme-surface, #151a18); color: var(--theme-ink, #eee9dd); font: 400 .9rem/1.5 system-ui, sans-serif; text-align: left; }
.mtg-stats-summary *, .mtg-stats-summary *::before, .mtg-stats-summary *::after { box-sizing: border-box; }
.mtg-stats-summary .mtg-summary-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; margin: 0 0 1.25rem; }
.mtg-stats-summary .mtg-summary-eyebrow { margin: 0 0 .35rem; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: #d7b46a; }
.mtg-stats-summary h2 { margin: 0; padding: 0; font: 500 1.6rem/1.25 Georgia, serif; color: inherit; }
.mtg-stats-summary .mtg-summary-player { margin: .45rem 0 0; color: var(--theme-muted, #b6b5a9); font-size: .8rem; overflow-wrap: anywhere; }
.mtg-stats-summary .mtg-summary-profile-link { display: inline-block; color: #d7b46a; font-size: .8rem; text-decoration: underline; text-underline-offset: .2em; }
.mtg-stats-summary .mtg-summary-numbers { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr)); gap: .75rem; padding: 0; margin: 0 0 1.5rem; }
.mtg-stats-summary .mtg-summary-numbers > div { min-width: 0; padding: .85rem; border: 1px solid var(--theme-border, #49554a); border-radius: .4rem; }
.mtg-stats-summary dt { margin: 0 0 .3rem; font-size: .72rem; font-weight: 400; color: var(--theme-muted, #b6b5a9); }
.mtg-stats-summary dd { margin: 0; font: 500 1.5rem/1.2 Georgia, serif; font-variant-numeric: tabular-nums; }
.mtg-stats-summary dd.mtg-summary-standing { margin-top: .4rem; font: 400 .7rem/1.4 system-ui, sans-serif; color: var(--theme-muted, #b6b5a9); }
.mtg-stats-summary .mtg-summary-standing a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }

/* The profile and the embedded portfolio use the same achievement shelf. */
.mtg-achievements .mtg-summary-awards-heading {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: .5rem 1rem;
  margin: 0 0 .9rem;
}
.mtg-achievements .mtg-summary-awards-title { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .7rem; }
.mtg-achievements .mtg-summary-awards-title :is(h2, h3) { margin: 0; font: 500 1.15rem/1.3 Georgia, serif; color: inherit; }
.mtg-achievements .mtg-summary-awards-title > span {
  padding: .16rem .55rem;
  border: 1px solid rgba(215, 180, 106, .22);
  border-radius: 2rem;
  background: rgba(215, 180, 106, .07);
  color: #d7b46a;
  font: 600 .75rem/1.5 system-ui, sans-serif;
}
.mtg-achievements .mtg-summary-awards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, max(16rem, (100% - 1.5rem) / 3)), 1fr));
  align-items: start;
  gap: .75rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.mtg-achievements .mtg-summary-awards > li { min-width: 0; padding: 0; margin: 0; list-style: none; }
.mtg-achievements .mtg-summary-award {
  border: 1px solid var(--theme-border, #39423b);
  border-radius: .65rem;
  background: var(--theme-surface-alt, #1b211e);
  color: var(--theme-ink, #eee9dd);
}
.mtg-achievements .mtg-summary-award:is(:hover, :focus-within, [open]) { border-color: #9d814b; }
.mtg-achievements .mtg-summary-award summary {
  display: grid;
  grid-template-columns: min(34%, 8rem) minmax(0, 1fr);
  gap: .75rem;
  align-items: center;
  min-height: 6.8rem;
  box-sizing: border-box;
  padding: .75rem;
  border-radius: .55rem;
  cursor: pointer;
  list-style: none;
}
.mtg-achievements summary::-webkit-details-marker { display: none; }
.mtg-achievements .mtg-summary-award img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: .25rem;
  box-shadow: 0 0 0 1px rgba(215, 180, 106, .24);
}
.mtg-achievements .mtg-summary-award-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .25rem;
  overflow-wrap: anywhere;
}
.mtg-achievements .mtg-summary-award-copy strong { color: #eed8a5; font: 600 1.05rem/1.2 Georgia, serif; text-wrap: balance; }
.mtg-achievements .mtg-summary-award-date { color: var(--theme-muted, #b6b5a9); font: 400 .74rem/1.35 system-ui, sans-serif; }
.mtg-achievements .mtg-summary-award-date time { white-space: nowrap; }
.mtg-achievements .mtg-summary-disclosure {
  display: flex;
  align-items: center;
  gap: .45rem;
  margin-top: .2rem;
  color: #d7b46a;
  font: 600 .73rem/1.35 system-ui, sans-serif;
}
.mtg-achievements .mtg-summary-disclosure::after {
  content: "";
  flex: none;
  width: .34rem;
  height: .34rem;
  border: solid currentColor;
  border-width: 0 1px 1px 0;
  transform: translateY(-.1rem) rotate(45deg);
}
.mtg-achievements [open] .mtg-summary-disclosure::after { transform: translateY(.1rem) rotate(225deg); }
.mtg-achievements .mtg-summary-award-description {
  margin: 0 .75rem;
  padding: .7rem 0 .8rem;
  border-top: 1px solid var(--theme-border, #39423b);
  color: var(--theme-muted, #b6b5a9);
  font: 400 .85rem/1.5 system-ui, sans-serif;
}
.mtg-achievements .mtg-summary-empty { padding: .85rem; margin: 0; border: 1px dashed var(--theme-border, #49554a); border-radius: .4rem; color: var(--theme-muted, #b6b5a9); font-size: .85rem; }
.mtg-stats-summary a:focus-visible, .mtg-achievements :is(a, summary):focus-visible { outline: 2px solid #d7b46a; outline-offset: 3px; }
.account-achievement-collection { margin-block: 1.25rem; }