/* A single compact control area; the map flexes into all released space. */
html.gesture-map-ui body .living-settings{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:4px!important;padding:5px 7px!important;height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important;overflow:visible!important}
.compact-map-controls{display:flex;align-items:center;gap:5px;min-width:0}
html.gesture-map-ui body .compact-map-controls label{flex:0 0 auto!important;font-size:11px!important;margin:0!important;white-space:nowrap}
html.gesture-map-ui body .compact-map-controls #livingQuality{flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:80px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:5px 7px!important;font-size:12px!important}
.compact-map-help{display:flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto}
html.gesture-map-ui body .compact-map-help button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:40px!important;width:40px!important;height:40px!important;min-height:40px!important;padding:3px!important;margin:0!important;position:static!important;border-radius:10px!important;font-size:17px!important}
html.gesture-map-ui body .living-settings .domiki-action-dock{display:flex!important;align-items:stretch!important;gap:5px!important;width:100%!important;padding:0!important;overflow:visible!important;grid-column:auto!important;grid-row:auto!important}
html.gesture-map-ui body .living-settings .domiki-action-dock>button{flex:1 1 0!important;display:flex!important;flex-direction:row!important;align-content:center!important;align-items:center!important;justify-content:center!important;gap:3px!important;box-sizing:border-box!important;width:0!important;min-width:0!important;min-height:40px!important;height:auto!important;max-height:none!important;padding:4px!important;margin:0!important;font-size:11px!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:normal!important;border-radius:10px!important;box-shadow:none!important}
html.gesture-map-ui body .living-settings .domiki-action-dock>button span{font-size:inherit!important;line-height:inherit!important}
html.gesture-map-ui body .living-settings .domiki-action-dock>#tractorShortcut #tractorShortcutText{font-size:11px!important}
html.gesture-map-ui .metro-controls{display:grid!important;grid-template-columns:48px minmax(72px,1fr) 42px 70px 40px!important;gap:4px!important;padding:5px 7px!important;margin:0!important;flex:0 0 auto!important}
html.gesture-map-ui .metro-controls>label{grid-column:auto!important;font-size:0!important;display:flex;min-width:0}
html.gesture-map-ui .metro-controls select,html.gesture-map-ui .metro-controls button{width:100%!important;min-width:0!important;min-height:40px!important;height:40px!important;padding:4px!important;margin:0!important;font-size:11px!important;border-radius:9px!important}
html.gesture-map-ui .metro-controls #metroStatus{grid-column:1/-1!important;min-height:14px!important;font-size:10px!important;line-height:1.2!important}
html.gesture-map-ui.metro-3d-active .compact-map-controls{display:none!important}
@media(max-width:700px){
 html.gesture-map-ui body.mobile-game[data-mobile-tab="city"] .city.card>.map{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:none!important}
 html.gesture-map-ui body.mobile-game[data-mobile-tab="city"] .city.card>.living-settings{order:-1!important}
 html.gesture-map-ui body.mobile-game[data-mobile-tab="city"] .city.card>.metro-controls{order:-2!important}
}
@media(min-width:701px){
 html.gesture-map-ui .city.card{padding:0!important}
 html.gesture-map-ui .city.card>.panel-heading{padding:10px 12px!important;margin:0!important}
 html.gesture-map-ui .city.card>.map-hint{margin:5px 0!important;font-size:12px!important}
 html.gesture-map-ui .world-toolbar{margin:5px 8px!important;padding:0!important;gap:8px!important}
 html.gesture-map-ui .world-open{min-height:36px!important;padding:6px 10px!important;font-size:12px!important}
 html.gesture-map-ui .metro-controls{grid-template-columns:56px minmax(100px,1fr) 60px 90px 40px!important}
 html.gesture-map-ui .city .map{min-height:600px!important}
}