.tools{gap:5px;padding:8px}
.tool{width:108px;height:108px;gap:3px;padding:5px 7px 9px;overflow:visible}
.tool .weapon-art{display:block;width:76px;height:72px;max-width:100%;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 3px 2px #152b4030);transition:transform .15s ease,filter .15s ease;flex:none}
.tool>span:not(.ammo){line-height:1.2;font-size:12px;position:relative;z-index:1}
.tool.selected{background:linear-gradient(145deg,#ffeaa0,#ffce50 68%,#f5b936)}
.tool.selected .weapon-art{transform:translateY(-2px) scale(1.06);filter:drop-shadow(0 5px 3px #152b4045)}
.tool:not(:disabled):hover .weapon-art{transform:translateY(-3px) scale(1.08)}
.tool .ammo{position:absolute;top:4px;right:5px;z-index:2;min-width:19px;padding:2px 4px;border-radius:6px;background:#fffef9e8;border:1px solid #c8d4dc;color:#20384d;font-size:9px;line-height:1.2}
.tool:focus-visible{outline-offset:5px}
@media(min-width:1500px){.tool{width:115px;height:112px}.tool .weapon-art{width:82px;height:76px}}
@media(min-width:701px) and (max-width:900px){.tool{width:78px;height:101px;padding-inline:4px}.tool .weapon-art{width:65px;height:65px}}
@media(max-width:700px){
  .tools{display:flex;gap:2px;padding:5px;border-radius:18px}
  .tool{width:auto;min-width:0;flex:1;height:84px;padding:5px 1px 8px;gap:3px;border-radius:12px}
  .tool .weapon-art{width:52px;height:50px;max-width:100%}
  .tool>span:not(.ammo){font-size:10px;letter-spacing:-.3px;white-space:nowrap}
  .tool .ammo{top:2px;right:2px;min-width:15px;padding:1px 3px;font-size:8px}
  .ranked .tool{height:88px}
}
@media(max-width:370px){.tool .weapon-art{width:44px;height:46px}.tool>span:not(.ammo){font-size:9px}.tool{height:79px}}
@media(prefers-reduced-motion:reduce){.tool .weapon-art{transition:none}.tool:not(:disabled):hover .weapon-art,.tool.selected .weapon-art{transform:none}}