.storage-vault{display:grid;gap:14px}.storage-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.8fr);gap:14px;padding:16px;border:1px solid rgba(201,166,84,.38);border-radius:16px;background:radial-gradient(circle at 16% 18%,rgba(198,151,55,.18),transparent 32%),linear-gradient(180deg,rgba(29,24,20,.97),rgba(10,13,19,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 34px rgba(0,0,0,.42)}.storage-npc{display:flex;gap:14px;align-items:center}.storage-npc>img{width:88px;height:88px;object-fit:contain;border-radius:14px;border:1px solid rgba(225,191,101,.35);background:linear-gradient(180deg,#171b23,#090c12);box-shadow:0 8px 18px rgba(0,0,0,.4)}.storage-npc small,.storage-section-title small{color:#d6b565;font-weight:900;letter-spacing:.12em}.storage-npc h3{margin:4px 0 6px;color:#fff2c6;font-size:24px}.storage-npc p{margin:0;color:#c8c2b4;line-height:1.5}.storage-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.storage-summary>div{display:grid;place-content:center;text-align:center;min-height:74px;padding:8px;border:1px solid rgba(139,126,103,.3);border-radius:12px;background:rgba(7,10,15,.72)}.storage-summary small{font-size:9px;color:#9da6b6;letter-spacing:.08em}.storage-summary b{margin-top:5px;color:#f2d47e}.storage-tabs{display:flex;gap:8px;padding:7px;border:1px solid rgba(125,113,91,.25);border-radius:13px;background:rgba(8,11,17,.82)}.storage-tabs button{flex:1;padding:11px 14px;border:1px solid transparent;border-radius:9px;background:transparent;color:#aeb6c4;font-weight:900;letter-spacing:.04em}.storage-tabs button.active{color:#fff0bf;border-color:rgba(214,179,87,.46);background:linear-gradient(180deg,rgba(102,78,31,.55),rgba(42,32,17,.76));box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.storage-tabs em{display:inline-grid;place-items:center;min-width:24px;height:20px;margin-left:6px;border-radius:999px;background:#0a0d13;color:#d7bf78;font-style:normal;font-size:10px}.storage-tab{display:none}.storage-tab.active{display:block}.storage-section-title{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:6px 2px 10px}.storage-section-title h3{margin:3px 0 0;color:#eef2f8}.storage-section-title p{max-width:520px;margin:0;text-align:right;color:#939cab;font-size:12px}.storage-item-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:9px}.storage-item{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid #303846;border-radius:12px;background:linear-gradient(180deg,rgba(25,30,39,.94),rgba(11,14,20,.96));box-shadow:0 8px 18px rgba(0,0,0,.25)}.storage-item.common{border-color:#3d4655}.storage-item.uncommon{border-color:#497154}.storage-item.rare{border-color:#405f91}.storage-item.epic{border-color:#765496}.storage-item.legendary{border-color:#a37a2d;box-shadow:0 8px 18px rgba(0,0,0,.25),inset 0 0 18px rgba(207,159,57,.05)}.storage-item-art{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#080b10}.storage-item-art img{max-width:50px;max-height:50px;object-fit:contain}.storage-item-info{min-width:0;display:grid;gap:3px}.storage-item-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#edf2fb}.storage-item-info small{color:#d0b978;font-size:9px;font-weight:900;letter-spacing:.06em}.storage-item-info span{color:#8792a3;font-size:10px}.storage-item>button{min-width:78px;padding:9px 10px;border:1px solid #8f783e;border-radius:8px;background:linear-gradient(#765b25,#3e2f17);color:#fff0bd;font-size:10px;font-weight:900}.storage-item>button:hover{filter:brightness(1.12)}.storage-item>button:disabled{opacity:.45;cursor:not-allowed}.storage-empty,.storage-loading,.storage-error{grid-column:1/-1;min-height:160px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;padding:24px;border:1px dashed #394453;border-radius:14px;background:rgba(8,11,17,.62);color:#9ca7b7}.storage-empty>span{font-size:34px}.storage-empty small{max-width:520px}.storage-loading span{width:34px;height:34px;border:3px solid #705d31;border-top-color:#f0cf76;border-radius:50%;animation:storageSpin .8s linear infinite}.storage-error h3{margin:0;color:#ffc0c0}.storage-error button{padding:10px 14px}@keyframes storageSpin{to{transform:rotate(360deg)}}@media(max-width:850px){.storage-hero{grid-template-columns:1fr}.storage-summary{grid-template-columns:repeat(3,1fr)}.storage-section-title{display:block}.storage-section-title p{text-align:left;margin-top:5px}.storage-item-list{grid-template-columns:1fr}}@media(max-width:520px){.storage-npc>img{width:68px;height:68px}.storage-npc h3{font-size:20px}.storage-summary{grid-template-columns:1fr}.storage-tabs{display:grid;grid-template-columns:1fr 1fr}.storage-item{grid-template-columns:50px 1fr}.storage-item-art{width:50px;height:50px}.storage-item>button{grid-column:1/-1;width:100%}}