/* Separate map controls: the container supplies layout, never a visible rail. */
html #app aside{
 left:12px;top:80px;right:auto;bottom:auto;width:max-content;max-width:132px;height:auto;
 max-height:calc(100% - 152px);box-sizing:border-box;padding:3px;
 display:flex;flex-direction:column;align-items:flex-start;gap:5px;
 background:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;backdrop-filter:none!important;
 overflow-x:hidden;overflow-y:auto;scrollbar-width:none;pointer-events:none;
}
html #app aside::-webkit-scrollbar{display:none}
html #app aside>.hud-layer{
 display:flex;flex-direction:row;justify-content:flex-start;align-items:center;
 gap:6px;width:max-content;max-width:100%;min-height:40px;flex:none;padding:7px 10px;
 margin:0!important;box-sizing:border-box;pointer-events:auto;
 border:1px solid #b7c2a9!important;border-radius:999px!important;
 background:#fffaf0f5!important;color:#263c30!important;
 box-shadow:0 2px 6px #243a3020;cursor:pointer;
 transition:background .15s ease,box-shadow .15s ease;
}
html #app aside>.hud-layer b{display:flex;align-items:center;justify-content:center;flex:0 0 18px;font-size:18px;line-height:1}
html #app aside>.hud-layer b svg{width:18px;height:18px}
html #app aside>.hud-layer i{font-size:14px;line-height:1.25;text-align:left;font-weight:500;white-space:normal}
html #app aside>.hud-layer.active{background:#dfe9d2!important;border-color:#7a9465!important;box-shadow:0 2px 7px #243a3030}
html #app aside>.hud-layer.active:after{display:none!important}
@media(hover:hover){html #app aside>.hud-layer:hover{background:#f0f4e5!important;box-shadow:0 3px 9px #243a3030}}
html #app aside>.hud-layer:focus-visible{outline:3px solid #826322;outline-offset:-4px}
html #app #map{left:0}
html #app .overview{left:0}
@media(max-width:700px){
 html #app aside{left:calc(8px + var(--ui-left,0px));top:calc(66px + var(--ui-top,0px));width:max-content;max-width:128px;gap:5px;max-height:calc(100% - 146px - var(--ui-top,0px));padding:3px}
 html #app aside>.hud-layer{min-height:40px;padding:7px 10px;gap:6px}
 html #app aside>.hud-layer i{font-size:14px}
}
/* Name the dismiss action instead of repeating the menu's title. */
html body #app #discovery-tray .discovery-close-head{padding:0!important}html body #app #discovery-tray .discovery-close-head .government-close{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:10px;font-size:14px;white-space:nowrap}html body #app #discovery-tray .discovery-close-head .government-close span{font-size:20px}