/* v2.3.5 — loaded last.
 * 1. The full badge list is never a box with its own scroll bar inside the page (v190.css gave .ach2-sheet
 *    max-height: 70vh; overflow-y: auto). It now grows with the page, on the Badges tab and on the Badges page.
 * 2. #/profile/:id/badges full page. */

/* 1. One scroll only. */
.ach2.is-full .ach2-sheet,
.v230-ach.is-full .ach2-sheet { max-height: none; overflow: visible; overscroll-behavior: auto; }

/* 2. Badges page. */
.v235-badges .tp-body { padding-bottom: calc(28px + env(safe-area-inset-bottom, 0px)); }
.v235-badges__list { min-width: 0; }
.v235-badges__list > .ach2.is-full { display: grid; gap: 14px; }
.v235-badges .ach2--loading { min-height: 240px; }

/* 3. Badge grid in the full list: names wrap to two lines instead of "Hat-Trick Di…", and the progress
 *    percentage sits under the name instead of on top of the ring (it was half covered by the ring). */
.v230-ach.is-full .ach2-grid .ach2-chip b,
.ach2.is-full .ach2-grid .ach2-chip b { white-space: normal; text-overflow: clip; overflow: hidden; overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.15; min-height: 2.3em; font-size: .66rem; }
.v230-ach.is-full .ach2-grid .ach2-chip .v210-ach-pct,
.ach2.is-full .ach2-grid .ach2-chip .v210-ach-pct { position: static; justify-self: center; margin-top: 1px; padding: 0 6px; font-size: .58rem; line-height: 1.5; }
.v230-ach.is-full .ach2-grid .ach2-chip:not(.is-on) b { min-height: 2.3em; }

/* 4. Tier ladder: "Grandmaster" was cut to "Grandmas…" on small phones with large text. With 5 columns the
 *    labels get a little smaller and tighter so every tier name fits. */
@media (max-width: 420px) {
  .ach2-ladder.v210-ach-ladder { column-gap: 3px; }
  .ach2-ladder.v210-ach-ladder small { font-size: .5rem; letter-spacing: -.02em; text-overflow: clip; }
}

/* 5. Light theme: the profile badge title and tier label used the pale tier colour on a pale card. */
:root[data-theme="light"] .ach2-feat b { background-image: linear-gradient(90deg, var(--on-surface, #15151b), color-mix(in srgb, var(--d, #b8860b) 62%, #000), var(--on-surface, #15151b)); }
:root[data-theme="light"] .ach2-feat small:first-child { color: color-mix(in srgb, var(--d, #b8860b) 62%, #000); }

/* 6. Squad Match log: the Practice / Public tag sat after the scrim name inside a cut-off cell, so it was
 *    hidden or ran into the Map column on small phones. It now sits on its own line under the name. */
.sm-ts .v1-table td:first-child { white-space: normal; }
.sm-ts .v1-table td:first-child > .sm-ts__src { display: table; margin: 3px 0 0; }