/* The seven existing menu controls get real, non-overlapping tap boxes.
   A compact grid uses otherwise empty horizontal gaps instead of new buttons.
   Reclaim inner/outer padding first: existing footer height and safe area stay. */
@media(max-width:760px),(orientation:landscape) and (max-height:600px) and (max-width:1100px){
 #game-ui{--hud-height:calc(168px + env(safe-area-inset-bottom))}
 #game-ui>footer{grid-template-rows:62px 98px;gap:4px;padding-top:2px;padding-bottom:calc(2px + env(safe-area-inset-bottom))}
 #game-ui>footer .quickbar{padding:2px 3px}
 #game-ui>footer .commandbar{display:grid;grid-template-columns:repeat(7,minmax(40px,1fr));gap:2px;margin-top:4px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
 #game-ui>footer .commandbar>button,#game-ui>footer .commandbar .wallet-tools>button{display:flex;align-items:center;justify-content:center;width:100%;min-width:40px;min-height:44px;height:44px;padding:2px;font-size:11px;line-height:14px;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;touch-action:manipulation;border-radius:3px}
 #game-ui>footer .commandbar>button:not(.map-attention),#game-ui>footer .commandbar .wallet-tools>button:not(.map-attention){border:1px solid transparent}
 #game-ui>footer .commandbar button:active{background-color:#354432;color:#f2dfaf}
 #game-ui>footer .commandbar .wallet-tools{display:contents}
 #game-ui>footer .commandbar kbd{display:none}
}
@media(max-width:360px){
 #game-ui>footer .quickbuttons{gap:2px}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){
 #game-ui{--hud-height:calc(100px + env(safe-area-inset-bottom))}
 #game-ui>footer{grid-template-rows:minmax(0,1fr);gap:8px;padding-top:1px;padding-bottom:calc(1px + env(safe-area-inset-bottom))}
 #game-ui>footer .quickbar{padding:2px 3px}
 #game-ui>footer .commandbar{margin-top:4px}
}