@layer components{.ch{--_s:2.75rem;inline-size:var(--_s);block-size:var(--_s);font-family:var(--font-mono);font-size:calc(var(--_s) * .36);letter-spacing:-.04em;color:var(--text-1);background-color:var(--surface-3);clip-path:var(--clip-chamfer);flex:none;place-items:center;font-weight:600;display:inline-grid}.ch[data-size=sm]{--_s:2rem;--chamfer:5px}.ch[data-size=lg]{--_s:4rem;--chamfer:9px}.ch[data-digits="3"]{font-size:calc(var(--_s) * .27)}.ch[data-top]{color:var(--bg);background-color:var(--text-1)}@media (forced-colors:active){.ch{clip-path:none;border:1px solid canvastext}}.move{font-family:var(--font-mono);font-size:var(--step-n2);white-space:nowrap;color:var(--text-3);align-items:center;gap:.15em;font-weight:600;display:inline-flex}.move .icon{--_s:1rem;stroke-width:2.25px}.move[data-dir=up]{color:var(--success)}.move[data-dir=down]{color:var(--danger)}.conf{align-items:center;gap:var(--space-2);font-size:var(--step-n1);color:var(--text-2);white-space:nowrap;display:inline-flex}.conf__meter{gap:2px;display:inline-flex}.conf__meter>span{background-color:var(--signal-empty);border-radius:1px;block-size:.375rem;inline-size:.625rem}.conf[data-level="1"] .conf__meter>span:nth-child(-n+1),.conf[data-level="2"] .conf__meter>span:nth-child(-n+2),.conf[data-level="3"] .conf__meter>span{background-color:var(--text-2)}@media (forced-colors:active){.conf__meter>span{background-color:canvas;border:1px solid canvastext}.conf[data-level="1"] .conf__meter>span:nth-child(-n+1),.conf[data-level="2"] .conf__meter>span:nth-child(-n+2),.conf[data-level="3"] .conf__meter>span{background-color:canvastext}}.rank-board{container:rank/inline-size}.rank-list{gap:var(--space-2);display:grid}.rank-list__head{display:none}.rank-row{align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-3);background-color:var(--surface-1);border:1px solid var(--border-1);border-radius:var(--radius-3);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);grid-template-columns:2.75rem minmax(0,1fr) auto;grid-template-areas:"ch id score""move rating score"".conf conf";display:grid;position:relative}.rank-row>.ch{grid-area:ch}.rank-row>.move{grid-area:move;justify-self:center}.rank-row__id{grid-area:id;min-inline-size:0}.rank-row__rating{grid-area:rating}.rank-row>.conf{grid-area:conf}.rank-row>:is(.dial,.score,.badge){grid-area:score;justify-self:end}.rank-row__go{color:var(--text-3);grid-area:go;display:none}.rank-row__name{font-size:var(--step-1);line-height:var(--lh-ui)}.rank-row__name a{color:var(--text-1);text-decoration:none}.rank-row__name a:after{content:"";z-index:var(--z-raised);border-radius:var(--radius-3);position:absolute;inset:0}.rank-row__name a:focus-visible{outline:none}.rank-row__name a:focus-visible:after{outline:var(--focus-width) solid var(--focus);outline-offset:2px}.rank-row:hover{border-color:var(--border-control);box-shadow:var(--shadow-1)}.rank-row:hover .rank-row__name a{text-underline-offset:.18em;text-decoration:underline}.rank-row__tags{font-size:var(--step-n1);color:var(--text-2);flex-wrap:wrap;margin-block-start:2px;display:flex}.rank-row__tags>span+span:before{content:"·";content:"·" / "";color:var(--text-3);padding-inline:.5em}.rank-row[data-state=held]{border-style:dashed;border-color:var(--warn)}@container rank (width>=48rem){.rank-list__head,.rank-row{column-gap:var(--space-4);grid-template-columns:3rem 3.5rem minmax(0,1fr) 11rem 10rem 3.5rem 1.25rem;grid-template-areas:"ch move id rating conf score go"}.rank-list__head{padding:0 calc(var(--space-3) + 1px) var(--space-2);font-family:var(--font-mono);font-size:var(--step-n2);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--text-2);font-weight:500;display:grid}.rank-list__head>span:nth-child(6){justify-self:end}.rank-row>.move{justify-self:start}.rank-row__go{display:block}}.rank-list[data-density=compact]{gap:0}.rank-list[data-density=compact] .rank-row{padding:var(--space-2) 0;border:0;border-block-end:1px solid var(--border-1);box-shadow:none;background:0 0;border-radius:0;grid-template-columns:2rem 2.5rem minmax(0,1fr) auto;grid-template-areas:"ch move id score"}.rank-list[data-density=compact] .rank-row__name{font-size:var(--step-0)}.rank-list[data-density=compact] :is(.rank-row__rating,.conf,.rank-row__tags,.rank-row__go){display:none}.rank-list[data-density=compact] .rank-row>.move{justify-self:start}}