.progression-page [hidden] {display:none!important}
.progression-page .account-main {font-size:13px}
.progression-page #progression-content {display:grid;gap:16px}
.progression-toolbar,.progression-section-heading {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}
.progression-toolbar label {display:flex;align-items:center;gap:8px;color:var(--lcd-muted);font-size:12px;margin:0}
.progression-toolbar select {font:inherit;min-height:40px;border:1px solid var(--lcd-line);padding:5px;color:var(--lcd-ink);background:var(--lcd-light)}
.progression-page .account-heading {flex-wrap:wrap}
.progression-page .account-heading>div {flex:1 1 auto}
.progression-balance {display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--lcd-line);border-left:3px solid var(--lcd-accent);background:var(--lcd-light);font:600 12px/1.5 var(--lcd-font)}
.progression-balance strong {font:800 25px/1 var(--lcd-font);color:var(--lcd-accent);overflow-wrap:anywhere}
.progression-balance a {margin-left:auto;font-size:11px}
.progression-section-heading h2,.progression-page #progression-rewards-title {font:800 14px/1.4 var(--lcd-font);margin:0}
.progression-section-heading a {font-size:11px}
.progression-muted {color:var(--lcd-muted,#526047);font-size:11px;line-height:1.5}
.progression-page #progression-creatures,.progression-page #progression-rewards {list-style:none;margin:0;padding:0}
#progression-creatures>li+li {border-top:1px solid var(--lcd-line)}
body#chimera-console.progression-page .progression-creature-link {display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;padding:12px 0;border:0;border-radius:0;color:var(--lcd-ink);text-decoration:none;box-shadow:none;background:none;min-width:0}
body#chimera-console.progression-page .progression-creature-link:hover {background:#c4d09f55}
.progression-creature-link:focus-visible {outline:2px solid var(--lcd-accent);outline-offset:3px}
.progression-portrait {display:grid;place-items:center;inline-size:48px;block-size:58px;overflow:hidden;border:1px solid var(--lcd-line);background:var(--lcd-shade);color:var(--lcd-muted);font:24px var(--lcd-font)}
.progression-portrait img {width:100%;height:100%;object-fit:cover;display:block;grid-area:1/1}
.progression-portrait>span {grid-area:1/1}
.progression-creature-info {display:grid;grid-template-columns:minmax(140px,.85fr) minmax(140px,1fr);align-items:center;gap:4px 24px;min-width:0}
.progression-creature-info h3 {grid-column:1;grid-row:1;font:700 13px/1.45 var(--lcd-font);margin:0;overflow-wrap:anywhere}
.progression-creature-info>.progression-muted {grid-column:1;grid-row:2;font:400 11px/1.4 var(--lcd-font)}
.progression-creature-info progress {grid-column:2;grid-row:1;display:block;width:100%;height:7px;accent-color:var(--lcd-ink);border:0;border-radius:0;overflow:hidden;background:var(--lcd-shade)}
.progression-creature-info progress::-webkit-progress-bar {background:var(--lcd-shade)}
.progression-creature-info progress::-webkit-progress-value {background:var(--lcd-ink)}
.progression-creature-info progress::-moz-progress-bar {background:var(--lcd-ink)}
.progression-creature-remaining {grid-column:2;grid-row:2;font:400 11px/1.5 var(--lcd-font);color:var(--lcd-muted)}
.progression-reward {padding:12px 0;border-bottom:1px solid var(--lcd-line);overflow-wrap:anywhere}
.progression-reward:last-child {border-bottom:0}
.progression-reward>div {display:flex;align-items:baseline;justify-content:space-between;gap:6px 12px;flex-wrap:wrap}
.progression-reward>div:first-child {font:600 12px/1.5 var(--lcd-font)}
.progression-reward>div+div {margin-top:4px}
.progression-reward p {margin:6px 0 0}
.progression-gains {color:var(--lcd-accent);white-space:nowrap}
.progression-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:12px;margin:12px 0}
.progression-card {padding:12px;border:1px solid var(--lcd-line);min-width:0;overflow-wrap:anywhere}
.progression-card h3 {font:700 12px/1.4 var(--lcd-font);margin:0 0 8px}
.progression-card p {font-size:12px;margin:6px 0 0}
.progression-page details summary {cursor:pointer;font:600 12px/1.5 var(--lcd-font);color:var(--lcd-ink)}
.progression-page details>p {margin:12px 0 0}
.progression-cap-alert {padding:10px 14px;border-left:3px solid var(--lcd-accent);background:var(--lcd-light);color:var(--lcd-accent-dark);font:500 12px/1.5 var(--lcd-font)}
.progression-cap-alert p {margin:0}
.progression-cap-alert p+p {margin-top:6px}
.progression-pagination {display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;flex-wrap:wrap}
.progression-pagination button,.progression-show-all {min-height:40px;font-size:12px}
.progression-pagination span {font-size:12px}
.progression-show-all {margin-top:10px}
.progression-error {padding:12px;border:1px solid #ad6977;color:#702335;background:#f2e2df;overflow-wrap:anywhere}
@media(max-width:600px) {
  .progression-creature-info {display:flex;flex-direction:column;align-items:stretch;gap:3px}
  .progression-creature-info progress {margin:5px 0 2px}
  .progression-balance {flex-wrap:wrap;gap:6px 10px}
  .progression-balance>span {flex:1}
  .progression-balance a {margin:0;flex-basis:100%}
}
@media(max-width:420px) {
  body#chimera-console.progression-page .progression-creature-link {grid-template-columns:40px minmax(0,1fr);gap:10px}
  .progression-portrait {inline-size:40px;block-size:50px}
  .progression-creature-info h3 {font-size:12px}
  .progression-pagination span {order:-1;flex-basis:100%;text-align:center}
  .progression-pagination button {flex:1}
  .progression-toolbar {align-items:start}.progression-toolbar label {flex-wrap:wrap}
}
/* Shared private reward summary in the battle result dialog. */
.match-results-menu .progression-match {margin:14px 0;padding:12px;border:1px solid #8f9b72;border-radius:6px;color:#304029;background:#dae3b9;overflow-wrap:anywhere;font-size:.8rem}
.match-results-menu .progression-match[hidden] {display:none!important}
.match-results-menu .progression-match h3 {margin:0 0 7px;font-size:.86rem}
.match-results-menu .progression-match p {margin:6px 0}
.match-results-menu .progression-match a {display:inline-block;min-height:36px;padding-top:7px;color:#742443;text-decoration:underline}