.o-trophees { display: grid; gap: 14px; margin-block: 18px; }
.o-trophees .tr__titre { font-size: 1.6rem; }
.o-trophees .tr__texte { margin: 6px 0 0; }
.o-trophees .tr__bilan { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr)); gap: 10px; margin-block: 14px; }
.o-trophees .tr__type { display: grid; gap: 4px; padding: 12px; border-radius: var(--rayon); background: var(--bitume); color: var(--papier); }
.o-trophees .tr__type strong { font-family: var(--titre); font-size: 1.5rem; font-weight: 900; }
.o-trophees .tr__type span { font-weight: 700; }
.o-trophees .tr__type--bronze { background: #7a4a24; }
.o-trophees .tr__type--argent { background: #56606c; }
.o-trophees .tr__type--or { background: #7d5f10; }
.o-trophees .tr__type--platine { background: #1d4d5c; }
.o-trophees .tr__type--points { background: var(--violet); }
.o-trophees .tr__panneau { display: grid; gap: 6px; }
.o-trophees .us-aide[hidden] { display: none; }
.o-trophees .tr__reperes { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 130px), 1fr)); gap: 10px; }
.o-trophees .tr__repere { display: grid; gap: 2px; margin: 0; }
.o-trophees .tr__repere strong { font-family: var(--titre); font-weight: 900; font-size: 2.4rem; line-height: 1; color: var(--orange); }
.o-trophees .tr__repere span { color: var(--gris); font-size: .92rem; }