#city-menu{position:absolute;right:max(8px,env(safe-area-inset-right));top:58px;z-index:8}
#city-menu>summary{list-style:none;cursor:pointer;padding:11px 14px;min-height:44px;border:1px solid #b49963;border-radius:8px;background:linear-gradient(#394a45,#1b302e);color:#f4e7c4;box-shadow:0 3px 12px #0005;font-size:.8rem}
.city-menu-content{display:grid;gap:5px;margin-top:5px;padding:8px;border:1px solid #a58c60;border-radius:8px;background:#1b302ef5}
#city-menu:not([open]) .city-menu-content{display:none}
body.immersive #city-menu #city-tools,body.immersive #city-menu #buildings-nav,body.immersive #city-menu #settlement-nav{position:static;margin:0;width:auto;min-height:44px}
body.immersive #city-menu #city-tools{display:flex;gap:4px}
body.immersive:has(#city[hidden]) #city-menu{display:none}
body.immersive:has(#panel.city-workspace:not([hidden])) #city-menu{visibility:hidden}
body.immersive #panel.city-workspace{left:auto;right:8px;top:58px;bottom:calc(104px + env(safe-area-inset-bottom));width:min(370px,calc(100% - 16px));background:linear-gradient(135deg,#293b36fa,#152a2afa);border:1px solid #b49c6c;border-radius:12px;padding:10px;box-shadow:0 10px 35px #0007;display:flex;flex-direction:column;overflow:hidden}
#panel.city-workspace #workspace{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
#panel.city-workspace h2{font-size:1.05rem;margin:8px 0 4px}
#panel.city-workspace p{margin:5px 0;font-size:.8rem}
#panel.city-workspace #workspace-tabs{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}
#panel.city-workspace button{min-height:44px;padding:7px 10px;font-size:.8rem}
#panel.city-workspace #workspace-tabs button{flex:1 0 auto}
#panel.city-workspace table{font-size:.78rem;width:100%}
#panel.city-workspace th,#panel.city-workspace td{padding:4px}
#panel.city-workspace #close-panel{position:static;flex:0 0 auto;align-self:flex-start;background:#253a35;width:auto;margin-bottom:5px}
#panel.city-workspace #batch-details{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.8rem;margin:5px 0}
#panel.city-workspace #batch-start{position:static;background:#455f42}
#panel.city-workspace input,#panel.city-workspace select{min-height:44px;max-width:100%}
@container(max-width:849px){body.immersive #panel.city-workspace{top:auto;left:8px;right:8px;width:auto;height:40%;max-height:400px;min-height:200px}}
@media(max-height:500px){body.immersive #panel.city-workspace{left:auto;right:6px;top:55px;bottom:58px;width:min(340px,52%);height:auto;min-height:0}body.immersive:has(#panel.city-workspace:not([hidden])) #scene-activity{visibility:hidden}}