.csRoot .bgHub{position:relative;isolation:isolate;box-sizing:border-box;width:100%;min-height:100dvh;padding:18px 16px 56px;background:var(--csPanel);color:var(--csInk)}@media (min-width:640px){.csRoot .bgHub{padding:28px 24px 72px}}.csRoot .bgHubBody{position:relative;z-index:1;display:flex;flex-direction:column;max-width:1200px;margin:0 auto;container:bghub/inline-size}.csRoot .bgHubHero{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:16px;margin-bottom:28px}.csRoot .bgHubHero>.csPanel{display:flex;flex-direction:column;gap:16px;min-width:0;padding:16px}.csRoot .bgHubAction{margin-top:auto}.csRoot .bgHubKeySlot{min-height:51px}.csRoot .bgHubProfile{min-width:0;container:bgprofile/inline-size}.csRoot .bgHubResults{display:grid;grid-template-columns:minmax(0,1fr);-moz-column-gap:20px;column-gap:20px}.csRoot .bgHubResultCol{margin:0;padding:0;list-style:none}.csRoot .bgHubResult+.bgHubResult,.csRoot .bgHubResultCol+.bgHubResultCol{border-top:1px solid var(--csLine)}.csRoot .bgHubResultLink{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;-moz-column-gap:12px;column-gap:12px;min-height:52px;padding:6px 8px 6px 4px;border-radius:var(--csRadRead);color:var(--csInk);text-decoration:none;transition:background-color var(--csTintMs) var(--csEase)}@media (hover:hover){.csRoot .bgHubResultLink:hover{background:var(--csPanelHi)}}.csRoot .bgHubResultLink:focus{outline:none}.csRoot .bgHubResultLink:focus-visible{outline:var(--csFocusW) solid var(--csAmberHi);outline-offset:calc(var(--csFocusGap) * -1)}.csRoot .bgHubResultArt{display:block;width:40px;height:40px;overflow:hidden;border-radius:var(--csRadRead);background:var(--csWell);border:1px solid var(--csWellEdge);box-shadow:var(--csCutShadow)}.csRoot .bgHubResultArt .bgCardImg{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.csRoot .bgHubResultName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;line-height:var(--csLeadTitle);color:var(--csInk)}.csRoot .bgHubResultLink[data-hold="1"]{cursor:default}.csRoot .bgHubResult .bgHubRank:not([data-band=hold]){animation:bgHubSlide calc(var(--csEnterMs) * 2) var(--csEaseOut) both;animation-delay:calc(var(--csKeyMs) * .5 * var(--bgHubI))}.csRoot .bgHubResult[data-played="0"] .bgHubResultArt .bgCardImg{filter:var(--csArtSpent)}.csRoot .bgHubResult[data-played="0"] .bgHubResultName{color:var(--csInkMeta)}.csRoot .bgHubRank{--bgHubRankInk:var(--csInkBody);display:inline-flex;flex:none;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;min-height:25px;white-space:nowrap}.csRoot .bgHubRank[data-band=none]{min-width:24px;align-items:center;font-size:15px;font-weight:600;color:var(--csInkDim)}.csRoot .bgHubRankLine{display:inline-flex;align-items:baseline;height:18px;font-family:var(--csMono);font-variant-numeric:tabular-nums;line-height:var(--csLeadFlat)}.csRoot .bgHubRankNum{font-size:15px;font-weight:700;color:var(--bgHubRankInk)}.csRoot .bgHubRankOf{font-size:12px;font-weight:600;color:var(--csInkMeta)}.csRoot .bgHubRankTrack{position:relative;width:72px;height:3px;border-radius:2px;background:color-mix(in srgb,var(--csInkDim) 55%,transparent)}.csRoot .bgHubRankDot{position:absolute;top:-2.5px;left:calc(var(--bgHubPlace) * (100% - 8px));width:8px;height:8px;border-radius:4px;background:var(--bgHubRankInk)}.csRoot .bgHubRank[data-band=elite],.csRoot .bgHubRank[data-band=medal]{--bgHubRankInk:var(--csAmberText)}.csRoot .bgHubRank[data-band=elite] .bgHubRankNum{text-shadow:0 0 10px color-mix(in srgb,var(--csAmber) 45%,transparent)}.csRoot .bgHubRank[data-band=good]{--bgHubRankInk:var(--csSuccess)}.csRoot .bgHubRank[data-band=poor]{--bgHubRankInk:color-mix(in srgb,var(--csDanger) 70%,var(--csInkBody))}.csRoot .bgHubRank[data-band=low]{--bgHubRankInk:var(--csDanger)}.csRoot .bgHubBoard{min-width:0}.csRoot .bgHubHead{display:flex;align-items:center;gap:8px;min-width:0;min-height:41px}.csRoot .bgHubHeadIcon{flex:none;width:32px;height:32px}.csRoot .bgHubHeadTitle{flex:1;min-width:0;margin:0;font-family:var(--csDisplay);font-size:20px;font-weight:700;line-height:var(--csLeadTitle);color:var(--csInk)}.csRoot .bgHubBoardEmpty{display:grid;flex:1;place-items:center}.csRoot .bgHubBoardTodo{display:flex;align-items:center;gap:10px;margin:0;padding:0 10px;min-height:50px;font-size:14px;font-weight:600;line-height:var(--csLeadBody);color:var(--csInkBody)}.csRoot .bgHubBoardTodoCount{flex:none;min-width:32px;font-size:15px;font-weight:700;color:var(--csAmberText)}.csRoot .bgHubSeeAllHold{display:flex;flex:none}.csRoot .bgHubGames{display:flex;flex-direction:column;gap:28px}.csRoot .bgHubShelfHead{position:relative;z-index:2;display:flex;align-items:center;gap:6px;margin:0 0 12px;animation:bgHubRise calc(var(--csEnterMs) * 2) var(--csEaseOut) both}.csRoot .bgHubShelfTitle{margin:0;font-family:var(--csDisplay);font-size:20px;font-weight:700;line-height:var(--csLeadTitle);color:var(--csInk)}.csRoot .bgHubShelfTip{display:flex;flex:none}.csRoot .bgHubShelfInfo{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 .bgHubShelfInfo:before{content:"";position:absolute;inset:-8px}.csRoot .bgHubShelfInfo:hover,.csRoot .bgHubShelfTip[data-open="1"] .bgHubShelfInfo{color:var(--csInk)}.csRoot .bgHubShelfInfo:focus{outline:none}.csRoot .bgHubShelfInfo:focus-visible{outline:var(--csFocusW) solid var(--csAmberHi);outline-offset:var(--csFocusGap)}.csRoot .bgHubShelfTip .csTip:focus-within:not(:hover):not(:has(:focus-visible)) .csTipBubble{opacity:0;visibility:hidden}.csRoot .bgHubShelfTip[data-open="1"] .csTip .csTipBubble{opacity:1;visibility:visible}.csRoot .bgHubGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.csRoot .bgHubGridItem{display:flex;min-width:0;animation:bgHubRise calc(var(--csEnterMs) * 2) var(--csEaseOut) both;animation-delay:calc(var(--csKeyMs) * .7 * var(--bgHubI))}.csRoot .csKey.bgHubCard{--bgHubZoom:1;position:relative;flex:1;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:6px 6px 8px;color:var(--csInk);text-decoration:none}.csRoot .bgHubStage{--bgStageFloor:color-mix(in srgb,var(--csWell),var(--csInk) 5%);--bgStagePool:color-mix(in srgb,var(--csWell),var(--csInk) 12%);--bgStageCore:color-mix(in srgb,var(--csWell),var(--csInk) 19%);--bgStageDot:6px;position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:var(--csRadRead);background:linear-gradient(to bottom,var(--csWell) 75%,var(--bgStageFloor) 75%);border:1px solid var(--csWellEdge);box-shadow:var(--csCutShadow);transition:border-color var(--csTintMs) var(--csEase)}.csRoot .bgHubStage:before{content:"";position:absolute;inset:0 0 25%;background:repeating-conic-gradient(var(--bgStageFloor) 0 25%,transparent 0 50%) 0 0 /var(--bgStageDot) var(--bgStageDot);clip-path:polygon(40% 0,60% 0,84% 100%,16% 100%);-webkit-mask-image:linear-gradient(to bottom,transparent,var(--csInk));mask-image:linear-gradient(to bottom,transparent,var(--csInk))}.csRoot .bgHubStage:after{content:"";position:absolute;left:12%;right:12%;bottom:3%;height:20%;background:radial-gradient(closest-side,var(--bgStageCore) 45%,var(--bgStagePool) 45% 75%,transparent 75%),repeating-conic-gradient(var(--bgStagePool) 0 25%,transparent 0 50%) 0 0 /var(--bgStageDot) var(--bgStageDot);-webkit-mask-image:radial-gradient(closest-side,var(--csInk) 88%,transparent 88%);mask-image:radial-gradient(closest-side,var(--csInk) 88%,transparent 88%)}.csRoot .bgHubCardArt{position:absolute;inset:0;z-index:1;transform:scale(var(--bgHubZoom));transition:transform var(--csEnterMs) var(--csEaseSnap)}.csRoot .bgHubCardArt .bgCardImg{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.csRoot .bgCardImg{image-rendering:pixelated}.csRoot .bgHubCardFoot{display:flex;flex:1;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 2px;text-align:center}.csRoot .bgHubCardName{min-width:0;font-family:var(--csDisplay);font-size:16px;font-weight:700;line-height:var(--csLeadTitle)}.csRoot .bgHubCardRank{display:flex;justify-content:center;margin-top:auto}.csRoot .bgHubCardRank .bgHubRank{align-items:center}.csRoot .bgHubCardRank .bgHubRank:not([data-band=hold]){animation:bgHubPop calc(var(--csEnterMs) * 2) var(--csEaseHinge) both;animation-delay:calc(var(--csKeyMs) * var(--bgHubI))}@media (hover:hover){.csRoot .csKey.bgHubCard[data-live="1"]:hover{--csDepth:10px;--bgHubZoom:1.07;margin-top:-4px}.csRoot .bgHubCard:hover .bgHubCardScreen{border-color:var(--csAmberLine)}}.csRoot .bgHubCard:focus-visible .bgHubCardScreen{border-color:var(--csAmberLine)}.csRoot .csKey.bgHubCard[data-live="1"]:active{margin-top:5px}@container bghub (min-width: 600px){.csRoot .bgHubGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.csRoot .bgHubCardName{font-size:17px}}@container bghub (min-width: 680px){.csRoot .bgHubHero{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}.csRoot .bgHubBoardFit{flex:1 1 0;min-height:0;overflow:hidden;contain:size}}@container bghub (min-width: 820px){.csRoot .bgHubGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}@container bghub (min-width: 1060px){.csRoot .bgHubGrid{grid-template-columns:repeat(5,minmax(0,1fr))}}@container bgprofile (min-width: 540px){.csRoot .bgHubResults{grid-template-columns:repeat(2,minmax(0,1fr))}.csRoot .bgHubResultCol+.bgHubResultCol{border-top:0}}@container bghub (max-width: 559.98px){.csRoot .bgHubGames{order:1}.csRoot .bgHubHero{order:2;margin:28px 0 0}.csRoot .bgHubKeySlot:empty{display:none}.csRoot .bgHubCard .bgHubStage{aspect-ratio:4/3}}@keyframes bgHubRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes bgHubSlide{0%{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}@keyframes bgHubPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}