/* Final HUD geometry: keep controls and labels in separate spaces. */
#build-panel{box-sizing:border-box;height:112px;max-height:none;overflow:visible;padding:8px;bottom:calc(12px + var(--safe-bottom,0px));left:50%;transform:translateX(-50%)}
#build-panel .build-options{height:100%;grid-template-columns:repeat(4,minmax(0,1fr))}
#build-panel .build-options button{min-width:0;min-height:0;padding:4px;flex-direction:column}
#build-toggle{left:50%;bottom:calc(132px + var(--safe-bottom,0px));transform:translateX(-50%);min-height:26px;height:26px;margin:0;padding:3px 12px;border:1px solid #b4ce8d55;box-shadow:none;font:11px monospace}
#build-help{left:calc(50% + 94px);bottom:calc(132px + var(--safe-bottom,0px))}
#placement-actions,#build-guide{left:50%;transform:translateX(-50%);bottom:calc(169px + var(--safe-bottom,0px))}
#inventory-open{right:23px;left:auto;bottom:calc(274px + var(--safe-bottom,0px));width:55px;height:56px;margin:0}
#inventory-open svg{height:35px;width:35px}
#moto-toggle{left:18px;right:auto;transform:none;bottom:calc(280px + var(--safe-bottom,0px));max-width:125px;width:125px}
#fuel-status{left:18px;right:auto;transform:none;bottom:calc(241px + var(--safe-bottom,0px));max-width:125px;width:125px}
#shop-items:not(.defense-catalog){grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#shop-items .shop-item{padding:12px}
#shop-items .shop-item canvas{display:block;width:100%;height:auto;aspect-ratio:8/5}
#shop-items .shop-equipment-art{min-height:170px;display:grid;place-items:center}
#shop-items .shop-equipment-art svg{width:100%;height:170px;max-width:240px}
#shop-items .shop-item h3{font-size:16px}
#shop-items .shop-item p{font-size:13px}
@media(max-width:700px){
 #build-panel{height:98px;bottom:calc(6px + var(--safe-bottom,0px))}
 #build-toggle,#build-help{bottom:calc(112px + var(--safe-bottom,0px))}
 #placement-actions,#build-guide{bottom:calc(149px + var(--safe-bottom,0px))}
 #inventory-open{bottom:calc(330px + var(--safe-bottom,0px))}
 #shop-items:not(.defense-catalog){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media(max-width:480px){#shop-items:not(.defense-catalog){grid-template-columns:1fr}#shop-items .shop-item canvas{max-height:220px;object-fit:contain}#shop-items .shop-equipment-art svg{height:190px}}
@media(max-height:500px) and (orientation:landscape){
 #inventory-open{right:23px;bottom:calc(140px + var(--safe-bottom,0px))}
 #moto-toggle{left:18px;bottom:160px}#fuel-status{left:18px;bottom:125px}
 #shop-items:not(.defense-catalog){grid-template-columns:repeat(3,minmax(0,1fr))}
}