/* Arena reputation (Journal L: Réputation + Palmarès tabs) and the arena keeper window. */
.rep-hero { background: linear-gradient(#f4e6c0, #ead7a4); border-color: #b5801f; }
.rep-rankname { font-size: 18px; font-weight: 800; color: #7c2d12; }
.rep-wallet { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 12px; color: #4a2f14; }
.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: 12px; font-weight: 700; color: #4a2f14; }
.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 #c9b183; background: #f3e9cf; font-size: 12px; color: #6a5230; opacity: 0.7; }
.rep-r.done { opacity: 1; border-color: #8a9a4a; background: #e6edc6; }
.rep-r.cur { opacity: 1; border-color: #c2410c; background: #fde2c2; 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: 12px; border-bottom: 1px dotted #c9b183; }
.rep-stat b { color: #4a2f14; font-variant-numeric: tabular-nums; }
.lad { display: flex; flex-direction: column; gap: 6px; }
.lad-head, .lad-body { display: flex; flex-direction: column; gap: 6px; }
.lad-groups, .lad-boards, .lad-classes { display: flex; flex-wrap: wrap; gap: 4px; }
.lad-chip { padding: 2px 9px; border-radius: 12px; border: 2px solid #b88c58; background: #efe4c8; font-size: 11px; font-weight: 700; color: #4a2f14; cursor: pointer; }
.lad-chip.on { background: #f0b92a; color: #2a1a05; border-color: #b5801f; }
.lad-podium { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.lad-pod { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 6px; border-radius: 8px; border: 2px solid #b88c58; text-align: center; background: #efe4c8; }
.lad-pod.gold { background: linear-gradient(#fff1b8, #f1c04a); border-color: #b5801f; }
.lad-pod.silver { background: linear-gradient(#f4f6fa, #c4ccd8); border-color: #7b8794; }
.lad-pod.bronze { background: linear-gradient(#f6d4b0, #cd8a52); border-color: #8a5222; }
.lad-pod.me, .lad-row.me { outline: 3px solid #2f7a2a; }
.lad-medal { width: 26px; height: 26px; line-height: 26px; border-radius: 50%; background: #4a2f14; color: #fff; font-weight: 800; }
.lad-val { font-size: 15px; font-weight: 800; color: #7c2d12; font-variant-numeric: tabular-nums; }
.lad-list { display: flex; flex-direction: column; gap: 2px; max-height: 300px; overflow-y: auto; }
.lad-row { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 8px; padding: 3px 8px; border-radius: 5px; background: #efe4c8; font-size: 12px; }
.lad-row:nth-child(even) { background: #f6eed7; }
.lad-rank { font-weight: 800; color: #6a5230; text-align: right; }
.lad-me { margin: 2px 0 0; font-size: 12px; font-weight: 700; color: #2f7a2a; }
.sh-card.blank { visibility: hidden; }