/* The weapon hand sits between the portrait and the stamina/health meters. */
.mobile-hud-1110.eclipse-edition #v2battleDock #selpanel > #heroWeapons129 {
  display:grid; grid-template-columns:44px; grid-auto-rows:44px; gap:4px;
  flex:0 0 44px; width:44px; max-height:92px; overflow:auto; margin:0;
  padding:0; align-self:center; scrollbar-width:thin; pointer-events:auto;
}
.mobile-hud-1110.eclipse-edition #v2battleDock #heroWeapons129[hidden] { display:none!important; }
.mobile-hud-1110.eclipse-edition #v2battleDock #heroWeapons129 button {
  width:44px; height:44px; min-width:44px; min-height:44px; margin:0; padding:2px;
  position:relative; border-radius:6px; touch-action:manipulation;
}
.mobile-hud-1110 #heroWeapons129 button[aria-pressed="true"]::after {
  content:'✓'; position:absolute; right:1px; bottom:1px; width:14px; height:14px;
  color:#fff0bb; background:#18271de8; font:bold 12px/14px Arial; border-radius:3px;
}
.mobile-hud-1110 #heroWeapons129 button:focus-visible { outline:2px solid #ffe6a3; outline-offset:-3px; }
.mobile-hud-1110.eclipse-edition #v2battleDock #selpanel.multi:has(> #heroWeapons129:not([hidden])) {
  display:grid; grid-template-columns:44px minmax(0,1fr); grid-template-rows:auto minmax(0,1fr); gap:4px 6px;
}
.mobile-hud-1110.eclipse-edition #v2battleDock #selpanel.multi > #heroWeapons129 { grid-area:1/1/3/2; }
.mobile-hud-1110.eclipse-edition #v2battleDock #selpanel.multi > #selinfo { grid-area:1/2; }
.mobile-hud-1110.eclipse-edition #v2battleDock #selpanel.multi > #selmulti { grid-area:2/2; }
/* A closed speaking card must win over the legacy mobile .praat !important rule. */
.close-popups-1110 #advisor.hidden { display:none!important; }
.mobile-hud-1110 #advisor .release-close { top:4px!important; right:4px!important; }
.mobile-hud-1110 #advisor > div:last-of-type { padding-right:0; }
@media(max-width:900px) {
  .mobile-hud-1110 #advisor:not(.hidden) {
    display:flex!important; z-index:70; top:calc(54px + var(--sat)); left:6px; right:6px; bottom:auto;
    width:auto; max-width:480px; max-height:min(160px,25dvh); min-height:48px; box-sizing:border-box;
    margin-left:auto; margin-right:auto; padding:7px 56px 7px 10px!important; overflow:auto;
  }
  .mobile-hud-1110 #advisor #advportrait { display:none!important; }
  .mobile-hud-1110 #advisor #advname { font-size:11px; line-height:1.2; margin-bottom:2px; }
  .mobile-hud-1110 #advisor #advtext { font:12px/1.35 Georgia,serif; max-height:none; }
  .mobile-hud-1110 #advisor[data-advice="brief"] #advname { display:none; }
  .mobile-hud-1110 #advisor[data-advice="brief"] { align-items:center; }
  .mobile-hud-1110.eclipse-edition #v2battleDock {
    left:var(--sal); right:var(--sar); padding:6px 8px; gap:6px;
  }
  .mobile-hud-1110.eclipse-edition #v2battleDock #selpanel { gap:6px; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #selpanel #selinfo { min-width:0; flex:1 1 0; padding:0; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #selpanel #selname { font-size:12px; margin:0 0 3px; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #selcond { min-height:32px; padding:0 3px; margin:0; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #renlabel { min-height:32px; gap:3px; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #selcond .tx { font-size:9px; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #hpwrap { margin:5px 0 0; height:6px; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #selinfo #xpwrap { height:6px; min-height:0; margin:3px 0 0; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #xptxt { display:none; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #cmdcard:not(.v2-shop),
  .mobile-hud-1110.eclipse-edition #v2battleDock #cmdcard:not(.v2-shop) .cmdgroep { grid-template-rows:repeat(2,44px); gap:4px; }
  .mobile-hud-1110.eclipse-edition #v2battleDock > #sleuvenrij[data-itembalk] { flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; padding:4px 0 0; gap:5px; }
  .mobile-hud-1110.eclipse-edition #v2battleDock > #sleuvenrij[data-itembalk] #gebruikslots i { flex:0 0 44px; width:44px; height:44px; min-width:44px; }
}
@media(max-width:900px) and (min-height:501px) {
  .mobile-hud-1110.eclipse-edition #v2battleDock,
  .mobile-hud-1110.eclipse-edition #v2battleDock.v2-shop-open:has(#cmdcard:not(.hidden)) {
    grid-template-columns:66px minmax(0,1fr); grid-template-rows:minmax(72px,auto) auto;
  }
  .mobile-hud-1110.eclipse-edition #v2battleDock #minimapbox { grid-area:1/1; width:66px; height:66px; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #selpanel { grid-area:1/2; flex-wrap:nowrap; height:auto; min-height:72px; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #portrait { width:72px; flex:0 0 72px; height:84px; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #cmdcard { grid-area:2/1/3/-1; }
  .mobile-hud-1110.eclipse-edition #v2battleDock > #sleuvenrij[data-itembalk] { grid-area:3/1/4/-1; }
}
@media(max-height:500px) and (max-width:900px) {
  .mobile-hud-1110.eclipse-edition #v2battleDock,
  .mobile-hud-1110.eclipse-edition #v2battleDock.v2-shop-open:has(#cmdcard:not(.hidden)) {
    grid-template-columns:56px minmax(180px,1fr) minmax(288px,44%); grid-template-rows:100px;
  }
  .mobile-hud-1110.eclipse-edition #v2battleDock #minimapbox { grid-area:1/1; width:56px; height:56px; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #selpanel { grid-area:1/2; flex-wrap:nowrap; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #portrait { flex:0 0 64px; width:64px; height:76px; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #cmdcard { grid-area:1/3; }
  .mobile-hud-1110.eclipse-edition #v2battleDock > #sleuvenrij[data-itembalk] { grid-area:2/1/3/-1; }
}

