body:not(.home-screen) .controls .utility{width:132px}
#welcome .landing-rail #enter-button{min-height:54px;margin:0 0 12px;font-size:20px;background:linear-gradient(#a9884c 0 2px,#58605b 2px 4px,#173c43 4px,#0f2930 49%,#102329 50%,#22464c calc(100% - 5px));color:#f5dfa7;border:1px solid #b69b62;box-shadow:0 0 0 3px #11191c,inset 0 0 0 3px #172529}
#welcome .landing-rail #continue-button{min-height:44px;margin:0 0 12px;font-size:15px;background:linear-gradient(#3f4948,#293336);border:1px solid #74796b;color:#e3dbc2}
#welcome .resume-card p{margin-bottom:8px}
@media(max-width:700px) and (orientation:portrait){
 #welcome .landing-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 #welcome .landing-rail #resume-card,#welcome .landing-rail #save-warning,#welcome .landing-rail #enter-button,#welcome.has-save .landing-rail>#enter-button{grid-column:1/-1}
 #welcome .landing-rail #enter-button{min-height:46px;font-size:19px;margin:0;padding:8px}
 #welcome .landing-rail #continue-button,#welcome .landing-rail #home-help,#welcome .landing-rail .home-secondary{grid-column:auto;min-height:44px;margin:0;font-size:12px;padding:5px 2px}
 #welcome .landing-rail .home-secondary button{min-height:44px;margin:0;padding:5px 2px;font-size:12px}
 #welcome:not(.has-save) #home-help{grid-column:1/3}
 .guiding #coach{top:92px;padding:8px 11px}
 .guiding #coach h3{font-size:17px;margin:0 0 3px}
 .guiding #coach p{font-size:11px;line-height:1.6}
}

/* L22: raise portrait menu and enlarge real touch targets, keeping the lake visible. */
@media(max-width:700px) and (orientation:portrait){
 #welcome .landing-rail{bottom:calc(clamp(36px,6vh,64px) + env(safe-area-inset-bottom));left:16px;right:16px;padding:14px 14px;gap:10px}
 #welcome .landing-rail #enter-button{min-height:56px;font-size:22px;padding:10px;margin:0;letter-spacing:2px}
 #welcome .landing-rail #continue-button,#welcome .landing-rail #home-help{min-height:52px;font-size:15px;padding:8px 3px;margin:0;letter-spacing:0}
 #welcome .landing-rail .home-secondary{padding:0;min-height:52px}
 #welcome .landing-rail .home-secondary button{min-height:52px;font-size:15px;padding:8px 3px;letter-spacing:0}
 #welcome .landing-rail .home-guide-button strong{font-size:15px;letter-spacing:0}
 #welcome .resume-card p,#welcome.has-save .resume-card p{font-size:11px;line-height:1.6;margin:0 0 3px}
 #welcome .scene-view{bottom:calc(clamp(36px,6vh,64px) + env(safe-area-inset-bottom) + 222px);left:20px}
 #welcome:not(.has-save) .scene-view{bottom:calc(clamp(36px,6vh,64px) + env(safe-area-inset-bottom) + 166px)}
}
@media(max-width:360px) and (orientation:portrait){
 #welcome .landing-rail{left:12px;right:12px;padding:12px;gap:8px}
 #welcome .landing-rail #continue-button,#welcome .landing-rail #home-help,#welcome .landing-rail .home-secondary button,#welcome .landing-rail .home-guide-button strong{font-size:14px}
}

@media(min-width:701px) and (min-height:481px){#welcome .landing-rail .home-secondary button{min-height:48px;font-size:16px}#welcome .landing-rail #continue-button{min-height:48px;font-size:16px}}