/* The Standings (doc 68): Rule Watch, real and dated; the ranking, invented until members open it. Amber is money owed back only. */
.shero{padding:104px 0 56px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-radius:16px;overflow:hidden;margin-top:30px}
.facts div{background:rgba(6,8,24,.86);padding:18px 20px;font-size:13px;color:var(--mut);line-height:1.4}
.facts b{display:block;font-size:34px;font-weight:600;letter-spacing:-.03em;color:#fff;margin-bottom:4px}
.watch{margin-top:14px;overflow:hidden}
.wh{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chipb{height:32px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:#C3C8E6;font-family:var(--mono);font-size:12px;cursor:pointer}
.chipb:hover{border-color:rgba(255,255,255,.4);color:#fff}
.chipb.on{background:#fff;color:#000;border-color:#fff}
.wl{font-family:var(--mono);font-size:11.5px;color:var(--mut);letter-spacing:.04em}
.ledger{list-style:none;margin:0;padding:0}
.lr{display:grid;grid-template-columns:150px 110px minmax(0,1fr) 220px;gap:18px;align-items:baseline;padding:16px 18px;border-top:1px solid rgba(255,255,255,.07)}
.lr:first-child{border-top:0}
.lr time{font-family:var(--mono);font-size:12.5px;color:var(--soft);white-space:nowrap}
.lr b{font-weight:600;font-size:15px}
.lr p{font-size:15px;color:#D5D8EE;line-height:1.5}
.lr small{font-family:var(--mono);font-size:11.5px;color:var(--mut);text-align:right}
.lr:first-child time::after{content:"Latest";display:block;width:max-content;margin-top:8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#000;background:#fff;border-radius:999px;padding:2px 8px}

.rank{margin-top:30px;padding:34px 24px 26px}
.rings{display:flex;justify-content:center;align-items:center;gap:clamp(10px,2.4vw,34px)}
.rg{position:relative;flex:none;width:clamp(58px,13vw,150px);aspect-ratio:1;padding:0;border:0;background:none;color:#fff;cursor:pointer;border-radius:50%;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s;opacity:calc(1 - var(--d,0) * .2);transform:scale(calc(1 - var(--d,0) * .08))}
.rg.on{transform:scale(1.22);opacity:1}
.rg svg{width:100%;height:100%;display:block}
.rg b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(18px,3.4vw,40px);font-weight:700;letter-spacing:-.04em}
.rg span{position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.rg.on span{color:#fff}
.rinfo{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:64px}
.rstats{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}
.rstats div{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);text-align:center}
.rstats b{display:block;font-family:'Noto Sans';font-size:32px;font-weight:600;letter-spacing:-.03em;color:#fff;text-transform:none;line-height:1.1}
.rstats b.am{color:var(--amber)}
.arr{width:44px;height:44px;font-size:17px}
.arr:disabled{opacity:.3;cursor:default}
.nevers{border-top:1px solid rgba(255,255,255,.2)}
.nevers div{font-size:clamp(30px,5vw,68px);font-weight:600;letter-spacing:-.04em;line-height:1.04;padding:.2em 0;border-bottom:1px solid rgba(255,255,255,.2)}

@media (max-width:980px){
  .lr{grid-template-columns:120px minmax(0,1fr);gap:4px 16px}
  .lr p{grid-column:2}
  .lr small{grid-column:2;text-align:left}
  .lr b{grid-column:2;grid-row:1}
  .lr time{grid-row:1/4}
}
@media (max-width:820px){
  .shero{padding:60px 0 40px}
  .facts{grid-template-columns:1fr 1fr}
  .facts div{padding:14px 14px}
  .facts b{font-size:26px}
  .watch{margin-left:-8px;margin-right:-8px}
  .wh{padding:12px}
  .wl{width:100%}
  .chipb{height:30px;padding:0 11px;font-size:11.5px}
  .lr{grid-template-columns:1fr;padding:14px 14px}
  .lr time,.lr b,.lr p,.lr small{grid-column:1;grid-row:auto}
  .lr:first-child time::after{display:inline-block;margin:0 0 0 10px}
  .lr p{font-size:14.5px}
  .rank{padding:28px 10px 22px;margin-left:-8px;margin-right:-8px}
  .rings{gap:8px}
  .rg.on{transform:scale(1.16)}
  .rg span{font-size:9px;letter-spacing:.06em}
  .rinfo{margin-top:52px;gap:10px}
  .rstats{gap:14px 18px}
  .rstats b{font-size:24px}
  .arr{width:38px;height:38px}
}
@media (prefers-reduced-motion:reduce){.rg{transition:none}}