/* Compact, vertical controls at every colony breakpoint. */
.map-wrap:has(.map-control-flyout:not([hidden]))>.quest-banner{visibility:hidden}
.map-controls.compact-map-controls{z-index:2105}
.map-controls.compact-map-controls,.arrangement-active .map-controls.compact-map-controls{display:flex;flex-direction:column;align-items:stretch;gap:5px;left:auto;right:calc(8px + var(--safe-right,0px));bottom:48px;width:56px;padding:5px;border-radius:12px;background:#102733ed;backdrop-filter:none;overflow:visible}
.map-controls.compact-map-controls>button{width:44px;min-width:44px;min-height:44px;padding:3px;font-size:11px;border-radius:7px}
.compact-map-controls #zoom-label{min-width:44px;min-height:44px;font-size:11px;color:#edf6ec;cursor:pointer}
.compact-map-controls #center-map{display:block;font-size:21px}
.compact-map-controls .map-control-flyout{position:absolute;right:calc(100% + 7px);display:flex;flex-direction:column;gap:5px;width:128px;padding:6px;border:1px solid #d3c58a77;border-radius:10px;background:#102733fa;box-shadow:0 3px 14px #00151b88}
.compact-map-controls .zoom-steps{top:0;width:56px}.compact-map-controls .build-options-menu{bottom:0}
.compact-map-controls .map-control-flyout[hidden]{display:none!important}
.compact-map-controls .map-control-flyout button{display:block;grid-column:auto;min-width:44px;min-height:44px;font:600 11px Manrope,Arial,sans-serif;padding:8px 5px;color:#e5ecda;border-radius:6px}
.compact-map-controls .zoom-steps button{font-size:21px}.compact-map-controls #arrange-colony{grid-column:auto;min-height:44px;font-size:11px}
.compact-map-controls #map-build-menu.active,.compact-map-controls button[aria-expanded=true]{border-color:#b9e5bb;background:#375e4c;color:#f2f5d9}
.arrangement-active .compact-map-controls #map-build-menu{display:none}
.panel #finish-building,.panel #finish-roads{flex:none;min-width:76px;min-height:44px;font-size:12px;border:1px solid #acd8bc;border-radius:8px;padding:9px 16px;background:linear-gradient(#477362,#234c43);color:#f4f8df;box-shadow:0 2px 5px #00191b66;cursor:pointer}
.panel .recycle-building{display:block;clear:both;width:100%;min-height:46px;margin-top:14px;padding:11px 14px;border:1px solid #e8aa89;border-radius:8px;background:linear-gradient(#694039,#3e2c2b);color:#ffe3d2;font:600 12px/1.5 Manrope,Arial,sans-serif;box-shadow:0 2px 5px #00191b55;cursor:pointer}
.panel .recycle-building:disabled{opacity:.5;cursor:not-allowed}.panel .recycle-building:hover:not(:disabled){background:#76473b}
.compact-map-controls button:focus-visible,#finish-building:focus-visible,.recycle-building:focus-visible{outline:2px solid #b7f4e5;outline-offset:3px}
@media(max-height:500px){.map-controls.compact-map-controls{bottom:35px;gap:3px;padding:3px;width:50px}.map-controls.compact-map-controls>button,.compact-map-controls #zoom-label{min-height:40px;width:42px;min-width:42px}.compact-map-controls .map-control-flyout button{min-height:40px}}