/* App – Rangliste (Design: App-Ranking.dc.html) */
.rk { gap: 10px; }
.rk-seg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; background: var(--ap-card); border: 1px solid var(--ap-line); border-radius: 16px; padding: 4px; }
.rk-seg a { min-height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; text-decoration: none; color: var(--ap-muted) !important; text-align: center; }
.rk-seg a[aria-current="page"] { background: var(--ap-gold); color: var(--ap-on-gold) !important; }
.rk-pod { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; align-items: end; margin-top: 4px; }
.rk-pod__i { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; min-width: 0; }
.rk-av { display: inline-flex; border-radius: 50%; border: 3px solid var(--ap-bg); }
.rk-av .ap-av { font-size: 16px !important; }
.rk-pod__n { font-size: 12px; font-weight: 600; line-height: 1.2; height: 30px; overflow: hidden; max-width: 100%; }
.rk-pod__b { width: 100%; border-radius: 14px 14px 6px 6px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: var(--ap-on-gold); }
.rk-pod__b b { font-family: var(--ap-head); font-stretch: 125%; font-weight: 900; font-size: 22px; line-height: 1; }
.rk-pod__b span { font-size: 11px; }
.rk-list { background: var(--ap-card); border: 1px solid var(--ap-line); border-radius: 22px; padding: 2px 12px; }
.rk-row { display: flex; gap: 10px; align-items: center; padding: 8px 0; }
.rk-row + .rk-row { border-top: 1px solid var(--ap-line); }
.rk-row.is-me { padding: 8px 10px; margin: 2px -10px; border-radius: 12px; background: rgba(227,179,65,.12); border-top: 0; }
.rk-row.is-me + .rk-row { border-top: 0; }
.rk-row__pl { width: 22px; flex: none; color: var(--ap-muted); }
.rk-row.is-me .rk-row__pl { color: var(--ap-gold-t); }
.rk-row__m { flex: 1; min-width: 0; }
.rk-row__m strong { display: block; font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rk-row__m span { display: block; font-size: 11px; color: var(--ap-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rk-row__xp { font-weight: 600; font-size: 13px; flex: none; }
.rk-hid { text-decoration: none; display: block; }

.rk-pod__lv { display: block; font-size: 11px; line-height: 1.25; color: var(--ap-muted); text-align: center; margin: 2px 0 4px; max-width: 100%; overflow-wrap: anywhere; }
.rk-pod__lv .ap-mono { color: var(--ap-gold-t); font-weight: 600; }