.metro-rotation{box-sizing:border-box;flex:0 0 auto;position:relative;z-index:4;padding:7px 16px 6px;background:#faf5e2;border-top:1px solid #c6d0ae;color:#456249;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.metro-rotation[hidden]{display:none!important}
.metro-rotation-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font:650 12px/1.2 system-ui,sans-serif}
.metro-rotation-heading label{font:inherit;margin:0;cursor:pointer}
#metroAngle{min-width:42px;text-align:right;color:#94713f;font-variant-numeric:tabular-nums;font-weight:800}
#metroRotation{--rotation-fill:12.5%;display:block;box-sizing:border-box;width:100%;height:30px;min-height:30px;padding:0;margin:0;appearance:none;-webkit-appearance:none;border:0;background:transparent;cursor:ew-resize;touch-action:pan-y;box-shadow:none}
#metroRotation::-webkit-slider-runnable-track{height:6px;background:linear-gradient(to right,#729369 var(--rotation-fill),#d8dec2 var(--rotation-fill));border-radius:10px}
#metroRotation::-moz-range-track{height:6px;background:#d8dec2;border-radius:10px}
#metroRotation::-moz-range-progress{height:6px;background:#729369;border-radius:10px}
#metroRotation::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border:3px solid #fffae7;border-radius:50%;background:#64895c;box-shadow:0 1px 5px #425c4844}
#metroRotation::-moz-range-thumb{width:18px;height:18px;border:3px solid #fffae7;border-radius:50%;background:#64895c;box-shadow:0 1px 5px #425c4844}
#metroRotation:active::-webkit-slider-thumb{background:#bb9049}
.metro-rotation-scale{display:flex;justify-content:space-between;padding-inline:7px;font:10px/1.1 system-ui,sans-serif;color:#7c8b70;pointer-events:none}

html.gesture-map-ui body .metro-controls{grid-template-columns:56px minmax(100px,1fr) 110px 48px 92px 40px!important}
html.gesture-map-ui body .metro-controls #metroFocusBuilt{grid-column:3!important;grid-row:1!important}
html.gesture-map-ui body .metro-controls #metroFpsHud{grid-column:4!important;grid-row:1!important}
html.gesture-map-ui body .metro-controls #metroLots{grid-column:5!important;grid-row:1!important}
html.gesture-map-ui body .metro-controls #metroHelp{grid-column:6!important;grid-row:1!important}
@media(max-width:700px){
 html.gesture-map-ui body .metro-controls{grid-template-columns:48px minmax(80px,1fr) 40px 40px!important}
 html.gesture-map-ui body .metro-controls #metroLots{grid-column:3!important;grid-row:1!important}
 html.gesture-map-ui body .metro-controls #metroHelp{grid-column:4!important;grid-row:1!important}
 html.gesture-map-ui body .metro-controls #metroFocusBuilt{grid-column:1/3!important;grid-row:2!important}
 html.gesture-map-ui body .metro-controls #metroFpsHud{grid-column:3/5!important;grid-row:2!important}
 html.gesture-map-ui body.mobile-game[data-mobile-tab=city] .city.card>.metro-rotation{order:1!important;padding:4px 12px}
 .metro-rotation-heading{font-size:11px}.metro-rotation-scale{font-size:9px}
}
@media(min-width:701px){html.gesture-map-ui.metro-3d-active body .city .map{height:clamp(280px,calc(100dvh - 330px),640px)!important;min-height:280px!important;flex:0 0 auto!important}}
/* Metro-only2D topology. The 144 old IDs occupy the central rectangle. */
html.metro-map432 #mapWorld{width:2794px!important;min-height:0!important}
html.metro-map432 #mapWorld .neighbourhood{width:2594px!important;margin-inline:100px!important;padding:0!important;border:0!important}
html.metro-map432 #mapWorld .neighbourhood>.plots{width:2594px!important;grid-template-columns:repeat(18,112px)!important;grid-template-rows:repeat(24,148px)!important;grid-auto-rows:148px!important;column-gap:34px!important;row-gap:30px!important;background:#91a79b!important}
html.metro-map432 #mapWorld .park,html.metro-map432 #mapWorld .street,html.metro-map432 #mapWorld .map-decoration{width:2594px!important;margin-inline:100px!important}
html.metro-map432 #mapWorld .world-environment{display:none!important}
html.metro-map432 #mapWorld .plot[data-metro-sector]:not([data-metro-sector="-1"]){border-color:#809e8e!important}
#metroSectorsOpen{min-height:36px;border:1px solid #afc1a5;border-radius:9px;background:#e8efdd;color:#345c4d;font:700 11px system-ui;padding:5px 9px}
.metro-sectors{box-sizing:border-box;width:min(580px,calc(100vw - 20px));max-height:calc(100dvh - 28px);overflow:auto;border:2px solid #b7c9a9;border-radius:22px;padding:16px;background:#faf7e9;color:#36584b;font:14px/1.4 system-ui}
.metro-sectors::backdrop{background:#264b3c88}.metro-sectors header{display:flex;align-items:center;justify-content:space-between;gap:8px}.metro-sectors h2{margin:3px 0;font-size:20px}.metro-sectors header button{min-width:40px;min-height:40px}.metro-sectors small{display:block}.metro-sectors button{min-height:42px;border:1px solid #a9bca0;border-radius:10px;background:#e7efdf;color:#345b49;font:700 13px system-ui;padding:7px 10px}.metro-sectors button:disabled{opacity:.6}.metro-sector-card{padding:12px;margin-block:10px;border:1px solid #c6d1ba;border-radius:13px;background:#fffdf4}.metro-sector-card p{margin:6px 0}.metro-sector-card progress{width:100%;accent-color:#4a896e}.metro-sector-card button{width:100%;margin-top:8px}.metro-district-actions{display:flex;gap:8px}.metro-district-actions button{flex:1}#metroMiniMap{display:block;width:135px;height:180px;margin:10px auto;background:#91a79b;border:3px solid #d5dfc4;border-radius:6px;pointer-events:none}.metro-recovery{margin-top:12px;padding:12px;border:1px solid #b9c9af;border-radius:12px}.metro-recovery button{display:block;width:100%;margin-top:8px;white-space:normal}.metro-storage-error{padding:10px;background:#fff0d2;color:#80552d}
html.metro-map432.metro-planning #metroSectorsOpen{display:none}
@media(max-width:700px){#metroSectorsOpen{align-self:flex-end;min-height:30px;padding:3px 8px}.metro-sectors{padding:12px;font-size:13px}}
#metroResetAngle{border:1px solid #b6c4a6;border-radius:7px;background:#f9f7e9;color:#456249;font:700 10px system-ui;min-height:28px;padding:3px 7px}
@media(max-width:700px) and (max-height:650px){.metro-rotation-scale{display:none}.metro-rotation{padding:3px 10px!important}.metro-rotation-heading{font-size:10px}#metroRotation{height:24px;min-height:24px}.metro-plan p{font-size:10px;line-height:1.2}}