.equipment-list { display: grid; gap: 10px; }
.equipment-card { border: 1px solid #a79b75; background: #a49e7320; padding: 9px; min-width: 0; }
.equipment-card.owned { border-color: #84895f; }
.equipment-top { display: flex; align-items: center; gap: 10px; }
.equipment-thumb { flex-shrink: 0; width: 62px; height: 48px; background: #33352b; border: 1px solid #817958; image-rendering: pixelated; filter: saturate(.55); }
.equipment-name { min-width: 0; flex: 1; }
.equipment-name > small { display: block; color: #7c7250; font-size: 8px; letter-spacing: .07em; }
.equipment-name h3 { margin: 2px 0; font-size: 15px; font-weight: 400; line-height: 1.4; }
.equipment-level { font-size: 11px; color: #606645; white-space: nowrap; }
.equipment-effect { font-size: 12px; color: #515939; margin: 7px 0 2px; }
.equipment-rank { display: flex; align-items: center; gap: 3px; margin: 7px 0; }
.equipment-rank i { width: 11px; height: 4px; background: #b8b18c; flex-shrink: 0; }
.equipment-rank i.filled { background: #65754a; }
.equipment-rank span { font-size: 9px; margin-left: auto; color: #7c7351; }
.equipment-card button { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 5px; padding: 5px 8px; min-height: 34px; border: 1px solid #3d4b2d; border-bottom: 3px solid #364029; border-radius: 0; background: #586843; color: #f4eac6; box-shadow: inset 1px 1px #9aa175; font-size: 12px; }
.equipment-card button:hover:not(:disabled) { background: #697b50; }
.equipment-card button:disabled { background: #bcb797; border-color: #9b9270; color: #756e52; box-shadow: none; }
.equipment-card button small { font-size: 10px; white-space: nowrap; }
.equipment-purchase-hint { margin-top: 4px; text-align: right; font-size: 9px; color: #82754f; min-height: 14px; }