/* Shared anchors across menu routes. Wide content grows to the right of the same logo. */
html:has(body.at-home){scrollbar-gutter:stable}
body.at-home .home-main:not(.waiting){--menu-width:430px;display:block;padding:clamp(48px,10vh,110px) clamp(36px,6.2vw,120px) 100px;overflow:visible}
body.at-home .home-main:not(.waiting)>.home-menu{width:min(var(--menu-width),100%);max-width:100%;margin:0}
body.at-home .home-main:not(.waiting)>.home-menu:has([data-page="profile"], [data-page="history"], [data-page="leaderboard"]){--menu-width:600px}
body.at-home .home-main:not(.waiting)>.home-menu:has([data-page="admin"]){--menu-width:920px}
body.at-home .home-main:not(.waiting)>.home-menu:has([data-page="club"]){--menu-width:660px}
body.at-home .home-main:not(.waiting)>.home-menu>h1{width:min(400px,100%);max-width:100%;margin:0 0 24px;line-height:0}
body.at-home .home-main:not(.waiting) .home-logo{width:100%;height:auto;aspect-ratio:3/1}
body.at-home .home-main:not(.waiting) .home-subhead{display:flex;justify-content:flex-start;align-items:center;min-height:72px;gap:18px;margin:0 0 22px;padding:0 0 16px;box-sizing:border-box}
body.at-home .home-main:not(.waiting) .home-subhead h2{font-size:25px;line-height:1.3;margin:0;min-width:0;overflow-wrap:anywhere}
body.at-home .home-main:not(.waiting) .home-subhead .home-back{flex:0 0 52px;justify-self:auto;margin:0;padding:8px 0}
body.at-home .home-main:not(.waiting) .account-summary{min-height:72px;box-sizing:border-box;margin:0 0 22px;padding:0 0 16px}
@media(max-width:650px){
 body.at-home .home-main:not(.waiting){padding:48px 24px 100px}
 body.at-home .home-main:not(.waiting)>.home-menu{width:100%}
 body.at-home .home-main:not(.waiting)>.home-menu>h1{width:min(400px,100%);margin:0 0 24px}
 body.at-home .home-main:not(.waiting) .home-subhead{gap:12px}
 body.at-home .home-main:not(.waiting) .home-subhead h2{font-size:22px}
}
@media(max-height:500px) and (min-width:651px){body.at-home .home-main:not(.waiting){padding-top:24px}body.at-home .home-main:not(.waiting)>.home-menu>h1{width:280px}}
/* Keep profile expansion inside its panel, as in the public-profile dialog. */
body.at-home .home-main:not(.waiting):has([data-page="profile"]){height:100dvh;min-height:0;box-sizing:border-box;padding-bottom:24px;overflow:hidden}
body.at-home .home-main:not(.waiting)>.home-menu:has([data-page="profile"]){height:100%;min-height:0;display:flex;flex-direction:column}
body.at-home .home-menu:has([data-page="profile"])>h1,body.at-home .home-menu:has([data-page="profile"])>.home-subhead{flex-shrink:0}
body.at-home .home-content[data-page="profile"]{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-right:10px;scrollbar-width:thin;scrollbar-color:#9b895a66 #11201855}
body .leaderboard li{padding-right:14px}
/* Reserve scrolling space inside the app, over the full-width painted backdrop. */
html:has(body.at-home){scrollbar-gutter:auto;overflow:hidden}
body.at-home #app{height:100dvh;min-height:0;overflow-y:auto;scrollbar-gutter:stable}