/* One bounded, shared selector: a controller wheel or touch buttons next to
   WEAPON. It uses existing inventory nodes and never captures movement input. */
#footWeaponMenu{position:fixed;left:var(--weapon-menu-left,16px);top:var(--weapon-menu-top,90px);right:auto;bottom:auto;z-index:45;max-height:calc(100dvh - 16px);overflow:auto;overscroll-behavior:contain;touch-action:manipulation}
#footWeaponMenu[hidden],#footWeaponMenu button[hidden],#footWeaponMenuHint[hidden]{display:none}
#footWeaponMenu button{min-width:44px;min-height:44px;cursor:pointer}
#footWeaponMenuHint{grid-column:1/-1;margin:0;color:#e2ebd0;font:10px/1.4 var(--mono);text-align:center;pointer-events:none}
#footWeaponMenu[data-selection-mode=mobile]{display:grid;grid-template-columns:repeat(var(--weapon-menu-columns,1),var(--weapon-button-width,44px));gap:6px;width:max-content;max-width:calc(100vw - 16px);padding:6px;border-color:#b6c6ad55;background:#10242cd9}
#footWeaponMenu[data-selection-mode=mobile] button{box-sizing:border-box;width:var(--weapon-button-width,44px);height:44px;min-height:44px;padding:3px;font-size:8px;line-height:1.2;overflow-wrap:anywhere}
#footWeaponMenu[data-selection-mode=mobile] button small{display:none}
#footWeaponMenu[data-selection-mode=mobile] [data-foot-equip=none]{display:none}
#footWeaponMenu[data-selection-mode=wheel]{--wheel-size:min(340px,calc(100vw - 24px),calc(100dvh - 24px));left:50%;top:50%;width:var(--wheel-size);height:var(--wheel-size);max-height:none;display:block;overflow:visible;transform:translate(-50%,-50%);padding:0;border:1px solid #bbd0b766;border-radius:50%;background:radial-gradient(circle,#11242ed9 0 24%,#20363bd9 25% 70%,#11242ee8 71%);box-shadow:0 8px 30px #0005}
#footWeaponMenu[data-selection-mode=wheel] button{position:absolute;left:calc(50% + var(--weapon-wheel-x,0%));top:calc(50% + var(--weapon-wheel-y,0%));transform:translate(-50%,-50%);width:68px;height:50px;padding:4px;font-size:9px;border-radius:8px;background:#243d40ed}
#footWeaponMenu[data-selection-mode=wheel] button small{display:none}
#footWeaponMenu[data-selection-mode=wheel] button[data-wheel-selected=true]{color:#15202a;border:2px solid #edffac;background:#d9ec9c;box-shadow:0 0 0 3px #d9ec9c33}
#footWeaponMenu[data-selection-mode=wheel] #footWeaponMenuHint{position:absolute;left:50%;top:50%;width:100px;transform:translate(-50%,-50%);font-size:10px;color:#edf2d9}
@media(max-height:400px){#footWeaponMenu[data-selection-mode=wheel] button{width:60px;height:44px;font-size:8px}}
