.slope{--slope-up:#b5901f;--slope-down:#c25a86;--slope-even:#7d7262;border:1px solid var(--char-line);border-radius:var(--radius);background:linear-gradient(180deg, #5e16201a, transparent 45%), var(--night-raised);box-shadow:var(--shadow-plate);padding:clamp(1.5rem,3.5vw,2.5rem)}.slope__head{gap:.9rem;margin-bottom:1.75rem;display:grid}.slope__title{font-family:var(--font-display);color:var(--cream);margin:0;font-size:clamp(1.3rem,1.1rem + .9vw,1.75rem);line-height:1.15}.slope__summary{max-width:56ch;color:var(--muted);margin:0;font-size:.92rem;line-height:1.6}.slope__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,2.5vw,1.75rem);margin:0 0 1.75rem;padding:0;list-style:none;display:grid}.slope__stats li{border-left:1px solid var(--char-line);gap:.45rem;padding-left:clamp(.7rem,2vw,1.1rem);display:grid}.slope__figure{font-family:var(--font-display);color:var(--brass-light);font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);line-height:.95}.slope__label{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:clamp(.54rem,.5rem + .18vw,.62rem);font-weight:500;line-height:1.3}.slope__legend{flex-wrap:wrap;gap:.75rem 1.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.slope__legend li{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);align-items:center;gap:.5rem;font-size:.64rem;font-weight:500;display:inline-flex}.slope__swatch{background:var(--swatch,var(--slope-even));border-radius:2px;width:.85rem;height:.25rem}.slope__chart{width:100%;height:auto;display:none;overflow:visible}.slope__col-head{font-family:var(--font-body);letter-spacing:.22em;text-transform:uppercase;fill:var(--brass);font-size:11px;font-weight:500}.slope__name{font-family:var(--font-display);fill:var(--parchment);font-size:13.5px}.slope__rank{font-family:var(--font-display);fill:var(--cream);font-size:10.5px}.slope__line{fill:none;stroke-width:2px;stroke-linecap:round}.slope__node{fill:var(--night-raised);stroke-width:1.5px}.slope__row{transition:opacity .25s var(--ease)}.slope__chart:hover .slope__row{opacity:.22}.slope__chart .slope__row:hover{opacity:1}.slope__row--up .slope__line,.slope__row--up .slope__node{stroke:var(--slope-up)}.slope__row--down .slope__line,.slope__row--down .slope__node{stroke:var(--slope-down)}.slope__row--even .slope__line,.slope__row--even .slope__node{stroke:var(--slope-even)}.slope__list{gap:0;margin:0;padding:0;list-style:none;display:grid}.slope__item{border-bottom:1px solid #2a211dcc;grid-template-columns:1fr;align-items:center;gap:.5rem 1rem;padding-block:.85rem;display:grid}@media (width>=480px){.slope__item{grid-template-columns:1fr auto}}.slope__item:last-child{border-bottom:0}.slope__item-name{font-family:var(--font-display);color:var(--cream);font-size:1.02rem;line-height:1.25}.slope__item-move{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.6rem;font-weight:500;display:flex}.slope__pill{min-width:1.75rem;font-family:var(--font-display);letter-spacing:0;border:1px solid;border-radius:100px;place-items:center;padding:.2rem .4rem;font-size:.8rem;display:inline-grid}.slope__item--up .slope__pill{color:var(--slope-up)}.slope__item--down .slope__pill{color:var(--slope-down)}.slope__item--even .slope__pill{color:var(--slope-even)}@media (width>=720px){.slope__chart{display:block}.slope__list{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.page-rankings .head{text-align:center;justify-items:center;gap:1.1rem;padding-block:clamp(3rem,8vw,6rem) clamp(2rem,5vw,3.5rem);display:grid}.page-rankings .head h1{margin-top:.4rem}.page-rankings .head__lede{max-width:44ch;font-family:var(--font-display);color:var(--parchment);margin:0;font-size:clamp(1.05rem,.95rem + .5vw,1.3rem)}.page-rankings .head__split{max-width:52ch;color:var(--muted);margin:.5rem 0 0;font-size:.95rem}.page-rankings .head__split strong{color:var(--brass-light);font-weight:400}.page-rankings .head__pending{max-width:52ch;font-family:var(--font-display);color:var(--muted-dim);margin:0;font-size:.95rem;font-style:italic}.page-rankings .boards{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:clamp(1.75rem,4vw,3rem);display:grid}.page-rankings .board{border:1px solid var(--char-line);border-radius:var(--radius);background:linear-gradient(180deg, #5e16201f, transparent 40%), var(--night-raised);box-shadow:var(--shadow-plate);padding:clamp(1.5rem,3.5vw,2.5rem)}.page-rankings .board__head{gap:1.1rem;margin-bottom:.75rem;display:grid}.page-rankings .board__head h2{font-size:clamp(1.5rem,1.25rem + 1vw,2rem)}.page-rankings .board__list{counter-reset:rank;margin:0;padding:0;list-style:none}.page-rankings .board__list li{border-bottom:1px solid #2a211dcc}.page-rankings .board__list li:last-child{border-bottom:0}.page-rankings .board__list a{color:inherit;transition:transform .3s var(--ease);grid-template-columns:auto 1fr;align-items:center;gap:1.1rem;padding-block:1.05rem;text-decoration:none;display:grid}.page-rankings .board__list a:hover{transform:translate(5px)}.page-rankings .rank{width:2.4rem;height:2.4rem;font-family:var(--font-display);color:var(--muted);transition:border-color .3s var(--ease), color .3s var(--ease);border:1px solid #c9a2274d;border-radius:50%;flex:none;place-items:center;font-size:.92rem;display:grid}.page-rankings .board__list a:hover .rank{border-color:var(--brass);color:var(--brass-light)}.page-rankings .is-first .rank{border-color:var(--brass);color:var(--night);background:linear-gradient(145deg, var(--brass-light), var(--brass-deep));box-shadow:0 0 18px #c9a22759}.page-rankings .entry{gap:.25rem;display:grid}.page-rankings .entry__name{font-family:var(--font-display);color:var(--cream);transition:color .3s var(--ease);font-size:clamp(1.05rem,1rem + .35vw,1.25rem);line-height:1.25}.page-rankings .board__list a:hover .entry__name{color:var(--brass-light)}.page-rankings .entry__place{text-transform:uppercase;letter-spacing:.2em;color:var(--muted-dim);font-size:.62rem;font-weight:500}
