.inventory-page{position:relative;height:100%;display:grid;grid-template-rows:75px 52px minmax(0,1fr);gap:8px;padding:10px 0 0 5px}
.inventory-toolbar{display:grid;grid-template-columns:1fr 230px 194px 150px;align-items:center;gap:12px;padding-right:435px}
.inventory-toolbar h1{margin:0;font-family:var(--wc-font-display);font-size:38px;font-weight:400;letter-spacing:3px;color:var(--wc-text)}
.weight-meter{font-family:var(--wc-font-display);font-size:16px;color:#e0cfba}.weight-meter>strong{font-weight:500;text-shadow:0 1px 5px rgba(0,0,0,.5)}.weight-track{display:block;height:4px;margin-top:5px;background:rgba(76,76,67,.52)}.weight-track i{display:block;width:41%;height:100%;background:var(--wc-orange);box-shadow:0 0 8px rgba(255,104,31,.35)}.capacity-sources{display:grid;grid-template-columns:1fr 1px 1fr;gap:10px;margin-top:7px;font-size:11px;color:#d0bfaa;line-height:1.15}.capacity-sources>i{width:1px;background:rgba(157,123,94,.72)}.capacity-sources span{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:baseline}.capacity-sources b{font-size:10px;letter-spacing:.8px;color:#b7a693;font-weight:600}.capacity-sources small{grid-column:1/-1;color:#9b8d7d;font-size:9px;margin-top:2px}.backpack-capacity{color:#e0a779}
.inventory-search{height:44px;border:1px solid rgba(113,94,77,.68);background:rgba(5,14,17,.76);color:#ad9f90;font-family:var(--wc-font-display);font-size:16px;outline:0;padding:0 14px}.inventory-search:focus{border-color:var(--wc-orange)}.inventory-sort{position:relative;height:44px;font-family:var(--wc-font-display);font-size:15px}.inventory-sort-trigger{width:100%;height:44px;border:1px solid rgba(113,94,77,.68);background:rgba(5,14,17,.82);color:#ad9f90;padding:0 13px;display:flex;align-items:center;justify-content:space-between;font:inherit;cursor:pointer}.inventory-sort-trigger span{font-size:20px;color:#956a4c;transition:transform .18s}.inventory-sort.open .inventory-sort-trigger{border-color:#b2673b}.inventory-sort.open .inventory-sort-trigger span{transform:rotate(180deg)}.inventory-sort-menu{position:absolute;z-index:12;left:0;right:0;top:48px;padding:5px;border:1px solid rgba(143,108,78,.75);background:rgba(4,13,15,.97);box-shadow:0 14px 32px rgba(0,0,0,.35);opacity:0;transform:translateY(-6px);pointer-events:none;transition:.16s}.inventory-sort.open .inventory-sort-menu{opacity:1;transform:none;pointer-events:auto}.inventory-sort-menu button{width:100%;height:35px;border:0;border-left:2px solid transparent;background:transparent;color:#9f9284;text-align:left;padding:0 10px;font:inherit;font-size:13px;cursor:pointer}.inventory-sort-menu button:hover,.inventory-sort-menu button.selected{border-left-color:var(--wc-orange);background:rgba(199,103,55,.1);color:#e0cdb7}
.inventory-workspace{display:grid;grid-template-columns:440px minmax(0,1fr);gap:18px;min-height:0;padding-right:430px}
.equipment-zone{position:relative;min-width:0;overflow:hidden;border-right:1px solid rgba(115,92,72,.28)}
.equipment-mannequin{position:absolute;left:106px;top:24px;width:224px;height:574px;object-fit:contain;object-position:center;filter:grayscale(.8) contrast(1.08) brightness(.64);mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent)}
.equipment-slot{position:absolute;width:94px;height:78px;border:1px solid rgba(116,95,77,.65);background:rgba(5,15,18,.58);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);padding:19px 6px 4px;text-align:center}
.equipment-slot span{position:absolute;z-index:2;left:7px;top:5px;font-family:var(--wc-font-display);font-size:9px;color:#8d8175;letter-spacing:.45px;white-space:nowrap}.equipment-slot img{width:100%;height:100%;object-fit:contain;filter:saturate(.76) contrast(1.04);-webkit-user-drag:none;user-select:none}.equipment-slot .slot-empty-icon{position:absolute;left:8px;right:8px;top:16px;width:calc(100% - 16px);height:calc(100% - 20px);object-fit:contain;opacity:.72;filter:saturate(.72) contrast(1.08) drop-shadow(0 3px 6px rgba(0,0,0,.24));transition:opacity .18s,transform .18s,filter .18s;pointer-events:none}.slot-placeholder{height:100%;display:grid;place-items:center;color:#695f56}.slot-svg{width:44px;height:44px;stroke-width:1.1}.equipment-slot.empty{border-color:rgba(102,86,72,.4);background:rgba(7,15,17,.34)}.equipment-slot.empty:hover .slot-empty-icon{opacity:.94;transform:scale(1.06);filter:saturate(.88) contrast(1.1) drop-shadow(0 4px 8px rgba(0,0,0,.28))}
.equipment-slot.cap{left:0;top:0}.equipment-slot.glasses{right:18px;top:0}.equipment-slot.mask{left:0;top:86px}.equipment-slot.necklace{right:18px;top:86px}.equipment-slot.jacket{left:0;top:172px}.equipment-slot.shirt{right:18px;top:172px}.equipment-slot.pants{left:0;top:258px}.equipment-slot.gloves{right:18px;top:258px}.equipment-slot.boots{left:0;top:344px}.equipment-slot.backpack{right:18px;top:344px}.equipment-slot.belt{left:0;top:430px}.equipment-slot.watch{right:18px;top:430px}.equipment-slot.armor{left:0;top:610px}.equipment-slot.melee{left:106px;top:610px}.equipment-slot.lightWeapon{left:212px;top:610px}.equipment-slot.heavyWeapon{left:318px;top:610px}
.equipment-slot.armor,.equipment-slot.melee,.equipment-slot.lightWeapon,.equipment-slot.heavyWeapon{height:86px;background:linear-gradient(180deg,rgba(12,22,24,.72),rgba(4,13,16,.62));border-color:rgba(137,103,75,.72)}
.inventory-catalog{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;min-width:0;min-height:0;height:100%}
.inventory-categories{border:1px solid rgba(113,91,71,.5);background:rgba(3,12,15,.73);display:flex;flex-direction:column;align-self:stretch;padding-top:10px}
.inventory-category{height:47px;border:0;border-left:3px solid transparent;background:transparent;color:#897e71;text-align:left;padding:0 13px;font-family:var(--wc-font-display);font-size:13px;letter-spacing:.4px;cursor:pointer}.inventory-category:hover{color:#c9bba9;background:rgba(255,104,31,.035)}.inventory-category.active{border-left-color:var(--wc-orange);color:var(--wc-orange);background:linear-gradient(90deg,rgba(255,104,31,.11),transparent)}
.inventory-grid-scroll{min-width:0;min-height:0;height:100%;align-self:stretch;overflow-y:auto;padding:0 7px 112px 0;scrollbar-width:thin;scrollbar-color:#8b684f rgba(4,13,15,.7)}.inventory-grid-scroll::-webkit-scrollbar{width:8px}.inventory-grid-scroll::-webkit-scrollbar-track{background:rgba(4,13,15,.72);border-left:1px solid rgba(117,91,70,.22)}.inventory-grid-scroll::-webkit-scrollbar-thumb{background:#8b684f;border:2px solid rgba(4,13,15,.72);border-radius:5px}.inventory-grid-scroll::-webkit-scrollbar-thumb:hover{background:#b97649}
.storage-section{padding:3px 4px 16px;transition:background .16s,box-shadow .16s}.storage-section+ .storage-section{margin-top:7px;padding-top:16px;border-top:1px solid rgba(142,108,79,.48)}.storage-toggle{width:100%;height:32px;margin:0 0 9px;padding:0 4px;display:flex;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid rgba(136,106,79,.45);background:transparent;font-family:var(--wc-font-display);font-size:13px;letter-spacing:1.2px;color:#c5b4a0;cursor:pointer;text-align:left}.storage-toggle span{display:flex;align-items:center;gap:8px}.storage-toggle span i{width:11px;color:#d37b47;font-style:normal;font-size:14px}.storage-toggle small{padding:4px 8px;border:1px solid rgba(146,111,82,.55);background:rgba(9,18,19,.76);font-size:12px;line-height:1;letter-spacing:.55px;color:#dbc9b4;font-weight:600}.storage-toggle:hover,.storage-toggle:focus-visible{color:#f0e2d1;border-bottom-color:#d27843;outline:0}.backpack-storage>.storage-toggle{color:#dea273}.storage-section.storage-drag-over{background:rgba(211,118,65,.12);box-shadow:inset 0 0 0 1px #d47842,inset 0 0 28px rgba(211,118,65,.13)}.storage-section.storage-drag-over>.storage-toggle{color:#f0b080;border-bottom-color:#e58b53}.storage-section.collapsed{padding-bottom:3px}.storage-section.collapsed>.storage-toggle{margin-bottom:0}.storage-section.collapsed>.inventory-grid{display:none}.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:178px;gap:12px}
.inventory-item{position:relative;border:1px solid rgba(115,96,78,.62);background:linear-gradient(145deg,rgba(6,18,21,.91),rgba(2,10,13,.83));color:#b9aa98;text-align:left;padding:13px;cursor:pointer;overflow:hidden;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);transition:.16s}.inventory-item:hover{border-color:#a6764b;background:rgba(16,24,24,.92)}.inventory-item.selected{border-color:var(--wc-orange);box-shadow:inset 0 0 20px rgba(255,104,31,.07)}
.inventory-item:before{content:"";position:absolute;left:0;top:0;width:3px;height:44px;background:var(--item-accent,#6b91a0)}.inventory-item h4{position:relative;margin:0;font-family:var(--wc-font-display);font-size:16px;font-weight:400}.inventory-item .qty{position:absolute;right:10px;top:11px;font-family:var(--wc-font-display);font-size:14px;color:#9d9183}.inventory-item img{display:block;width:100%;height:112px;object-fit:contain;margin-top:5px;filter:drop-shadow(0 9px 8px rgba(0,0,0,.38))}.inventory-item small{position:absolute;left:13px;bottom:9px;font-family:var(--wc-font-display);font-size:14px;color:#918578}
.inventory-detail{position:absolute;right:2px;top:18px;bottom:26px;width:410px;padding:1px}.inventory-detail .panel-inner{padding:26px 27px 22px;display:flex;flex-direction:column}.inventory-detail h2{margin:0 0 18px;font-family:var(--wc-font-display);font-size:29px;font-weight:400;color:#d0c0ad}.inventory-rarity{position:absolute;right:25px;top:28px;border:1px solid rgba(105,91,76,.62);padding:5px 9px;font-family:var(--wc-font-display);font-size:12px;color:#968a7d}.inventory-detail-image{width:100%;height:365px;object-fit:contain;background:#eee9df;clip-path:polygon(0 0,88% 0,100% 14%,100% 100%,0 100%);border:1px solid rgba(150,127,103,.55)}
.detail-stats{margin-top:18px}.detail-stat{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(103,89,72,.33);font-family:var(--wc-font-display);font-size:15px;color:#908477}.detail-stat b{font-weight:400;color:var(--wc-cyan);font-size:17px}.detail-condition{height:3px;background:#283437;margin-top:-3px}.detail-condition i{display:block;width:98%;height:100%;background:var(--wc-cyan)}
.inventory-description{margin:16px 0 19px;font-family:var(--wc-font-display);font-size:15px;line-height:1.45;color:#918577;min-height:43px}.inventory-detail-actions{display:grid;gap:8px;margin-top:auto}
.inventory-empty{grid-column:1/-1;display:grid;place-items:center;height:240px;border:1px dashed rgba(115,96,78,.35);color:#81766b;font-family:var(--wc-font-display);font-size:18px}
.equipment-slot.occupied{cursor:grab}.equipment-slot.occupied:active,.inventory-item.wearable:active{cursor:grabbing}.equipment-slot.occupied:after{content:"";position:absolute;inset:3px;border:1px solid rgba(190,139,91,.18);pointer-events:none}.equipped-dot{position:absolute;right:8px;top:8px;width:6px;height:6px;border-radius:50%;background:#b96b3a;box-shadow:0 0 8px rgba(185,107,58,.65)}
.equipment-slot.drag-over{border-color:#d47942;background:rgba(212,121,66,.13);box-shadow:0 0 0 2px rgba(212,121,66,.17),inset 0 0 24px rgba(212,121,66,.1)}.equipment-slot.compatible-drop{z-index:4;border-color:#e08a4f;background:rgba(205,111,59,.18);box-shadow:0 0 0 2px rgba(224,138,79,.36),0 0 24px rgba(224,112,51,.48),inset 0 0 28px rgba(224,112,51,.16);animation:compatible-slot-pulse .86s ease-in-out infinite alternate}.equipment-slot.compatible-drop .slot-empty-icon{opacity:1;transform:scale(1.08);filter:saturate(1) brightness(1.15) drop-shadow(0 0 8px rgba(231,140,83,.55))}.equipment-zone.choosing-slot .equipment-slot:not(.compatible-drop){opacity:.5}.equipment-slot.dragging,.inventory-item.dragging{opacity:.38}.inventory-item.wearable{cursor:grab}.drag-mark{position:absolute;right:10px;bottom:8px;color:#a76a46;font-style:normal;font-size:14px}.inventory-grid-scroll.drag-over{outline:1px dashed rgba(190,117,69,.82);outline-offset:-5px;background:rgba(190,117,69,.055)}@keyframes compatible-slot-pulse{to{box-shadow:0 0 0 2px rgba(224,138,79,.5),0 0 34px rgba(224,112,51,.62),inset 0 0 34px rgba(224,112,51,.22)}}
.needs-strip{margin-right:430px;border-top:1px solid rgba(116,94,76,.42);border-bottom:1px solid rgba(116,94,76,.42);background:linear-gradient(90deg,rgba(4,14,17,.72),rgba(3,12,15,.5));display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:5px 12px}.need{display:grid;grid-template-columns:30px 1fr 35px;gap:8px;align-items:center;padding:0 14px;border-right:1px solid rgba(115,95,78,.42);font-family:var(--wc-font-display)}.need:last-child{border-right:0}.need-icon{width:27px;height:27px;border:1px solid color-mix(in srgb,var(--need-color) 70%,transparent);display:grid;place-items:center;color:var(--need-color);clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)}.need-svg{width:17px;height:17px;stroke-width:1.25}.need b{display:block;font-size:9px;letter-spacing:.9px;color:#8e8174;font-weight:400}.need span>i{position:relative;display:block;height:3px;margin-top:5px;background:rgba(73,77,72,.38);overflow:hidden}.need span>i em{position:relative;display:block;height:100%;width:var(--need-value);background:var(--need-color);box-shadow:0 0 7px color-mix(in srgb,var(--need-color) 30%,transparent);animation:need-fill .9s cubic-bezier(.2,.75,.2,1) both;animation-delay:var(--need-delay)}.need span>i em:after{content:"";position:absolute;inset:0;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);transform:translateX(-180%);animation:need-glint 3.8s ease-in-out 1.15s infinite}.need strong{font-size:14px;font-weight:400;color:#b9aa98;text-align:right}@keyframes need-fill{from{width:0}to{width:var(--need-value)}}@keyframes need-glint{0%,64%{transform:translateX(-180%);opacity:0}72%{opacity:.8}88%,100%{transform:translateX(390%);opacity:0}}
.quickbar-tray{position:absolute;z-index:6;left:465px;right:430px;bottom:0;padding:8px 10px 10px;border:1px solid rgba(130,99,73,.75);background:rgba(3,12,15,.96);box-shadow:0 -16px 42px rgba(0,0,0,.32);clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%,0 8px);transform:translateY(calc(100% + 18px));opacity:0;pointer-events:none;transition:transform .22s ease,opacity .18s}.quickbar-tray.open{transform:translateY(0);opacity:1;pointer-events:auto}.quickbar-tray header{height:23px;display:flex;align-items:center;gap:15px;font-family:var(--wc-font-display);font-size:11px;letter-spacing:1px;color:#b7a795}.quickbar-tray header small{font-size:9px;color:#736b63;letter-spacing:.3px}.quickbar-tray header button{margin-left:auto;border:0;background:none;color:#9d8d7c;font-size:20px;cursor:pointer}.quickbar-tray>div{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.quick-slot{position:relative;height:70px;border:1px solid rgba(109,91,75,.58);background:rgba(10,20,22,.8);color:#83786c;cursor:pointer;overflow:hidden}.quick-slot:hover,.quick-slot.drag-over{border-color:#c56f3d;background:rgba(197,111,61,.1)}.quick-slot kbd{position:absolute;left:5px;top:4px;font-family:var(--wc-font-display);font-size:11px;color:#d27642}.quick-slot>i{font-style:normal;font-size:20px;color:#5f5851}.quick-slot img{width:100%;height:48px;object-fit:contain}.quick-slot span{position:absolute;left:4px;right:4px;bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--wc-font-display);font-size:8px;color:#a99b8c}.footer{grid-template-columns:285px 310px 275px 300px 350px 1fr}.quickbar-toggle{width:100%}
.nav-btn:focus-visible,.inventory-category:focus-visible,.inventory-item:focus-visible,.equipment-slot:focus-visible,.wc-status-button:focus-visible,.panel-btn:focus-visible,.action-btn:focus-visible,.quick-slot:focus-visible,.theme-toggle:focus-visible,.exit-btn:focus-visible{outline:1px solid var(--wc-orange);outline-offset:-3px;box-shadow:inset 0 0 0 1px rgba(255,104,31,.18),0 0 12px rgba(255,104,31,.13)}
.quickbar-tray.accepting-drop .quick-slot{border-color:rgba(224,138,79,.78);box-shadow:inset 0 0 16px rgba(224,112,51,.11);animation:quick-slot-ready .72s ease-in-out infinite alternate}.quickbar-tray.accepting-drop .quick-slot.drag-over{border-color:#ff8a45;background:rgba(255,104,31,.2);box-shadow:0 0 18px rgba(255,104,31,.38),inset 0 0 20px rgba(255,104,31,.16);animation:none}@keyframes quick-slot-ready{to{border-color:rgba(255,151,89,.96);box-shadow:0 0 9px rgba(255,104,31,.25),inset 0 0 18px rgba(224,112,51,.16)}}
.quick-drag-ghost{position:fixed!important;z-index:9999!important;width:92px!important;height:76px!important;margin:0!important;pointer-events:none!important;opacity:.88!important;transform:rotate(2deg) scale(.92);border:1px solid #ff8a45!important;background:rgba(5,14,17,.94)!important;box-shadow:0 12px 30px rgba(0,0,0,.48),0 0 18px rgba(255,104,31,.28)!important;overflow:hidden}.quick-drag-ghost img{width:100%!important;height:52px!important;object-fit:contain!important}.quick-drag-ghost h4,.quick-drag-ghost small,.quick-drag-ghost .drag-mark{display:none!important}