.ammo-bar{gap:7px;bottom:18px;max-width:calc(100% - 130px);padding:7px;border:1px solid #d9e7ed56;border-radius:18px;background:#0c1d30bd;box-shadow:0 10px 26px #04101c77;backdrop-filter:blur(8px);overflow-x:auto;scrollbar-width:thin}
.ammo{position:relative;flex:none;display:grid;place-items:center;width:63px;height:66px;padding:3px;border:2px solid #9fbed394;border-radius:12px;background:linear-gradient(155deg,#304558e8,#142535f0);color:#f9f2dc;box-shadow:inset 0 1px #ffffff45,0 4px 0 #07111dbb;transition:transform .14s,border-color .14s,box-shadow .14s}
.ammo:hover:not(:disabled){transform:translateY(-3px);border-color:var(--ammo-color);box-shadow:0 0 15px var(--ammo-color),0 5px 0 #07111dbb}
.ammo.active{border-color:#ffe09b;background:linear-gradient(155deg,#726036,#253f46);box-shadow:0 0 0 2px #ffeec1aa,0 0 20px #ffe09b99,inset 0 2px #fff4c377}
.ammo.locked{filter:saturate(.25)}
.ammo-key{position:absolute;top:3px;left:5px;font:900 10px 'DM Sans',sans-serif;color:#c9dae6}
.ammo-art{display:grid;place-items:center;width:40px;height:40px;filter:drop-shadow(0 2px 2px #0009)}
.ammo-art svg{width:39px;height:39px}
.ammo-count{position:absolute;right:3px;bottom:2px;min-width:18px;padding:1px 3px;border:1px solid #efcf75;border-radius:6px;background:#10293d;color:#ffe094;font:900 11px 'DM Sans',sans-serif}
.ammo:disabled{opacity:.44}
.arrow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:59vh;overflow-y:auto;padding:2px 5px 4px 2px}
.arrow-card{min-width:0;border:1px solid color-mix(in srgb,var(--ammo-color) 55%,#dce9ef);border-radius:15px;padding:12px;background:linear-gradient(145deg,#254657,#102a3b);box-shadow:inset 0 1px #ffffff30,0 6px 15px #07131e66}
.arrow-card-top{display:flex;align-items:center;gap:10px}
.arrow-card-icon{display:grid;place-items:center;flex:none;width:53px;height:53px;border:1px solid color-mix(in srgb,var(--ammo-color) 65%,transparent);border-radius:12px;background:#091d2b9c}
.arrow-card-icon svg{width:43px;height:43px;filter:drop-shadow(0 2px 3px #0007)}
.arrow-card-top strong{display:block;color:#fff0c4;font:900 22px/1 'Barlow Condensed',Impact,sans-serif}
.arrow-card-top small{color:var(--ammo-color);font-weight:900;letter-spacing:.6px}
.arrow-card p{margin:8px 0;color:#d2e4ed;font-size:12px}
.arrow-card-effect{min-height:37px;padding:6px 8px;border-radius:8px;background:#0c2535;color:#fff2c5;font-size:11px;font-weight:800}
.arrow-card-effect em{display:block;color:#a9f0cb;font-style:normal}
.arrow-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:10px;color:#c2d8e0}
.arrow-card-bottom button{white-space:nowrap;font-size:11px;padding:7px}
@media(max-width:760px){.ammo-bar{bottom:8px;max-width:65%;gap:4px;padding:4px}.ammo{width:48px;height:52px}.ammo-art,.ammo-art svg{width:31px;height:31px}.arrow-grid{grid-template-columns:1fr;max-height:55vh}}
@media(max-width:470px){.ammo-bar{max-width:60%}.ammo{width:43px;height:47px}.ammo-art,.ammo-art svg{width:27px;height:27px}.ammo-count{font-size:9px}}