/* Arena reputation (Journal L: Réputation + Palmarès tabs) and the arena keeper window. */
.rep-hero { background: linear-gradient(#d5d3e1, #bfbcd2); border-color: #5a557f; }
.rep-rankname { font-size: var(--fs-head); font-weight: 800; color: #7c2d12; }
.rep-wallet { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: var(--fs-body); color: #282638; }
.rep-goal { display: flex; flex-direction: column; gap: 3px; margin-top: 4px; }
.rep-goalhead { display: flex; justify-content: space-between; align-items: center; font-size: var(--fs-body); font-weight: 700; color: #282638; }
.rep-ranks { display: flex; flex-wrap: wrap; gap: 4px; }
.rep-r { display: flex; flex-direction: column; align-items: center; min-width: 88px; padding: 4px 8px; border-radius: 6px; border: 2px solid #9994b7; background: #dddbe7; font-size: var(--fs-body); color: #423f5c; opacity: 0.7; }
.rep-r.done { opacity: 1; border-color: #8a9a4a; background: #e6edc6; }
.rep-r.cur { opacity: 1; border-color: #58527c; background: #dbd9e6; color: #7c2d12; font-weight: 800; }
.rep-career { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 3px 10px; }
.rep-stat { display: flex; justify-content: space-between; gap: 6px; font-size: var(--fs-body); border-bottom: 1px dotted #9994b7; }
.rep-stat b { color: #282638; font-variant-numeric: tabular-nums; }
.sh-card.blank { visibility: hidden; }