.squadre-unita{position:fixed;z-index:42;bottom:62px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 36px);padding:7px 9px 5px;border:1px solid #637652;background:#101c16ed;border-radius:10px;box-shadow:0 5px 25px #0007;color:#dce6cf;pointer-events:auto}
.squadre-unita[hidden]{display:none!important}.squadre-pulsanti{display:flex;gap:5px;overflow-x:auto;max-width:100%;padding:2px}
.squadra-pulsante{position:relative;flex:0 0 57px;width:57px;height:50px;padding:0;border:1px solid #62715e;border-radius:7px;background:#23312a;color:#dbe9ce;cursor:pointer;overflow:hidden}
.squadra-pulsante kbd{position:absolute;top:2px;left:4px;font-size:10px;z-index:2;font-family:inherit;font-weight:800}.squadra-pulsante:hover{border-color:#bbdc91;background:#354a36}.squadra-pulsante:focus-visible{outline:2px solid #e5f5cf;outline-offset:2px}
.squadra-pulsante[aria-pressed=true]{background:#417b36;border:2px solid #b3f280;box-shadow:inset 0 0 12px #8bd94755}.squadra-vuota{border-style:dashed;background:#152019;color:#71846a}.squadra-vuota:disabled{cursor:default;opacity:.5}
.squadra-modelli{display:flex;align-items:center;justify-content:center;height:100%;padding:3px 2px 4px}.squadra-modelli img{width:45px;height:42px;object-fit:contain;filter:drop-shadow(1px 2px 2px #0008)}.squadra-modelli img+img{margin-left:-31px;transform:translate(0,5px)}.squadra-modelli img:nth-child(3){transform:translate(-2px,-4px)}
.squadra-conteggio{position:absolute;right:3px;bottom:2px;font-size:10px;font-weight:800;text-shadow:1px 1px #000;background:#102115cc;border-radius:3px;padding:0 3px}.squadra-aggiungi{font-size:26px;font-weight:300}.squadre-legenda{display:block;font-size:9px;line-height:1.5;margin-top:3px;color:#abbc9f;text-align:center;white-space:nowrap}.squadre-annuncio{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body:not([data-modalita=voxel]) .squadre-unita,body.osservatore-attivo .squadre-unita{display:none!important}
@media(max-width:900px){.squadre-unita{bottom:112px}.squadra-pulsante{flex-basis:48px;width:48px}.squadre-legenda{white-space:normal;max-width:450px}}
@media(max-width:540px){.squadre-unita{left:10px;right:10px;max-width:none;transform:none;bottom:100px;padding:5px}.squadra-pulsante{height:43px;flex-basis:44px;width:44px}.squadra-modelli img{width:39px;height:38px}.squadre-legenda{font-size:8px}}
/* Reserve a shared lower strip so group shortcuts never cover unit orders,
   production, the map, or the DIO dock. The whole row scrolls on phones. */
body.squadre-visibili{--squadre-riserva:94px;--squadre-fondo:12px}
body.squadre-con-dio{--squadre-riserva:170px;--squadre-fondo:88px}
body.squadre-visibili .squadre-unita{bottom:var(--squadre-fondo)}
body[data-modalita="voxel"].squadre-visibili #rts-dettaglio{bottom:calc(var(--squadre-riserva) + 8px)}
body[data-modalita="voxel"].squadre-visibili #rts-pannello:not(.compatto){bottom:calc(var(--squadre-riserva) + 8px)}
body[data-modalita="voxel"] #rts-minimappa{top:var(--rts-hud-top,142px)!important;bottom:auto!important}
@media(max-width:540px){
  body.squadre-visibili{--squadre-riserva:86px}
  body.squadre-con-dio{--squadre-riserva:146px;--squadre-fondo:72px}
  body[data-modalita="voxel"].squadre-visibili #rts-pannello.compatto{bottom:calc(var(--squadre-riserva) + 8px)}
  body[data-modalita="voxel"].squadre-visibili #rts-dettaglio{bottom:calc(var(--squadre-riserva) + 32vh + 20px)}
  body[data-modalita="voxel"].squadre-visibili .pannello-compatto #rts-dettaglio{bottom:calc(var(--squadre-riserva) + 98px)}
}
body[data-modalita="voxel"].squadre-visibili #aiuto-voxel{display:none}
.minimappa-toggle-mobile,.minimappa-torna-mobile{display:none!important}
@media(max-width:540px){
  /* Selection, map and production are stacked instead of covering each
     other. Expanding the map shrinks the scrollable detail area. */
  body[data-modalita="voxel"]:has(#rts-dettaglio:not([hidden])){--mappa-piede:var(--squadre-riserva,60px);--mappa-pannello:32vh;--mappa-altezza:43px;--mappa-quota:var(--rts-hud-top,132px)}
  body[data-modalita="voxel"]:has(.dio-dock:not([hidden])):has(#rts-dettaglio:not([hidden])){--mappa-piede:var(--squadre-riserva,84px)}
  body[data-modalita="voxel"]:has(#rts-dettaglio:not([hidden])):has(#rts-pannello.compatto){--mappa-pannello:80px}
  body[data-modalita="voxel"]:has(#rts-dettaglio:not([hidden])):has(.minimappa-mobile-aperta){--mappa-altezza:min(30vh,calc((100vw - 36px)/2 + 84px),max(100px,calc(100dvh - var(--mappa-quota) - 216px)))}
  body[data-modalita="voxel"]:has(#rts-dettaglio:not([hidden])) #rts-minimappa.minimappa-mondo{left:10px!important;right:10px!important;width:auto!important;top:var(--mappa-quota)!important;bottom:auto!important;max-height:var(--mappa-altezza);padding:7px 8px;overflow:visible}
  body[data-modalita="voxel"]:has(#rts-dettaglio:not([hidden])) #rts-minimappa>div:first-child{margin-bottom:0!important}
  body[data-modalita="voxel"]:has(#rts-dettaglio:not([hidden])) #voxel{display:none}
  body[data-modalita="voxel"]:has(#rts-dettaglio:not([hidden])) #rts-minimappa .minimappa-torna-mobile{display:inline-flex!important;flex:0 0 27px;width:27px}
  body[data-modalita="voxel"]:has(#rts-dettaglio:not([hidden])) #rts-minimappa .minimappa-torna-mobile>span:last-child{display:none}
  body[data-modalita="voxel"]:has(#rts-dettaglio:not([hidden])) #rts-minimappa .minimappa-toggle-mobile{display:inline-flex!important;align-items:center;justify-content:center;width:27px;height:27px;flex:0 0 27px;border:1px solid #8ca77488;background:#2d4733;color:#e6efd9;border-radius:4px;padding:2px;order:9}
  body[data-modalita="voxel"]:has(#rts-dettaglio:not([hidden])) #rts-minimappa:not(.minimappa-mobile-aperta)>canvas,
  body[data-modalita="voxel"]:has(#rts-dettaglio:not([hidden])) #rts-minimappa:not(.minimappa-mobile-aperta)>canvas+div{display:none!important}
  body[data-modalita="voxel"]:has(#rts-dettaglio:not([hidden])) #rts-minimappa.minimappa-mobile-aperta>canvas{width:auto!important;max-width:100%;height:auto!important;max-height:calc(var(--mappa-altezza) - 84px);margin:7px auto 0}
  body[data-modalita="voxel"]:has(#rts-dettaglio:not([hidden])) #rts-minimappa.minimappa-mobile-aperta .minimappa-toggle-mobile svg{transform:rotate(180deg)}
  body[data-modalita="voxel"]:has(#rts-dettaglio:not([hidden])) #rts-hud #rts-dettaglio{max-height:clamp(48px,calc(100dvh - var(--mappa-quota) - var(--mappa-altezza) - 136px),28vh)}
  body[data-modalita="voxel"] #rts-dettaglio .rts-unit-actions{position:sticky;bottom:0;z-index:2;background:#14231bf5;padding:6px 0;margin-bottom:0;box-shadow:0 -5px 10px #14231be0}
}
@media(max-width:380px){body[data-modalita="voxel"]:has(#rts-dettaglio:not([hidden])) #rts-minimappa>div:first-child>strong{display:none!important}}