.ranking{--ranking-ink:#24342c;min-width:0;color:var(--ink);line-height:1.7}
.ranking :is(p,li,dd,dt,strong,small,button){overflow-wrap:anywhere}
.ranking :is(input,select,textarea){min-width:0;max-width:100%;width:100%;min-height:48px;border:1px solid #b8c9bd;background:#fff;padding:10px 12px;border-radius:10px}
.ranking input[type=checkbox]{width:22px;min-width:22px;min-height:22px;height:22px;accent-color:var(--forest);margin:3px 0 0;flex:none}
.ranking .btn{min-height:44px;max-width:100%;padding:10px 14px}
.ranking .form-label{margin-top:16px}
.ranking .inline-error:empty{display:none}
.ranking :is(form,section)+form,.ranking :is(form,section)+section{margin-top:20px}
.ranking-heading{margin:10px 0 20px}.ranking-heading h3{font-size:21px;line-height:1.45}.ranking-heading p{margin-top:8px;color:var(--muted)}
.ranking-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0 20px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.ranking-nav .btn{font-size:13px;padding:9px 5px}
.ranking-actions,.ranking-secondary-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.ranking-actions>.btn{flex:1 1 170px}.ranking-secondary-links>.btn{flex:1 1 140px;font-size:14px}
.ranking-action-list{display:grid;gap:10px}.ranking-action-list>.btn{width:100%}
.ranking-rule-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}
.ranking-rule-strip>span{display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:12px;padding:14px 8px;background:var(--pale);font-size:13px;text-align:center}
.ranking-rule-strip strong{font-family:DNF,Maple,sans-serif;font-weight:400;font-size:24px;color:var(--forest)}
.ranking-note{padding:15px 16px;border-radius:12px;background:#f0f3ec;border:1px solid #d8dfd8;margin:16px 0}
.ranking-note>strong{display:block}.ranking-note>p{font-size:14px;margin-top:6px;color:var(--muted)}
.ranking-readable-list{padding-left:22px;margin:18px 0}.ranking-readable-list li+li{margin-top:9px}
.ranking-fine{font-size:13px;line-height:1.7;color:var(--muted);margin:14px 0}
.ranking-status{padding:10px 12px;border-left:3px solid var(--forest);background:#edf2eb;font-size:14px;margin:12px 0}
.ranking-profile-preview{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px;border:1px solid var(--line);border-radius:12px;margin:16px 0}
.ranking-profile-preview>div{flex:1;min-width:100px}.ranking-profile-preview p{font-size:13px;color:var(--muted)}
.ranking-tag{display:inline-block;font-size:11px;font-weight:300;color:#375d46;padding:3px 6px;border-radius:5px;background:#e8efe5;vertical-align:middle;line-height:1.6}
.ranking-cat{--ranking-ink:#24342c;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;color:#dcb978;background:#f7f1df;border-radius:50%;padding:3px}
.ranking-cat svg{width:100%;height:100%}.ranking-cat-orange{color:#e4ac62;background:#fff3dd}.ranking-cat-gray{color:#b4c3bb;background:#f1f4f1}.ranking-cat-black{color:#54615b;background:#e7ede8;--ranking-ink:#fff}.ranking-cat-calico{color:#d8bb8e}
.ranking-check{display:flex;gap:12px;align-items:flex-start;min-height:54px;padding:14px 12px;border:1px solid var(--line);border-radius:10px;margin:12px 0;cursor:pointer}
.ranking-check>span{min-width:0}.ranking-check strong{display:block;font-size:15px}.ranking-check small{display:block;color:var(--muted);font-size:13px;margin-top:5px}
.ranking-check:has(input:checked){border-color:#7e9c85;background:#f2f6ee}
.ranking-practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.ranking-practice-grid label{min-width:0;display:block}.ranking-practice-grid span{font-weight:700;display:block;margin-bottom:6px;font-size:14px}.ranking-practice-grid small{color:var(--muted)}
.ranking-score-card,.ranking-practice-result{padding:20px;border:1px solid var(--line);border-radius:14px;background:#faf9f4;margin:18px 0}
.ranking-score{display:block;font-family:DNF,Maple,sans-serif;font-weight:400;font-size:46px;line-height:1.35;color:var(--forest);margin:8px 0}
.ranking-score small{font-family:Maple,sans-serif;font-size:15px;font-weight:300;color:var(--muted)}
.ranking-score-card>p{font-size:14px}.ranking-score-card .btn{margin-top:14px}
.ranking-day-list,.ranking-day-details,.ranking-members,.ranking-result-list,.ranking-awards{list-style:none;padding:0;margin:18px 0}
.ranking-day-list>li{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:10px 0;font-size:13px}
.ranking-day-details>li{border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0}.ranking-day-details>li>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ranking-day-details dl,.ranking-facts{margin:10px 0}.ranking-day-details dl>div,.ranking-facts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px;margin:8px 0;font-size:14px}.ranking-day-details dd,.ranking-facts dd{margin:0;text-align:right}.ranking-day-details dt,.ranking-facts dt{color:var(--muted)}
.ranking-members>li{display:grid;grid-template-columns:44px 32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:14px 8px;border-bottom:1px solid var(--line);min-width:0}
.ranking-members .ranking-cat{width:32px;height:32px}.ranking-members>li>.btn{grid-column:3/-1;justify-self:end;font-size:12px;padding:6px 12px}
.ranking-members .is-me{background:#edf4e8;border-radius:10px;border:1px solid #a0b59c}
.ranking-rank{font-size:13px;color:var(--forest);text-align:center}.ranking-member-name{min-width:0}.ranking-member-name strong{font-size:14px;display:block}.ranking-member-name small{font-size:12px;color:var(--muted);display:block}.ranking-member-score{font-size:14px;white-space:nowrap}
.ranking-result-list>li+li{margin-top:10px}.ranking-result-list .btn{width:100%;justify-content:flex-start;text-align:left}
.ranking-empty{padding:24px 0;color:var(--muted);text-align:left}
.ranking-settings-section{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.ranking-settings-section h4{font-size:16px;margin:0 0 14px}
.ranking-awards>li{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;margin:10px 0}.ranking-awards small{display:block;color:var(--muted);font-size:13px}
.ranking-entry,.ranking-home-card{padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:14px;margin:0 0 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.ranking-entry>div,.ranking-home-card>div{display:flex;align-items:center;gap:14px;min-width:0}.ranking-entry h2{font-size:21px}.ranking-entry p{font-size:14px;color:var(--muted);margin-top:4px}.ranking-home-card strong,.ranking-home-card small{display:block}.ranking-home-card small{color:var(--muted);font-size:13px;margin-top:3px}.ranking-entry .btn,.ranking-home-card .btn{flex:none;min-height:44px;max-width:100%;font-size:14px;padding:10px 14px}
@media(max-width:540px){.ranking-entry{align-items:stretch;flex-direction:column;gap:12px}.ranking-entry>.btn{align-self:flex-start}.ranking-home-card{flex-wrap:wrap;padding:16px}.ranking-home-card>.btn{margin-left:auto}.ranking-score{font-size:38px}.ranking-heading h3{font-size:19px}}
@media(max-width:380px){.ranking-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-rule-strip strong{font-size:20px}.ranking-rule-strip>span{padding:12px 5px;font-size:12px}.ranking-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-members>li{grid-template-columns:40px 28px minmax(0,1fr);gap:6px}.ranking-members .ranking-cat{width:28px;height:28px}.ranking-member-score{grid-column:3;font-size:14px}.ranking-members>li>.btn{grid-column:1/-1}.ranking-score-card,.ranking-practice-result{padding:15px}.ranking-day-details>li{padding:12px}}
@media(prefers-reduced-motion:reduce){.ranking .btn,.ranking-entry .btn,.ranking-home-card .btn{transition:none;transform:none}}