.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:8px;margin:16px 0;align-items:start}
.inventory-tile{aspect-ratio:1;min-width:0;width:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:23px 9px 9px;border:1px solid #424b50;border-radius:4px;background:#202629;color:#e6ebed;text-align:center;overflow:hidden;letter-spacing:0}
.inventory-tile>svg{width:30px;height:30px;flex:none;color:#9ebbc3}
.inventory-tile strong{font-size:13px;font-weight:500;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;max-width:100%}
.inventory-tile small{font-size:11px;line-height:1.2;color:#a7b3b8;margin-top:auto;white-space:normal}
.inventory-tile:hover,.inventory-tile:focus-visible{background:#2d373b;border-color:#a8c5d0}
.inventory-tile:disabled{opacity:.48}
.inventory-tile.is-equipped{border-color:#6c9778;background:#233329}
.tile-quantity{position:absolute;right:7px;top:4px;font-size:12px;font-weight:600;color:#e2c17a}
.stack-variants .item-row{grid-template-columns:28px minmax(0,1fr);align-items:start;padding:12px 0}
.stack-variants .item-row .actions{grid-column:1/-1;display:flex;flex-wrap:wrap}
.stack-variants .actions button{font-size:12px;padding:7px 9px}
.variant-state{font-size:12px;color:#a7b3b8;margin:0 0 12px}
.quantity-field{display:flex;align-items:center;gap:12px;margin:20px 0}
.quantity-field input{width:100px;max-width:100%}
.trade-tile>svg{color:#d8bb7e}
@media(max-width:480px){.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.inventory-tile{padding:20px 5px 6px;gap:4px}.inventory-tile strong{font-size:11px;-webkit-line-clamp:2}.inventory-tile>svg{width:22px;height:22px}.inventory-tile small{font-size:10px}}