.equipment-panel{position:absolute;z-index:45;inset-block-start:90px;inset-inline-end:20px;width:min(278px,calc(100% - 32px));max-height:calc(100% - 106px);overflow-y:auto;padding:14px;display:grid;gap:10px;color:#e6eddd;background:linear-gradient(135deg,#253b2eed,#0b1511f5);border:1px solid #a8c7ae66;border-radius:20px;box-shadow:0 12px 35px #0008,inset 0 1px #e8fce52b;backdrop-filter:blur(16px);font:500 13px/1.5 var(--magic-text),'Noto Sans Hebrew',var(--magic-text);pointer-events:auto}
.equipment-panel.hidden,.gear-hud.hidden,.gear-button.hidden{display:none!important}.equipment-panel strong{font-size:16px}.equipment-panel button{font:inherit;min-height:44px;padding:8px 12px;border:1px solid #a8c7ae77;border-radius:12px;background:#adc5ad0d;color:inherit;text-align:start}.equipment-panel button[aria-pressed=true]{border-color:#cbe59f;background:#aacc7130}.equipment-panel button:disabled{opacity:.48}.equipment-panel small{color:#bdcbbd;font-size:12px}.gear-hud{display:block;font:600 11px/1.5 var(--magic-text);color:#a9e0d5;white-space:nowrap;margin-top:3px;letter-spacing:0}.gear-button svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7}
@media(max-width:600px){.equipment-panel{inset-block-start:74px;inset-inline-end:12px;width:246px;padding:12px}.gear-hud{font-size:10px}}

.gear-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.equipment-panel .gear-close{min-width:44px;min-height:44px;padding:0;text-align:center;font-size:25px;line-height:1}.equipment-panel [data-gear]{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px}.equipment-panel [data-gear] svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6}.equipment-panel [data-gear] span{overflow-wrap:anywhere}.equipment-panel [data-gear] b{font-size:11px;white-space:nowrap}.equipment-panel button:focus-visible{outline:2px solid #e8cc88;outline-offset:3px}