/* Club Museum page (#/museum). Owned by the museum feature. */

.museum-panel .empty { padding: 64px 24px; }

.museum { display: flex; flex-direction: column; gap: 18px; }

.museum-hero { padding: 6px 2px 0; }
.museum-hero h2 { margin: 0 0 4px; }
.museum-sub { margin: 0; color: var(--muted, #9aa4b2); }
.museum-visiting { margin: 8px 0 0; font-size: 0.9em; color: var(--muted, #9aa4b2); }

.museum-wing-title {
  margin: 0 0 14px;
  font-size: 1.05rem;
  letter-spacing: 0.02em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  padding-bottom: 8px;
}

/* --- Legends ------------------------------------------------------------- */
.legend-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 14px;
}
.legend-card {
  display: flex;
  gap: 12px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
}
.legend-card.is-icon {
  border-color: rgba(245, 197, 66, 0.55);
  background: linear-gradient(160deg, rgba(245, 197, 66, 0.12), rgba(255, 255, 255, 0.02));
  box-shadow: 0 0 0 1px rgba(245, 197, 66, 0.15) inset;
}
.legend-portrait {
  flex: 0 0 auto;
  width: 78px;
  display: flex;
  align-items: flex-start;
}
.legend-portrait canvas { border-radius: 8px; width: 100%; height: auto; }
.legend-body { min-width: 0; }
.legend-name { font-weight: 600; }
.legend-tier {
  font-size: 0.7em;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--muted, #9aa4b2);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
  padding: 1px 7px;
  margin-left: 4px;
}
.is-icon .legend-tier { color: #f5c542; border-color: rgba(245, 197, 66, 0.5); }
.legend-meta { font-size: 0.82em; color: var(--muted, #9aa4b2); margin: 2px 0 6px; }
.legend-stats { display: flex; flex-wrap: wrap; gap: 4px 6px; margin-bottom: 8px; }
.legend-stat {
  font-size: 0.76em;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 6px;
  padding: 2px 7px;
}
.legend-chronicle { margin: 0; font-size: 0.86em; line-height: 1.45; color: #c7cfda; }
.legend-relic { margin-top: 8px; font-size: 0.8em; color: #f5c542; }

/* --- Season chronicles (timeline) --------------------------------------- */
.chron-timeline { list-style: none; margin: 0; padding: 0; }
.chron-item {
  display: flex;
  gap: 14px;
  padding: 10px 0 10px 16px;
  border-left: 2px solid rgba(255, 255, 255, 0.1);
  position: relative;
}
.chron-item::before {
  content: '';
  position: absolute;
  left: -6px;
  top: 16px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--accent, #f5c542);
}
.chron-year { flex: 0 0 auto; font-weight: 600; min-width: 92px; }
.chron-body { min-width: 0; }
.chron-finish { font-weight: 500; }
.chron-record { color: var(--muted, #9aa4b2); font-weight: 400; margin-left: 6px; font-size: 0.9em; }
.chron-line { font-size: 0.86em; color: #c7cfda; margin-top: 2px; }
.chron-sig { color: #e6c874; }

/* --- Records & honours -------------------------------------------------- */
.records-list, .honours-list { list-style: none; margin: 0; padding: 0; }
.records-list li, .honours-list li {
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.records-list li:last-child, .honours-list li:last-child { border-bottom: none; }
.honours-crown { margin-right: 6px; }
.honours-sub { margin: 16px 0 6px; font-size: 0.95rem; }

@media (max-width: 640px) {
  .legend-grid { grid-template-columns: 1fr; }
  .chron-item { flex-direction: column; gap: 4px; }
  .chron-year { min-width: 0; }
}