/* Données du jeu : statistiques, records, formules, hôtel de vente, bestiaire (ajouté après site.css ; ne pas toucher à site.css depuis ces pages). */

/* Chiffres en tuiles claires */
.stats-chiffres { list-style: none; margin: 0 0 8px; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.stats-chiffres .tuile-chiffre { border-left: 2px solid var(--filet); }

/* Barres de répartition : icône, nom, barre, nombre, pourcentage */
.stats-barres { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 6px; }
.stats-barres__ligne { display: grid; grid-template-columns: 28px minmax(80px, 150px) 1fr 7ch 5ch; align-items: center; gap: 10px; color: var(--encre); font-size: 0.95rem; }
.stats-barres__nom { font-weight: 700; overflow-wrap: anywhere; }
.stats-barres__nombre, .stats-barres__pourcent { text-align: right; font-variant-numeric: tabular-nums; }
.stats-barres__pourcent { color: var(--encre-douce); }

/* Records */
.records { list-style: none; margin: 0 0 16px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; }
.record { display: grid; grid-template-columns: 80px 1fr; gap: 14px; align-items: center; padding: 14px; background: var(--parchemin-2); border: 2px solid var(--filet); border-radius: 6px; color: var(--encre); }
.record__image { display: flex; align-items: center; justify-content: center; }
.record__image img { max-width: 72px; max-height: 72px; object-fit: contain; }
.record__titre { margin: 0; font-size: 0.95rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--encre-douce); }
.record__valeur { margin: 2px 0; font-family: var(--police-titre); font-size: 1.6rem; font-weight: 700; color: var(--bois); }
.record__detenteur { margin: 0; font-weight: 700; }
.record__classe { font-weight: 400; color: var(--encre-douce); }

/* Formules */
.formules-sommaire, .formules-sommaire ul { margin: 0; padding-left: 1.2em; }
.formules-sommaire > li { margin-bottom: 6px; font-weight: 700; }
.formules-sommaire ul { font-weight: 400; columns: 2; }
.formules-section { margin: 28px 0 10px; scroll-margin-top: 80px; }
.formule { margin: 0 0 18px; padding: 16px 18px; background: var(--parchemin-2); border: 2px solid var(--filet); border-radius: 6px; color: var(--encre); scroll-margin-top: 80px; }
.formule__nom { margin: 0 0 4px; color: var(--bois); scroll-margin-top: 80px; }
.formule__expression { margin: 10px 0; padding: 10px 12px; background: rgba(255, 255, 255, 0.45); border-left: 4px solid var(--or); border-radius: 4px; }
.formule__expression p { margin: 2px 0; }
.formule code { font-family: ui-monospace, Consolas, monospace; font-size: 0.92rem; overflow-wrap: anywhere; }
.formule__sous-titre { margin: 12px 0 4px; font-size: 0.9rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--encre-douce); }
.formule__variables { margin: 0; display: grid; gap: 4px; }
.formule__variables > div { display: grid; grid-template-columns: minmax(90px, 170px) 1fr; gap: 10px; }
.formule__variables dt { font-weight: 700; }
.formule__variables dd { margin: 0; }
.formule__exemple { margin: 12px 0 6px; padding: 10px 12px; background: rgba(240, 137, 31, 0.12); border: 1px dashed var(--or); border-radius: 4px; }
.formule__exemple p { margin: 2px 0; }
.formule__exemple-titre { font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.85rem; color: var(--encre-douce); }
.formule__resultat { font-weight: 700; color: var(--bois); }
.formule__remarques { margin: 6px 0; padding-left: 1.2em; font-size: 0.92rem; }
.formule__source { margin: 8px 0 0; font-size: 0.8rem; color: var(--encre-douce); overflow-wrap: anywhere; }

/* Filtres de l'hôtel de vente et du bestiaire */
.hdv-filtres { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; align-items: end; margin-bottom: 8px; }
.hdv-filtres .champ { margin: 0; }
.hdv-filtres input[type='search'], .hdv-filtres select { width: 100%; }
.avec-icone { display: inline-flex; align-items: center; gap: 8px; }
.bestiaire-liste { margin-bottom: 8px; }

@media (max-width: 640px) {
  .stats-barres__ligne { grid-template-columns: 24px minmax(60px, 90px) 1fr 6ch 4.5ch; gap: 6px; font-size: 0.85rem; }
  .records { grid-template-columns: 1fr; }
  .formules-sommaire ul { columns: 1; }
  .formule__variables > div { grid-template-columns: 1fr; gap: 0; }
}

/* Liens lisibles sur le parchemin */
.record a, .formule a { color: var(--bois); }
.record a:hover, .formule a:hover { color: var(--orange-fonce); }