/* Layout owns the browser content area; artwork and the city retain their proportions. */
.game-shell{width:100%;max-width:none;height:100dvh;min-height:0;margin:0;display:flex;flex-direction:column}
.game-shell>main{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.topbar,.main-nav{flex:none}
.wordmark,html[lang=ru] .wordmark{width:auto;flex:none;transform:none;line-height:1.2;margin-right:clamp(14px,2vw,32px);letter-spacing:-.035em}
.topbar{height:auto;min-height:calc(64 * var(--u));padding-block:8px;gap:10px}
.main-nav{height:auto;min-height:calc(79 * var(--u));grid-template-columns:repeat(5,minmax(0,1fr))}
.nav-item:nth-child(n){min-width:0;justify-content:center;padding:10px 8px;gap:clamp(8px,1.2vw,22px);line-height:1.2}
.home-page{height:auto;min-height:0;overflow:auto;flex:1}
.home-layout{min-height:320px}
.home-offer{min-height:125px}
.market-page,.business-page,.assets-page{flex:1;width:100%}
.catalog-heading-row{height:auto;min-height:calc(78 * var(--m));flex-wrap:wrap;padding-block:8px}
.catalog-heading-row h2{white-space:normal;line-height:1.12;min-width:0}
.market-search,.market-sort{flex-shrink:0}
.listing-detail{min-width:0}
@media(min-width:701px){
 .home-page{height:auto;min-height:0;flex:1}
 .home-layout{flex:1}
 .home-city-card{min-height:360px}
 .nav-item{font-size:clamp(16px,1.48vw,29px)}
 .home-offer-copy h4{line-height:1.2}
}
@media(min-width:701px) and (max-height:760px){
 .home-heading h2{font-size:clamp(36px,3vw,52px)}
 .home-heading p{font-size:20px}
 .home-page{padding:14px;gap:12px}
 .home-city-card{min-height:300px}
 .home-layout{min-height:300px}
 .home-city-copy h3,.home-opportunities>h3{font-size:30px}
 .home-opportunities>p,.home-city-copy p{font-size:17px}
 .home-opportunities{padding:14px;gap:10px}
 .home-offer{min-height:110px}
 .home-events{height:65px}
 .home-events button{font-size:17px;padding:12px 16px}
 .home-start{height:52px;font-size:19px}
 .home-offer-copy h4{font-size:21px}.home-offer-copy strong{font-size:30px}
 .home-offer-copy p{font-size:15px}.home-open{height:44px;font-size:17px}
}
@media(min-width:701px) and (max-width:1100px){
 .wordmark,html[lang=ru] .wordmark{font-size:clamp(17px,2.05vw,24px);margin-right:8px}
 .game-day,.cash,.cash strong{font-size:17px}.game-day .digits{font-size:17px}
 .cash{padding-right:8px}.utility{width:42px}.settings{width:36px}
 .nav-item .icon{width:28px;height:28px}
 .home-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
}
@media(max-width:700px){
 .topbar{min-height:78px;padding:9px 12px;gap:6px}
 .wordmark,html[lang=ru] .wordmark{flex:1;font-size:clamp(14px,4.3vw,22px);margin:0;white-space:normal}
 .game-day,html[lang=ru] .game-day,.cash{width:calc(50% - 3px)}
 .main-nav{min-height:74px}.nav-item:nth-child(n){padding:5px 2px;gap:4px;white-space:normal}
 .home-page{padding:16px 12px;min-height:0}
 .home-layout{min-height:0;flex:none}.home-city-card{min-height:420px}
}