.inventory-page{display:grid;gap:22px;color:#e9edf5}.inventory-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:10px 4px}.inventory-heading h1{margin:3px 0 5px;font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,2.65rem);color:#f4d17b}.inventory-heading p{margin:0;color:#9ca9bc}.inventory-capacity{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #3d516a;border-radius:10px;background:#101a29}.inventory-capacity strong{font-size:1.35rem;color:#f1c96d}.inventory-capacity span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#99a7ba}.inventory-section{overflow:hidden;border:1px solid #314b68;border-radius:12px;background:linear-gradient(145deg,rgba(16,29,47,.97),rgba(8,16,28,.98));box-shadow:0 14px 32px rgba(0,0,0,.25)}.inventory-section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 17px;border-bottom:1px solid #314b68;background:linear-gradient(180deg,#193b61,#102844)}.inventory-section-title>div{display:flex;align-items:center;gap:11px}.inventory-section-title h2{margin:0;font:700 1rem Georgia,serif;letter-spacing:.09em;text-transform:uppercase;color:#f4d17b}.inventory-section-title p{margin:2px 0 0;font-size:.76rem;color:#a7b4c6}.inventory-section-title>span{font-size:.75rem;color:#b7c6d9}.section-gem{display:grid;place-items:center;width:31px;height:31px;border:1px solid #bc913c;border-radius:50%;color:#f4d17b;background:#0b1727}.equipment-grid{display:grid;grid-template-columns:repeat(6,minmax(115px,1fr));gap:11px;padding:16px}.equipment-slot{position:relative;min-height:190px;padding:11px;text-align:center;border:1px solid #334964;border-radius:10px;background:linear-gradient(145deg,#17263b,#0b1422);transition:.2s ease}.equipment-slot:hover{transform:translateY(-2px);border-color:#8b713d}.equipment-slot.is-filled{box-shadow:inset 0 0 20px rgba(211,165,66,.08)}.equipment-slot-label{display:flex;align-items:center;justify-content:center;gap:6px;padding-bottom:8px;border-bottom:1px solid #293a50;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#aebdd0}.equipment-slot-label span{color:#e8bc5d}.item-art{display:grid;place-items:center;width:62px;height:62px;margin:12px auto 9px;overflow:hidden;border:1px solid #4b617b;border-radius:9px;background:radial-gradient(circle,#233d5c,#0a1320);color:#cda64d;font-size:1.75rem}.item-art img{width:100%;height:100%;object-fit:cover}.equipment-slot>strong{display:block;min-height:35px;font-size:.84rem;color:#f2e3bd}.equipment-slot>small{display:block;color:#8797aa;font-size:.68rem}.equipment-remove{margin-top:8px;padding:4px 9px;border:1px solid #65464a;border-radius:6px;background:#251820;color:#dca8a8;font-size:.68rem;cursor:pointer}.inventory-filter{display:flex;gap:8px;overflow-x:auto;padding:14px 16px;border-bottom:1px solid #24364c}.inventory-filter-button{display:flex;align-items:center;gap:7px;min-width:max-content;padding:8px 11px;border:1px solid #354b65;border-radius:8px;background:#101c2c;color:#aebbd0;cursor:pointer}.inventory-filter-button>span{font-size:1.05rem;color:#d5ad55}.inventory-filter-button b{font-size:.75rem}.inventory-filter-button small{display:grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#24364b;color:#c4d0df}.inventory-filter-button:hover,.inventory-filter-button.is-active{border-color:#d0a344;background:linear-gradient(180deg,#28486b,#172c47);color:#fff}.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.inventory-item{display:flex;flex-direction:column;min-width:0;padding:13px;border:1px solid #2e435c;border-radius:10px;background:linear-gradient(145deg,#15243a,#0b1524);transition:.2s ease}.inventory-item:hover{border-color:#826d42;transform:translateY(-2px)}.inventory-item.is-equipped{border-color:#84703f;box-shadow:inset 0 0 20px rgba(214,171,78,.08)}.inventory-item[hidden]{display:none}.inventory-item-top{position:relative;display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center}.inventory-item .item-art{width:52px;height:52px;margin:0;font-size:1.35rem}.inventory-item h3{overflow:hidden;margin:2px 30px 2px 0;font-size:.92rem;white-space:nowrap;text-overflow:ellipsis;color:#f2e4c0}.item-type{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:#7f91a8}.item-rarity{font-size:.66rem;color:#d0aa57}.item-quantity{position:absolute;right:0;top:0;padding:3px 6px;border-radius:7px;background:#263e5c;color:#fff;font-size:.7rem}.inventory-item>p{margin:11px 0;color:#9eabba;font-size:.75rem;line-height:1.45}.item-stats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.item-stats span{padding:3px 6px;border-radius:5px;background:#0a1421;color:#9facbd;font-size:.66rem}.item-stats b{color:#72daa0}.inventory-item footer{display:flex;align-items:end;min-height:31px;margin-top:auto;padding-top:9px;border-top:1px solid #26384e}.equipped-marker{color:#e7c46d;font-size:.72rem;font-weight:700}.stored-marker{color:#77879b;font-size:.7rem}.inventory-item .button.small{padding:6px 10px;font-size:.7rem}.inventory-empty{padding:45px 20px;text-align:center;color:#8494a9}.inventory-empty span{font-size:2rem;color:#b08c45}.inventory-empty h3{margin:8px 0 4px;color:#dbe2eb}.inventory-empty p{margin:0}.inventory-empty.is-hidden{display:none}
@media(max-width:1050px){.equipment-grid{grid-template-columns:repeat(3,1fr)}.inventory-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.inventory-heading{align-items:flex-start;flex-direction:column}.equipment-grid{grid-template-columns:repeat(2,1fr);padding:11px}.inventory-grid{grid-template-columns:1fr;padding:11px}.inventory-section-title>span{display:none}}