@charset "UTF-8";
.card-grid-toolbar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.card-grid-sort, .card-rarity-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; font-size: 11px; }
.card-grid-sort button { padding: 5px 8px; font-size: 11px; }
.card-grid-sort button[aria-pressed="true"] { background: var(--soft); border-color: #a2b790; }
.card-statistics-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.card-statistics-item, .card-rarity-legend .card-rarity-badge { --rarity-bg: #fff; --rarity-border: #dfe5dc; background: var(--rarity-bg); border-color: var(--rarity-border); }
.card-statistics [data-rarity="basic"] { --rarity-bg: #f8f1ec; --rarity-border: #e6d8ce; }
.card-statistics [data-rarity="common"] { --rarity-bg: #f2f5f1; --rarity-border: #dce4d9; }
.card-statistics [data-rarity="uncommon"] { --rarity-bg: #edf4fa; --rarity-border: #d1e1ed; }
.card-statistics [data-rarity="rare"] { --rarity-bg: #fff7e2; --rarity-border: #ecdfb6; }
.card-statistics [data-rarity="ancient"] { --rarity-bg: #f5edff; --rarity-border: #c9a8e8; }
.card-statistics [data-multiplayer="true"] { --rarity-bg: #eaf8ef; --rarity-border: #8fc9a2; }
.card-statistics-item { min-width: 0; border-style: solid; border-width: 1px; border-radius: 10px; padding: 10px 12px; }
.card-statistics-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.card-statistics-name { min-width: 0; }
.card-statistics-name .model-name { max-width: none; line-height: 1.35; }
.card-statistics-name .cell-note { margin-top: 2px; }
.card-rarity-badge { flex-shrink: 0; border: 1px solid var(--rarity-border, var(--line)); border-radius: 5px; padding: 2px 6px; font-size: 10px; white-space: nowrap; color: var(--muted); }
.card-statistics-measures { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.card-statistics-measure { min-width: 0; }
.card-statistics-measure h4 { margin: 0; flex-shrink: 0; font-size: 11px; color: var(--muted); font-weight: 600; }
.card-statistics-measure .card-metric { display: flex; flex-direction: column; align-items: stretch; gap: 3px; }
.card-statistics-measure .rate-cell { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; font-size: 16px; min-width: 0; font-variant-numeric: tabular-nums; }
.card-statistics-measure .cell-note, .card-statistics-measure .low-sample { margin: 0; }
.card-statistics-measure .ascension-chart.compact { width: 210px; min-width: 0; max-width: 100%; }
.card-statistics-footer { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; margin-top: 6px; border-top: 1px solid var(--rarity-border); padding-top: 5px; font-size: 10px; color: var(--muted); }
.card-statistics-summary { display: flex; align-items: baseline; flex-wrap: wrap; }
.card-statistics-summary .cell-note { display: inline; margin: 0 5px; }
.card-statistics-summary .low-sample { margin: 0; }
.card-statistics-summary .codex-metric-value { display: flex; align-items: baseline; gap: 4px; }
.card-statistics-summary .codex-metric-value strong { color: var(--ink); font-size: 12px; font-variant-numeric: tabular-nums; }
@media (max-width: 1000px) {
  .card-statistics-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 540px) {
  .card-statistics-measures { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .card-statistics-measure .card-metric { flex-direction: row; gap: 8px; align-items: center; }
  .card-statistics-measure .rate-cell { flex: 1; }
  .card-statistics-measure .ascension-chart.compact { flex: 0 1 210px; }
}