.rating-page{--rating-navy:#001141;--rating-blue:#0043ce;--rating-page:#dce3eb;--rating-panel:#e8edf2;--rating-line:#c9d2dc;--rating-text:#172332;--rating-muted:#5c6570;min-width:320px;min-height:100dvh;display:flex;flex-direction:column;color:var(--rating-text);background:var(--rating-page)}
.rating-page main{flex:1 0 auto}.rating-hero{min-height:270px;display:grid;align-items:center;color:#fff;background-color:var(--rating-navy);background-image:linear-gradient(90deg,rgba(0,17,65,.96) 0%,rgba(0,17,65,.72) 44%,rgba(0,17,65,.12) 100%),url('/assets/images/judo-hero-synthetic-v8.webp');background-size:cover;background-position:center,center 48%}.rating-hero .container{padding-block:48px}.rating-eyebrow{margin:0 0 12px;color:#78a9ff;font-size:11px;font-weight:800;letter-spacing:.14em}.rating-hero h1{margin:0;font:700 clamp(48px,6vw,76px)/1 var(--font-score);letter-spacing:-.04em}.rating-main{padding-block:28px 72px}.rating-panel{padding:18px;border:1px solid var(--rating-line);border-radius:8px;background:var(--rating-panel)}.rating-filter-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:12px}.rating-filter{position:relative;min-width:0}.rating-filter[hidden]{display:none}.rating-filter-label{display:block;margin:0 0 6px;color:var(--rating-muted);font-size:12px;font-weight:700}.rating-select{width:100%;min-height:46px;padding:8px 32px 8px 14px;text-align:left;color:var(--rating-text);background:#f0f3f6;border:1px solid #aebed1;border-radius:8px;font:inherit;cursor:pointer;transition:background-color 220ms,border-color 220ms}.rating-select::after{content:'⌄';position:absolute;right:13px;font-size:19px;line-height:1}.rating-select:hover,.rating-select[aria-expanded=true]{border-color:var(--rating-blue);background:#e3eaf2}.rating-select:disabled{opacity:.55;cursor:default}.rating-options{position:absolute;z-index:10;top:100%;left:0;right:0;max-height:260px;overflow:auto;padding:4px;background:#f0f3f6;border:1px solid #aebed1;border-radius:8px;box-shadow:0 12px 24px rgba(0,17,65,.14)}.rating-options[hidden]{display:none}.rating-options button{display:block;width:100%;min-height:42px;padding:8px;text-align:left;border:0;border-radius:5px;color:var(--rating-text);background:transparent;font:inherit;cursor:pointer}.rating-options button:hover,.rating-options button[aria-selected=true]{background:#d6dee8}.rating-select:focus-visible,.rating-options button:focus-visible,.rating-page input:focus-visible,.rating-page a:focus-visible,.rating-page button:focus-visible{outline:3px solid #0f62fe;outline-offset:2px}.rating-toolbar{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-top:16px}.rating-modes{display:flex;flex-wrap:wrap;gap:4px;min-width:0;margin:0;padding:0;border:0}.rating-modes label{position:relative;cursor:pointer}.rating-modes input{position:absolute;opacity:0;inset:0}.rating-modes span{display:grid;place-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--rating-line);border-radius:7px;font-size:14px;font-weight:700;transition:color 220ms,background-color 220ms,border-color 220ms}.rating-modes input:checked+span{color:#fff;background:var(--rating-navy);border-color:var(--rating-navy)}.rating-modes input:focus-visible+span{outline:3px solid #0f62fe;outline-offset:2px}.rating-search{width:min(320px,100%)}.rating-search input{width:100%;height:44px;padding:8px 12px;border:1px solid #aebed1;border-radius:8px;background:#f0f3f6;color:var(--rating-text);font:inherit}.rating-search input::placeholder{color:var(--rating-muted)}.rating-results{margin-top:26px;min-height:300px}.rating-results-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:14px}.rating-results-head h2,.athlete-public-main h2{margin:0;font:700 clamp(23px,3vw,30px)/1.1 var(--font-score)}.rating-results-head span{color:var(--rating-muted);font-size:14px}.rating-list{min-height:245px;border:1px solid var(--rating-line);border-radius:8px;background:var(--rating-panel);overflow:hidden}.rating-state{display:grid;place-items:center;min-height:245px;margin:0;padding:24px;text-align:center;color:var(--rating-muted);font-size:16px}.rating-row{display:grid;grid-template-columns:86px minmax(0,2fr) minmax(0,1.1fr) 112px;gap:12px;align-items:center;min-height:69px;padding:10px 20px;border-bottom:1px solid var(--rating-line)}.rating-row:last-child{border-bottom:0}.rating-row-head{min-height:43px;color:var(--rating-muted);font-size:12px;font-weight:800;letter-spacing:.035em}.rating-place{font:700 24px/1 var(--font-score)}.rating-athlete{display:flex;align-items:center;gap:12px;min-width:0;color:var(--rating-text);text-decoration:none}.rating-athlete:hover strong{text-decoration:underline;text-underline-offset:3px}.rating-athlete img,.rating-avatar{flex:none;width:44px;height:44px;object-fit:cover;border-radius:50%;background:#d6dee8}.rating-avatar{display:grid;place-items:center;background-image:url('/assets/src/24/outline/user-circle.svg');background-size:30px;background-position:center;background-repeat:no-repeat}.rating-athlete span{min-width:0}.rating-athlete strong{display:block;overflow-wrap:anywhere}.rating-mobile-club{display:none!important}.rating-club{font-size:14px;color:var(--rating-muted);overflow-wrap:anywhere}.rating-points{font:700 21px/1 var(--font-score);text-align:right}.rating-pager{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:18px}.rating-pager[hidden]{display:none}.rating-pager button{min-height:44px;padding:8px 18px;border:1px solid #aebed1;border-radius:8px;background:var(--rating-panel);font:inherit;cursor:pointer}.rating-pager button:disabled{opacity:.45;cursor:default}.rating-footer{color:#fff;background:var(--rating-navy);padding:28px 0 16px}.rating-footer-grid{display:flex;align-items:center;justify-content:space-between;gap:16px}.rating-footer-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800}.rating-footer nav{display:flex;flex-wrap:wrap;gap:20px}.rating-footer nav a{color:#dce3eb;text-decoration:none;font-size:14px}.rating-footer nav a[aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:5px}.rating-footer-bottom{margin-top:24px;color:#aebed1;font-size:12px}.athlete-public-main{padding-block:28px 72px}.athlete-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:18px;color:var(--rating-blue);font-weight:700;text-decoration:none}.athlete-public-hero{display:flex;align-items:center;gap:28px;min-height:250px;margin-bottom:28px;padding:28px;border-radius:8px;color:#fff;background:var(--rating-navy)}.athlete-public-avatar{flex:none;width:170px;height:170px;border-radius:8px;background:#d6dee8 url('/assets/src/24/outline/user-circle.svg') center/88px no-repeat;overflow:hidden}.athlete-public-avatar img{width:100%;height:100%;object-fit:cover}.athlete-public-hero h1{margin:0;font:700 clamp(34px,5vw,58px)/1 var(--font-score)}.athlete-public-details{margin:16px 0 0;color:#dce3eb}.athlete-balances{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:16px}.athlete-balance{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--rating-line);border-radius:8px;background:var(--rating-panel)}.athlete-balance span{color:var(--rating-muted)}.athlete-balance strong{font:700 21px/1.2 var(--font-score)}.athlete-empty{min-height:150px;display:grid;place-items:center;padding:24px;border:1px solid var(--rating-line);border-radius:8px;background:var(--rating-panel);text-align:center;color:var(--rating-muted)}
@media(max-width:800px){.rating-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rating-filter:last-child{grid-column:1/-1}.rating-hero{min-height:235px;background-position:center,62% 50%}.rating-row{grid-template-columns:60px minmax(0,1fr) 90px}.rating-row-head span:nth-child(3),.rating-club{display:none}.rating-mobile-club{display:block!important;margin-top:3px;color:var(--rating-muted);font-size:12px}.rating-footer-grid{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.rating-main{padding-block:16px 54px}.rating-panel{padding:12px}.rating-filter-grid{grid-template-columns:1fr;gap:9px}.rating-filter:last-child{grid-column:auto}.rating-toolbar{align-items:stretch;flex-direction:column}.rating-modes{display:grid;grid-template-columns:1fr 1fr}.rating-modes span{height:100%;padding:7px 8px;text-align:center;font-size:12px}.rating-search{width:100%}.rating-hero{min-height:190px;background-position:center,66% center}.rating-hero .container{padding-block:32px}.rating-hero h1{font-size:48px}.rating-row{grid-template-columns:42px minmax(0,1fr) 65px;gap:6px;min-height:68px;padding:10px}.rating-row-head{min-height:36px;font-size:11px}.rating-row-head span:nth-child(3){display:none}.rating-place{font-size:19px}.rating-athlete{gap:7px;font-size:13px;line-height:1.25}.rating-athlete img,.rating-avatar{width:34px;height:34px}.rating-avatar{background-size:25px}.rating-points{font-size:17px}.rating-footer{padding-bottom:92px}.rating-footer nav{gap:12px}.athlete-public-hero{min-height:190px;gap:16px;padding:16px}.athlete-public-avatar{width:95px;height:115px;background-size:60px}.athlete-public-hero h1{font-size:32px;overflow-wrap:anywhere}.athlete-public-details{font-size:13px}.athlete-public-main{padding-block:16px 54px}}
@media(max-width:360px){.rating-modes span{font-size:11px;padding-inline:5px}.rating-athlete img,.rating-avatar{width:30px;height:30px}.rating-row{grid-template-columns:36px minmax(0,1fr) 57px}.rating-points{font-size:15px}.athlete-public-avatar{width:75px;height:100px}}
@media(prefers-reduced-motion:reduce){.rating-page *{transition:none!important;scroll-behavior:auto!important}}

.athlete-public-rank{display:inline-block;margin:14px 0 0;padding:9px 12px;border:1px solid #78a9ff;border-radius:8px;color:#fff;font-weight:800}

@media(max-width:360px){.athlete-public-hero{flex-direction:column;align-items:flex-start}.athlete-public-avatar{width:90px;height:90px}.athlete-public-hero h1{font-size:30px}}

@media(max-width:600px){.athlete-public-hero{flex-direction:column;align-items:flex-start}.athlete-public-avatar{width:100px;height:100px}.athlete-public-hero h1{font-size:32px}}

@media(max-width:360px){.athlete-public-hero h1{font-size:28px}.athlete-public-avatar{width:88px;height:88px}}

/* Compact ranking layout: filter rail above a dense results table. */
.rating-hero{min-height:188px;background-position:center,center 46%}
.rating-hero .container{padding-block:35px}
.rating-hero h1{font-size:clamp(46px,5vw,64px)}
.rating-main{padding-block:24px 72px}
.rating-panel{padding:0;border:0;border-radius:0;background:transparent}
.rating-toolbar{align-items:center;margin:0 0 17px;padding-bottom:11px;border-bottom:1px solid var(--rating-line)}
.rating-modes{gap:26px}
.rating-modes span{min-height:39px;padding:7px 0;border:0;border-radius:0;color:var(--rating-muted);background:transparent;font-size:14px}
.rating-modes input:checked+span{color:var(--rating-navy);background:transparent;border:0;box-shadow:inset 0 -3px 0 var(--rating-blue)}
.rating-search{width:min(280px,100%)}
.rating-search input{height:40px;background:var(--rating-panel)}
.rating-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rating-filter-label{margin-bottom:5px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.rating-select{position:relative;display:block;min-height:43px;padding:9px 36px 9px 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--rating-panel);font-size:14px;font-weight:650}
.rating-select::after{top:7px;right:12px}
.rating-options{top:calc(100% + 4px);background:var(--rating-panel)}
.rating-results{margin-top:26px;min-height:0}
.rating-results-head{align-items:end;margin-bottom:11px}
.rating-results-head h2{font-size:clamp(22px,3vw,28px)}
.rating-demo-note{display:flex;align-items:center;gap:14px;margin:0 0 10px;padding:10px 14px;border-left:3px solid var(--rating-blue);background:#d2deea;color:var(--rating-text);font-size:13px}
.rating-demo-note[hidden]{display:none}
.rating-demo-note strong{flex:none;color:var(--rating-navy);font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.rating-list{min-height:0;border-radius:4px}
.rating-state{min-height:190px}
.rating-row{grid-template-columns:62px minmax(0,2fr) minmax(0,1fr) 132px;gap:14px;min-height:59px;padding:7px 16px}
.rating-row-head{min-height:38px;background:#d9e1e9;font-size:11px;text-transform:uppercase}
.rating-place{font-size:21px}
.rating-athlete{gap:11px}
.rating-athlete img,.rating-avatar{width:39px;height:39px}
.rating-avatar{background-size:28px}
.rating-athlete strong{font-size:14px}
.rating-points{font-size:18px}
@media(max-width:800px){
  .rating-hero{min-height:174px}
  .rating-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rating-filter:last-child{grid-column:auto}
  .rating-row{grid-template-columns:52px minmax(0,1fr) 98px}
}
@media(max-width:600px){
  .rating-hero{min-height:145px}
  .rating-hero .container{padding-block:27px}
  .rating-hero h1{font-size:43px}
  .rating-main{padding-block:17px 54px}
  .rating-toolbar{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px}
  .rating-modes{display:flex;gap:18px}
  .rating-modes span{height:auto;min-height:37px;padding:6px 0;font-size:12px}
  .rating-search{width:100%}
  .rating-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .rating-filter:first-child{grid-column:1/-1}
  .rating-filter:last-child{grid-column:auto}
  .rating-filter-label{font-size:10px}
  .rating-select{min-height:42px;font-size:12px}
  .rating-results{margin-top:20px}
  .rating-results-head h2{font-size:22px}
  .rating-results-head span{font-size:12px}
  .rating-demo-note{display:block;padding:9px 11px;font-size:12px}
  .rating-demo-note strong{display:block;margin-bottom:3px}
  .rating-row{grid-template-columns:35px minmax(0,1fr) 64px;gap:7px;min-height:57px;padding:6px 9px}
  .rating-row-head{min-height:34px;font-size:10px}
  .rating-place{font-size:18px}
  .rating-athlete{gap:8px}
  .rating-athlete img,.rating-avatar{width:32px;height:32px}
  .rating-athlete strong{font-size:12px}
  .rating-points{font-size:16px}
}
@media(max-width:360px){
  .rating-modes{gap:14px}
  .rating-modes span{font-size:11px}
  .rating-row{grid-template-columns:31px minmax(0,1fr) 59px}
  .rating-athlete{gap:6px}
  .rating-athlete img,.rating-avatar{width:30px;height:30px}
  .rating-points{font-size:15px}
}

/* D151: ranking podium, cropped for a shallow hero at every breakpoint. */
.rating-hero{
  background-image:linear-gradient(90deg,rgba(0,17,65,.20) 0%,rgba(0,17,65,.06) 48%,transparent 100%),url('/assets/images/rating-hero-ranks-v1.webp');
  background-position:center center;
}
@media(max-width:600px){.rating-hero{background-size:cover,100% 100%}}
@media(max-width:360px){.rating-hero h1{font-size:36px}}

/* D177: compact, accessible rating filters without duplicate visible labels. */
.rating-hero{min-height:146px}
.rating-filter-grid{width:min(100%,640px);grid-template-columns:.65fr 1.15fr .94fr;gap:10px}
.rating-select{min-height:44px;padding:9px 36px 9px 12px;border:1px solid #9daabd;border-radius:6px;background:var(--rating-panel);font-size:14px;font-weight:500}
.rating-select::after{content:'';position:absolute;top:50%;right:12px;width:15px;height:15px;background:url('/assets/images/icons/chevron-down.svg') center/contain no-repeat;opacity:.65;transform:translateY(-50%);transition:transform 220ms cubic-bezier(.22,1,.36,1)}
.rating-select[aria-expanded=true]::after{transform:translateY(-50%) rotate(180deg)}
.rating-options:not([hidden]){animation:rating-options-in 180ms cubic-bezier(.22,1,.36,1)}
@keyframes rating-options-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.rating-results-head:has(#rating-count:empty){display:none}
.rating-results-head:not(:has(#rating-count:empty)){justify-content:flex-end}
@media(max-width:600px){.rating-hero{min-height:108px}.rating-filter-grid{grid-template-columns:.65fr 1.15fr .94fr;gap:7px}.rating-filter:first-child,.rating-filter:last-child{grid-column:auto}.rating-select{min-height:44px;padding:8px 25px 8px 8px;font-size:12px}.rating-select::after{right:7px;width:13px;height:13px}.rating-options{min-width:150px}.rating-filter:last-child .rating-options{left:auto;right:0}}
@media(prefers-reduced-motion:reduce){.rating-options:not([hidden]){animation:none}.rating-select::after{transition:none}}