/* Shared close affordance; existing game handlers retain pause/menu/equipment semantics. */
.close-popups-1110 .release-close{position:absolute!important;top:max(8px,env(safe-area-inset-top))!important;right:max(8px,env(safe-area-inset-right))!important;left:auto!important;bottom:auto!important;z-index:50;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;display:grid!important;place-items:center;font:30px/1 Arial,sans-serif!important;background:#17221bef!important;color:#f5e6bc!important;border:1px solid #b39b65!important;border-radius:9px!important;cursor:pointer;pointer-events:auto;box-shadow:0 2px 12px #0005;touch-action:manipulation}
.close-popups-1110 .release-close:focus-visible{outline:3px solid #f7d77e;outline-offset:2px}
.close-popups-1110 :is(#heropick,#mappick,#boom,#escmenu,#confirmbox,#filmbox,#helpbox,#endoverlay,#introoverlay){padding-top:max(58px,env(safe-area-inset-top))}
.close-popups-1110 :is(#tip,#advisor,#eqpinfo){padding-right:54px!important;pointer-events:auto!important}
.close-popups-1110 #eqpinfo{position:relative}
@media(max-width:900px){
 .compact-mobile-1110.eclipse-edition #v2battleDock{left:calc(var(--sal) + 6px);right:calc(var(--sar) + 6px);padding:5px 6px;gap:5px;border-radius:9px 9px 0 0}
 .compact-mobile-1110.eclipse-edition #v2battleDock #cmdcard:not(.v2-shop),.compact-mobile-1110.eclipse-edition #v2battleDock #cmdcard:not(.v2-shop) .cmdgroep{grid-template-rows:repeat(2,44px);gap:4px}
 .compact-mobile-1110.eclipse-edition #v2battleDock #heropanel{grid-auto-rows:32px;gap:4px}
 .compact-mobile-1110.eclipse-edition #v2battleDock .heroslot{min-height:32px}
 .compact-mobile-1110.eclipse-edition #v2battleDock #portrait{height:50px;flex-basis:36px}
}
@media(max-width:560px) and (min-height:600px){
 .compact-mobile-1110.eclipse-edition #v2battleDock,.compact-mobile-1110.eclipse-edition #v2battleDock.v2-shop-open:has(#cmdcard:not(.hidden)){grid-template-columns:84px 30px minmax(0,1fr);grid-template-rows:minmax(88px,auto) auto;gap:5px 6px}
 .compact-mobile-1110.eclipse-edition #v2battleDock #minimapbox{width:84px;height:84px}
 .compact-mobile-1110.eclipse-edition #v2battleDock #selpanel{gap:5px}
 .compact-mobile-1110.eclipse-edition #v2battleDock #heropanel{grid-auto-rows:30px}
 .compact-mobile-1110.eclipse-edition #v2battleDock #selname{font-size:12px}
}
@media(max-height:500px) and (max-width:900px){
 .compact-mobile-1110.eclipse-edition #v2battleDock,.compact-mobile-1110.eclipse-edition #v2battleDock.v2-shop-open:has(#cmdcard:not(.hidden)){grid-template-columns:76px 34px minmax(70px,1fr) minmax(210px,43%);grid-template-rows:112px}
 .compact-mobile-1110.eclipse-edition #v2battleDock #minimapbox{width:76px;height:76px}
}
@media(max-width:900px){
 .compact-mobile-1110.eclipse-edition #v2battleDock #heropanel{height:56px!important;gap:6px!important;bottom:calc(100% + 6px)!important}
 .compact-mobile-1110.eclipse-edition #v2battleDock #heropanel .heroslot{width:44px!important;height:56px!important;min-height:56px!important}
}
.close-popups-1110 #advisor>div:last-of-type{min-width:0;flex:1 1 0}
.close-popups-1110 #advisor #advportrait{flex-shrink:0}
.close-popups-1110 #advtext{overflow-wrap:anywhere}

/* Bij drie of meer helden past de gereedschapsrij niet naast hun portretten op een telefoon. */
@media(max-width:560px) and (min-height:600px){
 .compact-mobile-1110.eclipse-edition #v2battleDock:has(#heropanel .heroslot.aan ~ .heroslot.aan ~ .heroslot.aan) #toolbox{top:-98px!important;bottom:auto!important}
}