.city-stage{height:390px!important;position:relative}.city-stage canvas{cursor:grab}.city-stage canvas:active{cursor:grabbing}.city-hud{position:absolute;left:12px;top:12px;right:12px;display:flex;justify-content:space-between;gap:8px;pointer-events:none;color:#fff1d3;font-size:9px;letter-spacing:.08em;text-shadow:0 1px 3px #000}.city-hud output{background:#112921aa;padding:5px 8px;border-radius:6px}.city-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;color:#ffedd0;font-size:23px;text-shadow:0 1px 4px black}.city-pad{display:flex;gap:7px;width:100%;justify-content:center}.city-pad button{min-width:42px;touch-action:none;user-select:none}.city-help{font-size:10px!important;line-height:1.6!important;color:#b9cfbf!important;margin:5px 0 0!important;letter-spacing:0!important}.city-controls button:disabled{opacity:.4;cursor:default}@media(max-width:600px){.city-stage{height:340px!important}.city-hud{font-size:8px}}

.city-stage .city-map{position:absolute;left:12px;bottom:12px;width:88px!important;height:88px!important;border:1px solid #c8c6a74d;border-radius:9px;pointer-events:none;opacity:.86}