@media(max-width:900px) {
  /* Passive equipment remains in the portrait's equipment screen; keep consumables at hand. */
  .mobile-hud-1110.eclipse-edition #v2battleDock > #sleuvenrij[data-itembalk][data-usables="false"],
  .mobile-hud-1110.eclipse-edition #v2battleDock > #sleuvenrij[data-itembalk] > :is(#gedragenslots1110,#itemslots) { display:none!important; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #portrait #pbadge {
    bottom:0; font-size:8px; line-height:11px; max-height:11px; white-space:nowrap; overflow:hidden;
  }
  .mobile-hud-1110.eclipse-edition #v2battleDock #portrait { min-width:44px; min-height:44px; }
}
#mobileGroupToggle { display:none; }
@media(max-width:900px) {
  .mobile-hud-1110.eclipse-edition #v2battleDock #toolbox {
    top:-54px!important; bottom:auto!important; height:48px; padding:2px; right:6px; gap:4px;
  }
  .mobile-hud-1110.eclipse-edition #v2battleDock #toolbox .mbtn2,
  .mobile-hud-1110.eclipse-edition #v2battleDock #toolbox .gbtn,
  .mobile-hud-1110.eclipse-edition #v2battleDock #mobileGroupToggle {
    display:grid; place-items:center; width:44px; height:44px; min-width:44px; padding:0;
    font:11px Georgia,serif; touch-action:manipulation;
  }
  .mobile-hud-1110.eclipse-edition #v2battleDock #mobileGroupToggle {
    background:#1a2a21; border:1px solid #a291624d; border-radius:5px; color:#dfd4b6;
  }
  .mobile-hud-1110.eclipse-edition #v2battleDock #toolbox #grouptray { display:none; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #toolbox.groups-open #grouptray {
    display:flex; position:absolute; right:0; left:auto; top:auto; bottom:calc(100% + 4px);
    padding:4px; gap:4px; border:1px solid #a2916266; border-radius:6px; background:#152018f5;
  }
}
@media(max-width:430px) and (min-height:501px) {
  .mobile-hud-1110.eclipse-edition #v2battleDock:has(#heropanel .heroslot.aan ~ .heroslot.aan ~ .heroslot.aan) #toolbox { top:-108px!important; }
}
@media(max-width:900px) {
  .mobile-hud-1110 #objbanner .objsluit { width:44px; height:44px; top:2px; right:2px; font-size:22px; touch-action:manipulation; }
  .mobile-hud-1110 #objbanner .objlijst { padding-right:48px; }
}
@media(max-width:900px) {
  .mobile-hud-1110.eclipse-edition #v2battleDock #selpanel.multi #selmulti {
    display:grid; grid-auto-flow:column; grid-template-columns:none; grid-template-rows:44px;
    grid-auto-columns:44px; gap:4px; height:44px; max-height:44px; overflow-x:auto; overflow-y:hidden;
    align-content:start; justify-content:start; scrollbar-width:thin;
  }
  .mobile-hud-1110.eclipse-edition #v2battleDock #selpanel.multi .multichip { width:44px; height:44px; }
  .mobile-hud-1110.eclipse-edition #v2battleDock #cmdcard:not(.v2-shop) {
    grid-template-columns:repeat(var(--v2-columns,6),minmax(44px,1fr)); overflow-x:auto; overflow-y:hidden;
  }
}
.mobile-hud-1110 #heroWeapons129 { overscroll-behavior:contain; touch-action:pan-y; }
@media(max-width:900px) {
  .mobile-hud-1110 #cmdcard:not(.v2-shop), .mobile-hud-1110 #selmulti, .mobile-hud-1110 #sleuvenrij {
    overscroll-behavior:contain; touch-action:pan-x;
  }
}

@media(max-width:900px) {
  /* The same consumables already have a reachable row in the selected hero's dock. */
  .mobile-hud-1110 #riem { display:none!important; }
}