.challenge-ranking{margin-top:14px;border:1px solid var(--line,#6d8366);border-radius:12px;background:var(--panel,#1d3025);padding:13px;color:var(--text,#e7eadc)}
.challenge-ranking summary{font-size:15px;font-weight:800;cursor:pointer;padding:3px 0}
.challenge-ranking[open] summary{margin-bottom:12px}
.challenge-ranking .ranking-intro{font-weight:700;margin:5px 0}
.challenge-ranking .ranking-note{font-size:12px;line-height:1.5;opacity:.82;margin:8px 0;max-width:70ch}
.ranking-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.ranking-actions select{min-width:0;max-width:100%;flex:1 1 220px;padding:9px;border:1px solid var(--line,#7c9272);border-radius:6px;background:var(--bg,#192520);color:inherit}
.challenge-ranking button{border:1px solid var(--line,#7c9272);border-radius:6px;background:var(--bg,#192520);color:inherit;padding:9px 12px;font:inherit;cursor:pointer;min-height:40px}
.challenge-ranking button:disabled{opacity:.5;cursor:default}
.challenge-ranking :is(button,select,summary):focus-visible{outline:3px solid var(--accent,#b6d392);outline-offset:3px}
.challenge-ranking-list{list-style:none;margin:10px 0;padding:0}
.challenge-ranking-list li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:9px 5px;border-bottom:1px solid #82966c45}
.ranking-alias{overflow-wrap:anywhere;font-weight:600}
.challenge-ranking-list small{font-variant-numeric:tabular-nums;opacity:.75}
.ranking-result{font-size:13px;font-weight:700;line-height:1.5}
.challenge-ranking [data-ranking-submit]{background:#bad49b;color:#15251a;font-weight:750}
.challenge-ranking [data-ranking-status]{font-size:13px;line-height:1.4;min-height:1em}
@media(max-width:580px){.challenge-ranking{padding:11px}.ranking-actions{flex-direction:column}.ranking-actions select{flex:none;width:100%}.challenge-ranking-list li{grid-template-columns:minmax(0,1fr) auto}.challenge-ranking-list small{grid-column:2}.challenge-ranking button{width:100%}}