/* Responsive lobby only; game geometry is deliberately unchanged. */
.main-menu-screen{overflow:hidden;overscroll-behavior:contain;container-type:size;}
.phone:has(#mainMenu:not(.hidden)){padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);}
.lobby-artboard:not(.debug-layout){min-height:max(880px,calc(100% - 16px));padding-top:clamp(110px,16dvh,175px);}
.lobby-artboard .sq-lobby-settings{min-height:48px;}
.lobby-artboard .sq-secondary button{font-size:16px;}
.lobby-artboard .sq-actions #mainRulesButton{height:48px;min-height:48px;font-size:16px;background:none;border:0;box-shadow:none;color:#bec5c0;}
.lobby-artboard .sq-secondary #mainOnlineButton{height:54px;min-height:48px;font-size:16px;border:1px solid #d0d0cc;border-radius:12px;background:linear-gradient(145deg,#292b2c,#0c0e0f 80%);box-shadow:inset 0 0 0 2px #ffffff09;color:#f2f3ef;}
.lobby-artboard .sq-account{min-height:48px;display:flex;align-items:center;justify-content:center;}
.lobby-artboard .sq-title{transform:none;width:220px;height:216px;}
.lobby-artboard .sq-hero{min-height:0;}
.lobby-artboard .sq-lobby-profile{margin:8px 0 14px;}
.lobby-artboard .sq-tagline{white-space:normal;margin-inline:0;}
@media(orientation:portrait) and (max-height:740px){
 .lobby-artboard:not(.debug-layout){padding-top:85px;min-height:800px;--lobby-avatar:88px;}
 .lobby-artboard .sq-title{height:190px;width:195px;}
 .lobby-artboard .nh-plum-top{width:150px;opacity:.65;}
 .lobby-artboard .nh-crane{top:72px;width:76px;opacity:.65;}
 .lobby-artboard .nh-mountains-top{display:none;}
 .lobby-artboard .nh-lobby-poem{top:22px;font-size:10px;}
}

/* Fit the available safe-area viewport, never an oversized scrolling canvas. */
.phone:has(#mainMenu:not(.hidden)){overflow:hidden;}
.lobby-artboard:not(.debug-layout){height:calc(100% - 16px);min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto auto 18px;gap:8px;padding:64px 22px 12px;--lobby-avatar:clamp(56px,12cqh,112px);}
.lobby-artboard .sq-hero{height:100%;min-height:0;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.lobby-artboard .sq-title{width:100%;height:calc(100% - 30px);min-height:0;max-height:280px;object-fit:contain;flex:1;}
.lobby-artboard .sq-tagline{flex:none;margin:4px 0 0;line-height:22px;}
.lobby-artboard .sq-lobby-profile{margin:0;gap:3px;}
.lobby-artboard .sq-actions{gap:6px;}
.lobby-artboard .sq-actions #mainSoloButton{height:clamp(54px,8cqh,76px);}
.lobby-artboard .sq-secondary button,.lobby-artboard .sq-secondary #mainOnlineButton{height:48px;min-height:48px;}
.lobby-artboard .sq-legal{margin:0;padding:0;line-height:18px;}
.lobby-artboard .nh-plum-side{top:42%;}
.lobby-artboard .nh-mountains-mid{top:46%;}
@container(max-height:700px){
 .lobby-artboard .sq-tagline,.lobby-artboard .nh-lobby-poem,.lobby-artboard .nh-mountains-top,.lobby-artboard .nh-mountains-mid,.lobby-artboard .nh-plum-side{display:none;}
 .lobby-artboard .sq-title{height:100%;}
 .lobby-artboard .nh-plum-top{width:130px;opacity:.45;}
 .lobby-artboard .nh-crane{width:64px;top:55px;opacity:.45;}
}
@media(max-width:359px){
 .lobby-artboard .sq-secondary{gap:8px;}
 .lobby-artboard .sq-secondary button{padding-inline:4px;gap:4px;white-space:nowrap;}
 .lobby-artboard .sq-secondary .nh-lobby-icon{width:18px;height:18px;}
}
@media(orientation:landscape) and (min-width:500px){
 .lobby-artboard:not(.debug-layout){grid-template-columns:minmax(0,1fr) minmax(250px,1fr);grid-template-rows:64px minmax(160px,1fr) 18px;gap:6px 18px;padding:16px 20px 10px;--lobby-avatar:60px;}
 .lobby-artboard .sq-hero{grid-column:1;grid-row:1 / 3;padding-top:38px;height:100%;margin:0;}
 .lobby-artboard .sq-title{height:100%;max-height:260px;}
 .lobby-artboard .sq-tagline{display:none;}
 .lobby-artboard .sq-lobby-profile{grid-column:2;grid-row:1;margin:0;}
 .lobby-artboard .sq-actions{grid-column:2;grid-row:2;gap:6px;align-self:center;}
 .lobby-artboard .sq-actions #mainSoloButton{height:52px;}
 .lobby-artboard .sq-legal{grid-column:1 / -1;grid-row:3;}
}
@media(orientation:landscape) and (min-width:500px){
 .phone-frame:has(#mainMenu:not(.hidden)){width:min(100%,1100px);}
 .lobby-artboard:not(.debug-layout){display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,1fr);grid-template-rows:auto auto auto;column-gap:24px;row-gap:10px;align-content:center;align-items:center;min-height:max(350px,calc(100% - 16px));padding:24px 24px 14px;--lobby-avatar:66px;}
 .lobby-artboard .sq-hero{grid-column:1;grid-row:1 / 3;align-self:center;margin:28px 0 0;min-width:0;}
 .lobby-artboard .sq-title{width:210px;height:218px;max-width:100%;}
 .lobby-artboard .sq-tagline{font-size:12px;letter-spacing:1px;margin:0;line-height:20px;}
 .lobby-artboard .sq-lobby-profile{grid-column:2;grid-row:1;display:grid;grid-template-columns:70px minmax(0,1fr);grid-template-rows:32px 30px;gap:2px 12px;margin:0;width:100%;text-align:left;}
 .lobby-artboard .sq-lobby-avatar{grid-row:1 / 3;grid-column:1;border-radius:16px;}
 .lobby-artboard .sq-account{grid-column:2;grid-row:1;min-height:32px;justify-content:flex-start;font-size:17px;}
 .lobby-artboard #mainCoins{grid-column:2;grid-row:2;font-size:21px;text-align:left;}
 .lobby-artboard .sq-actions{grid-column:2;grid-row:2;gap:8px;}
 .lobby-artboard .sq-actions #mainSoloButton{height:62px;font-size:25px;}
 .lobby-artboard .sq-secondary{gap:8px;}
 .lobby-artboard .sq-secondary button{height:48px;padding:6px;gap:5px;font-size:16px;}
 .lobby-artboard .sq-secondary #mainOnlineButton{height:48px;}
 .lobby-artboard .nh-lobby-icon{width:20px;height:20px;}
 .lobby-artboard .sq-legal{grid-column:1 / -1;grid-row:3;margin:0;padding:0;font-size:10px;}
 .lobby-artboard .sq-lobby-settings{top:14px;left:18px;}
 .lobby-artboard .nh-lobby-poem,.lobby-artboard .nh-plum-side,.lobby-artboard .nh-mountains-top,.lobby-artboard .nh-mountains-mid{display:none;}
 .lobby-artboard .nh-plum-top{width:145px;top:45px;left:-65px;opacity:.5;}
 .lobby-artboard .nh-crane{width:70px;top:26px;right:52%;opacity:.5;}
 .lobby-artboard .nh-plum-bottom{width:90px;opacity:.3;}
 .lobby-artboard .nh-mountains-bottom{width:170px;opacity:.25;}
}
@media(orientation:landscape) and (min-width:500px){
 .lobby-artboard:not(.debug-layout){min-height:0;height:calc(100% - 16px);grid-template-columns:minmax(0,1fr) minmax(250px,1fr);grid-template-rows:64px minmax(160px,1fr) 18px;gap:6px 18px;padding:16px 20px 10px;--lobby-avatar:60px;}
 .lobby-artboard .sq-hero{height:100%;margin:0;padding-top:38px;}
 .lobby-artboard .sq-title{height:100%;width:100%;max-height:260px;}
 .lobby-artboard .sq-tagline{display:none;}
 .lobby-artboard .sq-actions{gap:6px;}
 .lobby-artboard .sq-actions #mainSoloButton{height:52px;}
}