.leaderboard-page{--nib-d:20px;--title-nib-half:calc(var(--title-width) / 2);--title-nib-outer:calc(var(--title-nib-half) + var(--nib-d));--leaderboard-seam-width:15px;--nib-half:calc(var(--title-nib-half) - var(--leaderboard-seam-width) / 2);--nib-outer:calc(var(--nib-half) + var(--nib-d));min-width:0}.leaderboard-stage{z-index:10;top:var(--title-height);right:var(--gutter);bottom:calc(var(--footer-height) + var(--gutter));left:var(--gutter);grid-template-columns:minmax(0, 1fr) var(--leaderboard-seam-width) minmax(0, 1fr);transition:grid-template-columns .56s var(--ease-snappy);display:grid;position:absolute}.leaderboard-mass{--paper-frame-fill:var(--page);transition:clip-path .56s var(--ease-snappy)}.leaderboard-mass>.paper-slanted-frame__surface{transition:clip-path .56s var(--ease-snappy), background .24s var(--ease-snappy)}.leaderboard-stage .leaderboard-mass--table{--paper-frame-clip:polygon(var(--bevel-large) 0, calc(100% - var(--nib-outer)) 0, calc(100% - var(--nib-half)) var(--nib-d), 100% var(--nib-d), 100% calc(100% - var(--bevel-large)), calc(100% - var(--bevel-large)) 100%, var(--bevel-large) 100%, 0 calc(100% - var(--bevel-large)), 0 var(--bevel-large));--paper-frame-inner-clip:polygon(calc(var(--bevel-large) - var(--paper-frame-inset)) 0, calc(100% - var(--nib-outer) + var(--paper-frame-inset)) 0, calc(100% - var(--nib-half) + var(--paper-frame-inset)) var(--nib-d), 100% var(--nib-d), 100% calc(100% - var(--bevel-large) + var(--paper-frame-inset)), calc(100% - var(--bevel-large) + var(--paper-frame-inset)) 100%, calc(var(--bevel-large) - var(--paper-frame-inset)) 100%, 0 calc(100% - var(--bevel-large) + var(--paper-frame-inset)), 0 calc(var(--bevel-large) - var(--paper-frame-inset)))}.leaderboard-stage .leaderboard-mass--colosseum{--paper-frame-clip:polygon(0 var(--nib-d), var(--nib-half) var(--nib-d), var(--nib-outer) 0, calc(100% - var(--bevel-large)) 0, 100% var(--bevel-large), 100% calc(100% - var(--bevel-large)), calc(100% - var(--bevel-large)) 100%, var(--bevel-large) 100%, 0 calc(100% - var(--bevel-large)));--paper-frame-inner-clip:polygon(0 var(--nib-d), calc(var(--nib-half) - var(--paper-frame-inset)) var(--nib-d), calc(var(--nib-outer) - var(--paper-frame-inset)) 0, calc(100% - var(--bevel-large) + var(--paper-frame-inset)) 0, 100% calc(var(--bevel-large) - var(--paper-frame-inset)), 100% calc(100% - var(--bevel-large) + var(--paper-frame-inset)), calc(100% - var(--bevel-large) + var(--paper-frame-inset)) 100%, calc(var(--bevel-large) - var(--paper-frame-inset)) 100%, 0 calc(100% - var(--bevel-large) + var(--paper-frame-inset)));--paper-frame-fill:var(--canvas)}.leaderboard-mass__inner{background:var(--page);width:100%;height:100%}.leaderboard-mass--table[data-picking=true]>.leaderboard-mass__inner{background:var(--wash)}.leaderboard-mass--colosseum .leaderboard-mass__inner{background:var(--canvas)}.leaderboard-seam{width:var(--leaderboard-seam-width)}.leaderboard-table-panel{flex-direction:column;height:100%;min-height:0;padding:clamp(14px,3.5vh,28px) clamp(20px,2.25vw,36px);animation:.64s ease-out .12s both veil-in;display:flex}.leaderboard-table-panel[data-expanded=true]{padding-bottom:0}.leaderboard-tabs{flex:none;gap:clamp(6px,.6vw,9px);padding-bottom:clamp(10px,2.5vh,20px);display:flex}.leaderboard-tabs button{outline:var(--hair) solid var(--ink);outline-offset:calc(-1 * var(--hair));height:30px;color:var(--ink);letter-spacing:.16em;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0 17px;font-size:11px;font-weight:800}.leaderboard-tab-frame{--paper-frame-width:var(--hair);--paper-frame-clip:polygon(11px 0, 100% 0, 100% 100%, 0 100%, 0 11px);--paper-frame-inner-clip:polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);--paper-frame-fill:var(--page);height:30px;display:block}.leaderboard-tab-frame[data-active=true]{--paper-frame-fill:var(--ink)}.leaderboard-tab-frame>button{background:var(--paper-frame-fill);height:100%;color:var(--ink);outline:0}.leaderboard-tab-frame[data-active=true]>button,.leaderboard-tabs>button[data-active=true]{background:var(--ink);color:var(--page)}.leaderboard-search.paper-underline-field{--paper-underline-gap:9px;flex:none;align-items:center}.leaderboard-search .paper-underline-field__leading{align-items:center;margin-right:11px;padding-bottom:0;display:flex}.leaderboard-search svg{fill:none;stroke:currentColor;stroke-width:2.2px;flex:none;width:15px;height:15px}.leaderboard-search .paper-underline-field__control{color:var(--ink);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:700}.leaderboard-search .paper-underline-field__control::placeholder{color:rgb(var(--ink-rgb) / .35)}.leaderboard-search .paper-underline-field__trailing{margin-left:11px}.leaderboard-search button{color:var(--ink);letter-spacing:.22em;cursor:pointer;background:0 0;border:0;padding:0;font-size:9.5px;font-weight:700}.leaderboard-scroll{flex:1;min-height:0;overflow:hidden}.leaderboard-table-panel[data-expanded=true] .leaderboard-scroll{overflow:auto}.leaderboard-table{table-layout:fixed;border-collapse:collapse;width:100%;color:var(--ink);text-align:left}.leaderboard-col-rank{width:78px}.leaderboard-col-elo{width:118px}.leaderboard-col-win{width:116px}.leaderboard-col-votes{width:78px}.leaderboard-table thead{z-index:8;background:var(--page);transition:background .24s var(--ease-snappy);position:sticky;top:0}.leaderboard-table-panel[data-picking=true] .leaderboard-table thead{background:var(--wash)}.leaderboard-table th{border-bottom:var(--hair) solid var(--ink);height:38px;color:var(--ink);letter-spacing:.22em;padding:0 12px 0 0;font-size:9.5px;font-weight:700}.leaderboard-table th:first-child{padding-left:22px}.leaderboard-table th button{width:100%;height:38px;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;display:flex}.leaderboard-table th:nth-last-child(-n+3) button{justify-content:flex-end}.leaderboard-table th i{opacity:0;font-style:normal}.leaderboard-table th i[data-visible=true]{opacity:1}.leaderboard-table tbody tr{border-bottom:var(--hair) solid var(--ink);height:clamp(44px,7vh,68px);animation:leaderboard-row-in .36s var(--ease-out-soft) var(--row-delay) both;cursor:default;transition:background .16s,color .16s}.leaderboard-table tbody tr[data-selectable=true]{cursor:pointer}.leaderboard-table tbody tr:hover,.leaderboard-table tbody tr:focus-visible,.leaderboard-table tbody tr[data-selected=true]{background:var(--ink);color:var(--page);outline:none!important}.leaderboard-table td{vertical-align:middle;padding:0 12px 0 0}.leaderboard-table td:first-child{padding-left:22px}.leaderboard-rank{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:27px;font-weight:800}.leaderboard-model{align-items:center;gap:14px;min-width:0;display:flex}.leaderboard-mark{flex:none;place-items:center;width:30px;height:30px;display:grid}.leaderboard-mark b{letter-spacing:.06em;font-size:9.5px;font-weight:800}.leaderboard-model>span:last-child{flex-direction:column;gap:5px;min-width:0;display:flex}.leaderboard-model strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:800;line-height:1;overflow:hidden}.leaderboard-model small{letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:700;line-height:1}.leaderboard-elo{justify-content:flex-end;align-items:baseline;gap:9px;display:flex}.leaderboard-elo strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:21px;font-weight:800}.leaderboard-elo small{width:42px;color:rgb(var(--fall-rgb));letter-spacing:.1em;font-size:10px;font-weight:700}.leaderboard-elo small[data-rise=true]{color:rgb(var(--rise-rgb))}.leaderboard-table tbody tr:hover .leaderboard-elo small,.leaderboard-table tbody tr:focus-visible .leaderboard-elo small,.leaderboard-table tbody tr[data-selected=true] .leaderboard-elo small{color:inherit}.leaderboard-win{justify-content:flex-end;align-items:center;gap:10px;display:flex}.leaderboard-win>i{flex:none;width:56px;height:3px;display:block;box-shadow:inset 0 0 0 1px}.leaderboard-win b{background:currentColor;height:100%;display:block}.leaderboard-win strong,.leaderboard-votes{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.leaderboard-votes{text-align:right}.leaderboard-empty{text-align:center;letter-spacing:.22em;margin:0;padding:44px 0;font-size:10.5px;font-weight:700}.leaderboard-more{flex:none;justify-content:center;align-items:flex-end;min-height:clamp(42px,8vh,66px);padding-top:clamp(8px,2vh,18px);display:flex}.leaderboard-more button{outline:var(--hair) solid var(--ink);outline-offset:calc(-1 * var(--hair));color:var(--ink);letter-spacing:.22em;cursor:pointer;background:0 0;border:0;padding:11px 26px;font-size:10.5px;font-weight:700}.leaderboard-mass__inner--canvas{position:relative;overflow:hidden}.colosseum-canvas{position:absolute;inset:0}.colosseum-canvas canvas{cursor:default;touch-action:none}.colosseum-label{background:var(--ink);color:var(--page);font-family:var(--font-anybody);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;outline:var(--hair) solid transparent;outline-offset:0;transition:outline-color .16s ease, outline-offset .24s var(--ease-snappy);align-items:center;padding:5px 9px;font-size:12.5px;font-weight:700;line-height:1;display:flex;transform:translateY(-50%)}.colosseum-label[data-active=true]{outline-color:var(--ink);outline-offset:2px}.leaderboard-projection{--projection-plate:clamp(44px, 7vh, 68px);z-index:2;background:var(--ink);color:var(--page);clip-path:inset(0 0 0 100%);pointer-events:none;transition:clip-path .28s var(--ease-exit);position:absolute;inset:0}.leaderboard-projection[data-visible=true]{clip-path:inset(0);transition:clip-path .52s var(--ease-snappy)}.leaderboard-projection__scene{inset:0 0 var(--projection-plate);position:absolute;overflow:hidden}.leaderboard-projection__scene img{object-fit:cover;filter:grayscale();opacity:0;transition:opacity .22s ease, transform .28s var(--ease-exit);transform:translate(6%)scale(1.06)}.leaderboard-projection__scene img[data-active=true]{opacity:1}.leaderboard-projection[data-visible=true] .leaderboard-projection__scene img{transition:opacity .22s ease, transform .9s var(--ease-snappy);transform:none}.leaderboard-projection__plate{height:var(--projection-plate);padding:0 calc(var(--bevel-large) + 14px);align-items:center;gap:18px;display:flex;position:absolute;bottom:0;left:0;right:0}.leaderboard-projection__plate .leaderboard-model{flex:1}@keyframes leaderboard-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-height:1200px) and (min-width:821px){.leaderboard-table-panel{padding:clamp(12px,2.8vh,22px) clamp(18px,2vw,30px)}.leaderboard-tabs{padding-bottom:clamp(8px,2vh,14px)}.leaderboard-table tbody tr{height:clamp(42px,6.2vh,58px)}}@media (max-width:1380px){.leaderboard-table-panel{padding-left:clamp(18px,2vw,24px);padding-right:clamp(18px,2vw,24px)}.leaderboard-col-win,.leaderboard-col-votes,.leaderboard-table th:nth-last-child(-n+2),.leaderboard-table td:nth-last-child(-n+2){display:none}}@media (max-height:620px) and (min-width:821px){.leaderboard-tabs button{height:26px;font-size:9px}.leaderboard-tab-frame{height:26px}.leaderboard-search{padding-bottom:6px}.leaderboard-search input{font-size:10px}.leaderboard-table th,.leaderboard-table th button{height:30px}.leaderboard-model{gap:8px}.leaderboard-model strong{font-size:14px}.leaderboard-model small{font-size:8px}.leaderboard-rank{font-size:22px}.leaderboard-elo strong{font-size:17px}}@media (max-width:820px){.leaderboard-page{min-width:0}.leaderboard-stage{flex-direction:column;gap:15px;margin:174px 16px 28px;display:flex;position:relative;inset:auto}.leaderboard-mass,.leaderboard-stage .leaderboard-mass--table,.leaderboard-stage .leaderboard-mass--colosseum{--paper-frame-cut:24px;--paper-frame-clip:var(--paper-octagonal-clip);--paper-frame-inner-clip:var(--paper-octagonal-inner-clip);width:100%}.leaderboard-mass--table{height:680px}.leaderboard-mass--colosseum{height:520px}.leaderboard-seam{display:none}.leaderboard-table-panel{padding:24px 18px}.leaderboard-col-rank{width:58px}.leaderboard-col-elo{width:96px}.leaderboard-table th:first-child,.leaderboard-table td:first-child{padding-left:10px}.leaderboard-model{gap:8px}.leaderboard-model strong{font-size:14px}.leaderboard-mark{width:24px;height:24px}}