.mobile-sheet-handle{display:none}
@media(max-width:700px){
 :root{--mobile-nav:calc(68px + env(safe-area-inset-bottom,0px))}
 body,#app{height:100dvh;overflow:hidden}
 header{height:56px;padding:8px 10px}.brand{font-size:11px;letter-spacing:.12em}.brand .mark{width:22px;height:22px}
 header .topnav{right:86px;gap:0}.nav-button{font-size:11px;padding:8px 6px}.atmosphere-toggle{right:6px;font-size:10px;padding:0 7px;min-height:36px}
 #app aside{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:var(--mobile-nav);max-height:none;display:flex;flex-direction:row;padding:5px 8px calc(5px + env(safe-area-inset-bottom,0px));gap:4px;border:0;border-top:1px solid #9caa8c55;z-index:20;overflow:visible;box-sizing:border-box}
 #app aside>.hud-layer{flex:1;min-width:0;min-height:52px;padding:5px 2px;gap:3px;font-size:11px;position:relative}.hud-layer b{font-size:22px}.hud-layer.active:after{position:absolute;bottom:0}
 #app #map{left:0;right:0;top:56px;bottom:var(--mobile-nav)}
 #app .hud-search,#app.hud-detail-open .hud-search,body.hud-detail-open .hud-search{top:66px;left:10px;right:10px;width:auto}.hud-search label{padding:10px 12px}.hud-search input{font-size:16px}.hud-results{max-height:35dvh}
 #app .scene-note{display:none}
 #app .government-drawer:not(.discovery-menu),#app .people-drawer,#app .today-drawer,#app .business-tools.hud-business{position:fixed;top:auto;bottom:var(--mobile-nav);left:0;right:0;width:auto;max-height:43dvh;box-sizing:border-box;padding:12px 16px 20px;border:1px solid #9caa8c55;border-radius:20px 20px 0 0;overflow:auto;overscroll-behavior:contain;z-index:15}
 #app .mobile-expanded{max-height:calc(100dvh - var(--mobile-nav) - 118px)!important}
 .mobile-sheet-handle{display:block;width:100%;height:30px;margin:-8px 0 8px;border:0;background:transparent;touch-action:none;cursor:pointer}.mobile-sheet-handle:after{content:'';display:block;width:36px;height:4px;border-radius:4px;background:#91a48e;margin:auto}
 .government-close,.people-close,.today-close{min-width:44px;min-height:44px}.discovery-back{min-height:44px;padding-bottom:8px}
 #app .discovery-menu{max-height:calc(100dvh - var(--mobile-nav) - 128px);z-index:21}.discovery-menu .discovery-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.discovery-menu .discovery-choice{min-height:72px}.discovery-menu .discovery-caption{min-height:16px;margin-top:8px}
 #app .hud-bottom{left:10px;right:10px;bottom:calc(var(--mobile-nav) + 8px);max-width:none;max-height:32dvh;overflow:auto;z-index:14}
 #app .music-toggle{left:10px!important;bottom:calc(var(--mobile-nav) + 36px)!important;padding:8px 10px;font-size:11px;min-height:36px}#app .music-toggle+.music-toggle{left:120px!important}
 #app .viewpoints{left:auto;right:10px;bottom:calc(var(--mobile-nav) + 78px);max-width:calc(100vw - 20px)}
 body:has(.government-drawer.open) .music-toggle,body:has(.people-drawer.open) .music-toggle,body:has(.today-drawer.open) .music-toggle,body:has(.hud-business.open) .music-toggle,body:has(.hud-bottom:not([hidden])) .music-toggle,body:has(.government-drawer.open) .viewpoints{display:none}
 .overview{inset:56px 0 var(--mobile-nav);overflow:auto;padding:18px}.overview-card{max-height:none}.stats-grid{grid-template-columns:1fr 1fr}.overview h1{font-size:2.4rem}
 body.cinematic-active #app #map{inset:0}body.cinematic-active #app aside{pointer-events:none}
}