/* v1.15.0.3 - In 2D the quality selector and action dock require two real rows.
   The previous 42px hard cap clipped the actions, despite available space. */
@media (max-width:700px){
 html.gesture-map-ui:not(.metro-3d-active):not(.sunny-3d-active) body.mobile-game[data-mobile-tab="city"] .city.card>.living-settings{
   display:flex!important;flex-direction:column!important;align-items:stretch!important;
   flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;
   overflow:visible!important;box-sizing:border-box!important;gap:3px!important;
   padding:3px 6px 5px!important;position:relative!important;z-index:2!important;
 }
 html.gesture-map-ui:not(.metro-3d-active):not(.sunny-3d-active) body.mobile-game[data-mobile-tab="city"] .city.card>.living-settings .compact-map-controls{
   display:flex!important;align-items:center!important;gap:5px!important;width:100%!important;
   min-height:34px!important;height:34px!important;flex:0 0 34px!important;
 }
 html.gesture-map-ui:not(.metro-3d-active):not(.sunny-3d-active) body.mobile-game[data-mobile-tab="city"] .city.card>.living-settings #livingQuality{
   height:34px!important;min-height:34px!important;max-height:34px!important;box-sizing:border-box!important;
 }
 html.gesture-map-ui:not(.metro-3d-active):not(.sunny-3d-active) body.mobile-game[data-mobile-tab="city"] .city.card>.living-settings .domiki-action-dock{
   display:flex!important;flex-direction:row!important;align-items:stretch!important;
   flex:0 0 40px!important;width:100%!important;min-width:0!important;
   height:40px!important;min-height:40px!important;max-height:40px!important;
   overflow:visible!important;gap:4px!important;margin:0!important;padding:0!important;
 }
 html.gesture-map-ui:not(.metro-3d-active):not(.sunny-3d-active) body.mobile-game[data-mobile-tab="city"] .city.card>.living-settings .domiki-action-dock>button{
   flex:1 1 0!important;width:0!important;min-width:0!important;
   height:40px!important;min-height:40px!important;max-height:40px!important;
   padding:2px 3px!important;font-size:clamp(9px,2.5vw,11px)!important;
   line-height:1.05!important;box-sizing:border-box!important;white-space:normal!important;
   overflow:hidden!important;text-overflow:clip!important;overflow-wrap:anywhere!important;
 }
 html.gesture-map-ui:not(.metro-3d-active):not(.sunny-3d-active) body.mobile-game[data-mobile-tab="city"] .city.card>.living-settings .domiki-action-dock>button span,
 html.gesture-map-ui:not(.metro-3d-active):not(.sunny-3d-active) body.mobile-game[data-mobile-tab="city"] .city.card>.living-settings #tractorShortcutText{
   font-size:inherit!important;line-height:1.05!important;
 }
 /* Other content stays below the toolbar, not layered on top of it. */
 html.gesture-map-ui:not(.metro-3d-active):not(.sunny-3d-active) body.mobile-game[data-mobile-tab="city"] .city.card>.map{
   min-height:0!important;flex:1 1 0!important;position:relative!important;z-index:0!important;
 }
}