.vault-scoreboard {
  min-width: 0;
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-rows: auto minmax(0,1fr);
  border: 1px solid var(--vault-color-border-accent);
  border-radius: var(--vault-radius-large);
  background:
    radial-gradient(circle at 85% 0,rgba(216,172,79,.12),transparent 28rem),
    var(--vault-color-surface-canvas);
  box-shadow: var(--vault-shadow-high);
  overflow: hidden;
}
.vault-scoreboard__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--vault-space-4);
  padding: var(--vault-space-4) var(--vault-space-5);
  border-bottom: 1px solid var(--vault-color-border-subtle);
  background: linear-gradient(180deg,rgba(43,27,20,.99),rgba(23,15,11,.99));
}
.vault-scoreboard__header h2 { margin: .1rem 0 0; font-family: var(--vault-font-family-display); font-size: clamp(1.5rem,3vw,2.15rem); }
.vault-scoreboard__header p:last-child { margin: .35rem 0 0; color: var(--vault-color-text-secondary); }
.vault-scoreboard__body { min-width: 0; min-height: 0; display: grid; align-content: start; gap: var(--vault-space-4); padding: var(--vault-space-5); overflow: auto; overscroll-behavior: contain; }
.vault-scoreboard__overview { display: grid; gap: var(--vault-space-4); padding: var(--vault-space-4); border: 1px solid rgba(216,172,79,.58); border-radius: var(--vault-radius-medium); background: linear-gradient(135deg,rgba(74,56,32,.7),rgba(25,28,33,.95)); box-shadow: var(--vault-shadow-low); }
.vault-scoreboard__overview-heading { display: flex; align-items: baseline; justify-content: space-between; gap: var(--vault-space-4); }
.vault-scoreboard__overview h3 { margin: 0; font-family: var(--vault-font-family-display); font-size: var(--vault-font-size-title); }
.vault-scoreboard__overview p { margin: 0; color: var(--vault-color-text-secondary); }
.vault-scoreboard__stats { display: grid; grid-template-columns: repeat(5,minmax(8rem,1fr)); gap: var(--vault-space-3); }
.vault-scoreboard__stat { min-width: 0; display: grid; gap: .2rem; padding: var(--vault-space-3); border-left: .25rem solid var(--vault-color-material-brass-500); border-radius: var(--vault-radius-small); background: rgba(12,14,17,.74); }
.vault-scoreboard__stat strong { color: var(--vault-color-material-brass-350); font-family: var(--vault-font-family-display); font-size: clamp(1.35rem,2.4vw,2rem); line-height: 1.1; font-variant-numeric: tabular-nums; }
.vault-scoreboard__stat span { color: var(--vault-color-text-secondary); font-size: var(--vault-font-size-caption); }
.vault-scoreboard__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: var(--vault-space-4); align-items: start; }
.vault-scoreboard__card { min-width: 0; padding: var(--vault-space-4); border: 1px solid var(--vault-color-border-subtle); border-radius: var(--vault-radius-medium); background: linear-gradient(180deg,rgba(35,39,45,.98),rgba(25,28,33,.98)); box-shadow: var(--vault-shadow-low); }
.vault-scoreboard__card > header { margin-bottom: var(--vault-space-3); padding-bottom: var(--vault-space-3); border-bottom: 1px solid rgba(166,156,142,.45); }
.vault-scoreboard__card h3 { margin: 0; color: var(--vault-color-material-brass-350); font-family: var(--vault-font-family-display); font-size: var(--vault-font-size-title-small); }
.vault-scoreboard__card header p { margin: .35rem 0 0; color: var(--vault-color-text-muted); font-size: var(--vault-font-size-caption); }
.vault-scoreboard__ranked-list { margin: 0; padding-left: 2rem; }
.vault-scoreboard__ranked-list li { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: var(--vault-space-3); align-items: baseline; padding: .42rem .15rem; border-bottom: 1px solid rgba(166,156,142,.18); }
.vault-scoreboard__ranked-list li::marker { color: var(--vault-color-text-muted); font-variant-numeric: tabular-nums; }
.vault-scoreboard__ranked-list li > span { overflow-wrap: anywhere; }
.vault-scoreboard__count { min-width: 3rem; padding: .16rem .5rem; border: 1px solid rgba(216,172,79,.62); border-radius: 999px; color: var(--vault-color-material-brass-350); background: rgba(12,14,17,.7); font-size: var(--vault-font-size-caption); font-variant-numeric: tabular-nums; text-align: center; }
.vault-scoreboard__category-list { display: grid; gap: var(--vault-space-2); margin: 0; padding: 0; list-style: none; }
.vault-scoreboard__category { width: 100%; min-height: 3.4rem; display: grid; grid-template-columns: minmax(0,1fr) auto; gap: var(--vault-space-3); align-items: center; padding: .65rem .75rem; border: 1px solid var(--vault-color-border-strong); border-radius: var(--vault-radius-small); background: var(--vault-color-surface-control); color: var(--vault-color-text-primary); font: inherit; text-align: left; cursor: pointer; }
.vault-scoreboard__category:hover { border-color: var(--vault-color-border-accent); background: var(--vault-color-surface-control-hover); }
.vault-scoreboard__category:focus-visible { outline: var(--vault-border-width-focus) solid var(--vault-color-state-focus); outline-offset: 2px; }
.vault-scoreboard__category:disabled { cursor: default; opacity: 1; }
.vault-scoreboard__category-label { min-width: 0; font-weight: var(--vault-font-weight-semibold); overflow-wrap: anywhere; }
.vault-scoreboard__category-meta { display: grid; justify-items: end; gap: .2rem; }
.vault-scoreboard__category-meta time { color: var(--vault-color-text-muted); font-size: var(--vault-font-size-micro); white-space: nowrap; }
.desktop-overlay-panel--scoreboard { width: min(88rem,calc(100vw - 2rem)); height: min(58rem,calc(100vh - 2rem)); max-height: calc(100vh - 2rem); overflow: hidden; }
.mobile-surface--scoreboard { inset: 0!important; width: 100%!important; height: 100%!important; max-height: none!important; border-radius: 0!important; }
.mobile-surface--scoreboard > .vault-scoreboard { border: 0; border-radius: 0; }
@media (max-width: 64rem) {
  .vault-scoreboard__stats { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .vault-scoreboard__grid { grid-template-columns: 1fr; }
}
@media (max-width: 42rem) {
  .vault-scoreboard__header { padding: var(--vault-space-3); }
  .vault-scoreboard__header p:last-child { display: none; }
  .vault-scoreboard__body { padding: var(--vault-space-3); }
  .vault-scoreboard__overview-heading { display: grid; gap: .25rem; }
  .vault-scoreboard__stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .vault-scoreboard__stat:first-child { grid-column: 1/-1; }
  .vault-scoreboard__category { grid-template-columns: minmax(0,1fr); }
  .vault-scoreboard__category-meta { grid-template-columns: auto 1fr; align-items: center; justify-items: start; }
  .vault-scoreboard__category-meta time { justify-self: end; }
}
@media (forced-colors: active) {
  .vault-scoreboard,.vault-scoreboard__header,.vault-scoreboard__overview,.vault-scoreboard__card,.vault-scoreboard__stat { background: Canvas; color: CanvasText; }
}