.csRoot .bgRanks{--bgRankLine:var(--csLine);--bgRankHi:var(--csPanelHi);--bgRankBg:var(--csPanel);--bgRankHeadH:32px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;-moz-column-gap:12px;column-gap:12px;margin:0;padding:0;list-style:none;min-width:0}.csRoot .csPanel[data-raised="1"] .bgRanks{--bgRankLine:var(--csEdge);--bgRankHi:var(--csFaceHi);--bgRankBg:var(--csFace)}.csRoot .bgRanks[data-extra="1"]{grid-template-columns:32px minmax(0,1fr) auto minmax(4ch,auto)}.csRoot .bgRankGap,.csRoot .bgRankHead,.csRoot .bgRankRow{display:grid;grid-column:1/-1;grid-template-columns:subgrid;align-items:center;padding:0 10px}.csRoot .bgRankHead{height:var(--bgRankHeadH);box-sizing:border-box;border-bottom:1px solid var(--bgRankLine);background:var(--bgRankBg);font-size:12px;font-weight:600;line-height:var(--csLeadTitle);color:var(--csInkMeta);white-space:nowrap}.csRoot .bgRankHead>span:nth-child(n+3){text-align:right}.csRoot .bgRankHeadRank{text-align:center;font-family:var(--csMono)}.csRoot .bgRankRow{height:48px;box-sizing:border-box;border-radius:var(--csRadRead);transition:background-color var(--csTintMs) var(--csEase);animation:bgRanksIn calc(var(--csEnterMs) * 2) var(--csEaseOut) both;animation-delay:calc(var(--csKeyMs) * var(--bgRankI, 0))}.csRoot .bgRankRow+.bgRankRow{border-top:1px solid var(--bgRankLine);border-top-left-radius:0;border-top-right-radius:0}@media (hover:hover){.csRoot .bgRankRow:hover{background:var(--bgRankHi)}}.csRoot .bgRankRow[data-you="1"]{background:var(--csWell);border:1px solid var(--csAmberLine);border-radius:var(--csRadRead);box-shadow:var(--csCutShadow)}.csRoot .bgRankRow[data-you="1"]+.bgRankRow{border-top-color:transparent}.csRoot .bgRankRank{display:grid;place-items:center;width:32px;height:32px}.csRoot .bgRankMedal{display:block;width:32px;height:32px}.csRoot .bgRankNum{display:grid;place-items:center;box-sizing:border-box;min-width:24px;height:24px;padding:0 4px;border:1px solid var(--csWellEdge);border-radius:12px;background:var(--csWell);box-shadow:var(--csCutShadow);font-size:12px;font-weight:700;line-height:var(--csLeadFlat);font-variant-numeric:tabular-nums;color:var(--csInkBody)}.csRoot .bgRankRow[data-you="1"] .bgRankNum{border-color:var(--csAmberLine);background:var(--csAmberWell);color:var(--csAmberText)}.csRoot .bgRankWho{display:flex;align-items:baseline;gap:6px;min-width:0;overflow:hidden;white-space:nowrap}.csRoot .bgRankFace{display:flex;flex:none;align-self:center;margin-right:2px}.csRoot .bgRankName{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:var(--csLeadTitle);color:var(--csInk)}.csRoot .bgRankName[data-guest="1"]{color:var(--csInkBody)}.csRoot .bgRankRow[data-pending="1"] .bgRankName{color:var(--csAmberText)}.csRoot .bgRankTag{flex:none;font-family:var(--csMono);font-size:12px;line-height:var(--csLeadTitle);color:var(--csInkMeta)}.csRoot .bgRankExtra,.csRoot .bgRankValue{text-align:right;white-space:nowrap;font-size:14px;font-weight:700;line-height:var(--csLeadTitle);font-variant-numeric:tabular-nums;color:var(--csInk)}.csRoot .bgRankExtra{font-weight:600;color:var(--csInkMeta)}.csRoot .bgRankGap{height:18px}.csRoot .bgRankGap>span{grid-column:1/-1;justify-self:center;width:15px;border-top:3px dotted var(--csInkDim)}.csRoot .bgRankRow[data-skeleton="1"]{animation:none}.csRoot .bgRankRow[data-skeleton="1"]>.bgRankExtra,.csRoot .bgRankRow[data-skeleton="1"]>.bgRankValue{display:flex;justify-content:flex-end}@media (hover:hover){.csRoot .bgRankRow[data-skeleton="1"]:hover{background:none}}.csRoot .bgRanks[data-sticky="1"]{margin:calc(var(--csFocusW) + var(--csFocusGap))}.csRoot .bgRanks[data-sticky="1"]:focus{outline:none}.csRoot .bgRanks[data-sticky="1"]:focus-visible{outline:var(--csFocusW) solid var(--csAmberHi);outline-offset:var(--csFocusGap)}.csRoot .bgRanks[data-sticky="1"] .bgRankHead{position:sticky;top:var(--bgRankTop,0);z-index:2}.csRoot .bgRanks[data-sticky="1"] .bgRankRow[data-you="1"]{position:sticky;top:calc(var(--bgRankTop, 0px) + var(--bgRankHeadH));bottom:0;z-index:1}.csRoot .bgRanksTop,.csRoot .bgRanksTop+.bgRanks{--bgRankTop:56px}.csRoot .bgRanksTop{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:8px;box-sizing:border-box;height:var(--bgRankTop);padding-bottom:12px;background:var(--csPanel)}.csRoot .bgRanksTopIcon{flex:none;width:32px;height:32px}.csRoot .bgRanksTopTitle{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--csDisplay);font-size:18px;font-weight:700;line-height:var(--csLeadTitle);color:var(--csInk)}.csRoot .bgRanksTip{display:flex;flex:none}.csRoot .bgRanksInfo{position:relative;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:14px;background:none;color:var(--csInkMeta);cursor:help;transition:color var(--csTintMs) var(--csEase)}.csRoot .bgRanksInfo:before{content:"";position:absolute;inset:-10px}.csRoot .bgRanksInfo:hover{color:var(--csInk)}.csRoot .bgRanksInfo:focus{outline:none}.csRoot .bgRanksInfo:focus-visible{outline:var(--csFocusW) solid var(--csAmberHi);outline-offset:var(--csFocusGap)}.csRoot .bgRanksTip .csTip:focus-within:not(:hover):not(:has(:focus-visible)) .csTipBubble{opacity:0;visibility:hidden}.csRoot .bgRanksCount{flex:1;min-width:0;text-align:right;white-space:nowrap;font-size:13px;font-weight:600;line-height:var(--csLeadTitle);color:var(--csInkMeta)}.csRoot .bgRanksFoot{width:100%}.csRoot .csPanel.bgRunBoard{display:flex;flex-direction:column;gap:12px;width:100%;max-width:440px;padding:14px 12px;animation:bgRanksIn calc(var(--csEnterMs) * 2) var(--csEaseOut) both}.csRoot .bgRunBoardHead{display:flex;align-items:center;gap:8px;min-width:0;min-height:51px;padding:0 10px}.csRoot .bgRunBoardLine{flex:1;min-width:0;margin:0;font-family:var(--csDisplay);font-size:17px;font-weight:700;line-height:var(--csLeadTitle);color:var(--csInk)}@media (max-width:639.98px){.csRoot .bgRunBoardAll{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@keyframes bgRanksIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}