/* Scale only menu content, never the background, board or modal overlays. */
html body.at-home #app .menu-workspace.salon-home.premium-menu{
 padding-top:16px!important;padding-bottom:16px!important;
}
html body.at-home #app .menu-workspace.salon-home.premium-menu>:is(.salon-top,.home-menu,.menu-aside){
 zoom:var(--menu-fit,1);width:var(--fit-width,620px)!important;max-width:var(--fit-width,620px)!important;
}

/* Secondary copy must remain readable after the whole menu is fitted. */
html body.at-home #app .salon-home.premium-menu{
 --menu-caption:clamp(18px,calc(13px / var(--menu-fit,1)),28px);
 --menu-description:clamp(19px,calc(14px / var(--menu-fit,1)),29px);
}
html body.at-home #app .salon-home.premium-menu :is(.menu-profile-link,.play-rating>button,.play-rating .rank-name,.play-config,.play-config button,.daily-focus summary,.daily-focus details>button,.daily-focus .daily-total,.daily-focus .daily-task-progress small,.daily-focus .achievement-reward b){
 font-size:var(--menu-caption)!important;line-height:1.35!important;color:#efe4c4!important;
}
html body.at-home #app .salon-home.premium-menu .daily-focus .daily-achievement strong{
 font-size:var(--menu-description)!important;line-height:1.4!important;color:#fff4d9!important;
}
html body.at-home #app .salon-home.premium-menu .daily-focus .daily-achievement{
 grid-template-columns:36px minmax(0,1fr) 82px!important;gap:10px!important;
}
html body.at-home #app .salon-home.premium-menu .daily-focus .achievement-reward{width:82px!important}
html body.at-home #app .salon-home.premium-menu .play-rating{grid-template-columns:52px minmax(0,1fr)}
html body.at-home #app .salon-home.premium-menu>.salon-top{margin-bottom:16px!important}
html body.at-home #app .salon-home.premium-menu .play-identity{margin-bottom:18px!important;padding-bottom:18px!important}
html body.at-home #app .salon-home.premium-menu .play-destinations{margin-top:18px!important;padding-top:18px!important}

/* Profile and rating allocate independent columns, including enlarged captions. */
html body.at-home #app .menu-workspace.salon-menu.premium-menu .salon-profile.play-identity{
 grid-template-columns:auto minmax(0,1fr) max-content!important;gap:16px!important;align-items:center!important;
}
html body.at-home #app .salon-home.premium-menu .play-player>div{display:grid!important;grid-template-columns:1fr;justify-items:start;gap:4px!important}
html body.at-home #app .salon-home.premium-menu .menu-profile-link{white-space:nowrap;text-align:left;justify-self:start}
html body.at-home #app .salon-home.premium-menu .play-rating{
 grid-template-columns:52px max-content!important;column-gap:12px!important;row-gap:2px;align-items:center;padding-left:18px!important;
}
html body.at-home #app .salon-home.premium-menu .play-rating .rank-emblem{width:52px!important;height:52px!important;justify-self:center}
html body.at-home #app .salon-home.premium-menu .play-rating>button{white-space:nowrap!important;width:max-content;justify-self:start;text-align:left}
html body.at-home #app .salon-home.premium-menu .play-rating .rank-name{max-width:160px;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:650px){
 html body.at-home #app .menu-workspace.salon-menu.premium-menu .salon-profile.play-identity{gap:10px!important}
 html body.at-home #app .salon-home.premium-menu .play-rating{grid-template-columns:32px max-content!important;column-gap:8px!important;padding-left:10px!important}
 html body.at-home #app .salon-home.premium-menu .play-rating .rank-emblem{width:32px!important;height:32px!important}
 html body.at-home #app .salon-home.premium-menu .play-rating .rank-name{max-width:130px}
}

/* Daily goals have their own readable, always expanded panel. */
html body.at-home #app .menu-workspace.salon-home.premium-menu>.menu-aside:has(.daily-focus){
 zoom:1!important;position:relative!important;inset:auto!important;box-sizing:border-box;z-index:2;
 margin:24px 0 0!important;padding:0!important;--menu-fit:1;--menu-caption:14px;--menu-description:16px;
}
html body.at-home #app .menu-workspace.salon-home.premium-menu.daily-side-layout>.menu-aside:has(.daily-focus){
 position:absolute!important;right:24px!important;left:auto!important;top:clamp(24px,18vh,160px)!important;margin:0!important;
 max-height:calc(100dvh - clamp(24px,18vh,160px) - 24px);overflow:auto;
}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus>header{padding:16px 18px 10px!important}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus>header strong{font-size:19px!important}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus summary{display:none!important}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus .daily-achievement{grid-template-columns:30px minmax(0,1fr) 66px!important;padding:16px 14px!important;gap:10px!important;text-align:left}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus .daily-achievement-icon{width:30px!important;height:30px!important}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus .achievement-reward{width:66px!important}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus details>button{width:100%;text-align:left;padding:14px 18px!important}

/* Compact goals, aligned to the bottom edge of the game viewport. */
html body.at-home #app .menu-workspace.salon-home.premium-menu>.menu-aside:has(.daily-focus),
html body.at-home #app .menu-workspace.salon-home.premium-menu.daily-side-layout>.menu-aside:has(.daily-focus){
 position:absolute!important;top:auto!important;bottom:16px!important;right:24px!important;left:auto!important;margin:0!important;max-height:calc(100dvh - 32px);overflow:auto;
}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus>header{padding:12px 14px!important}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus>header strong{font-size:17px!important}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus .daily-achievement{
 grid-template-columns:24px minmax(0,1fr) auto 54px!important;gap:8px!important;padding:10px 14px!important;min-height:44px!important;
}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus .daily-achievement>span,
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus .daily-task-progress{display:contents!important}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus .daily-achievement-icon{grid-column:1;grid-row:1;width:24px!important;height:24px!important}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus .daily-achievement strong{grid-column:2;grid-row:1;font-size:15px!important;line-height:1.3!important;font-weight:500!important}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus .daily-task-progress small{grid-column:3;grid-row:1;font-size:13px!important;white-space:nowrap}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus progress{display:none!important}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus .achievement-reward{grid-column:4;grid-row:1;width:54px!important;min-height:30px!important;padding:3px!important;background:none;border-color:transparent;gap:3px}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus .achievement-reward[data-reward-state=ready]{background:#dac17b!important;color:#14271c!important;border-color:#ead293!important}
html body.at-home #app .salon-home.premium-menu>.menu-aside .daily-focus details>button{padding:10px 14px!important;min-height:34px!important}
@media(max-width:899px){html body.at-home #app .menu-workspace.salon-home.premium-menu>.menu-aside:has(.daily-focus){right:22px!important}}