#inventory-panel{--slot-size: 34px;--slot-gap: 3px;--bp-cols: 4;--panel-bg: #1a1a1a;--slot-bg: #282828;--border-hi: #555;--border-lo: #111;--text-dim: rgba(255,255,255,.25);--accent: #d4a845}#inventory-panel{background-color:var(--panel-bg);background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(0,0,0,.06) 3px,rgba(0,0,0,.06) 4px),repeating-linear-gradient(90deg,transparent 0px,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px),linear-gradient(160deg,#222,#1a1a1a,#1e1e1e);box-sizing:border-box;-webkit-user-select:none;user-select:none;z-index:100}#inventory-panel.inv-layout-panel{--slot-size: 34px;position:absolute;top:0;right:0;height:100%;width:190px;border-left:2px solid #393939;box-shadow:-4px 0 20px #000c;display:flex;flex-direction:column;align-items:center;padding:6px 4px;overflow-y:auto;overflow-x:hidden}#inventory-panel.inv-layout-bar{--slot-size: 30px;--bp-cols: 5;position:relative;width:100%;height:auto;border-top:2px solid #393939;box-shadow:0 -4px 20px #000c;padding:0;overflow:hidden;flex-shrink:0}.inv-bar-row{display:flex;flex-direction:row;align-items:flex-start;width:100%;height:100%;overflow:hidden}.inv-bar-col{display:flex;flex-direction:column;align-items:center;padding:2px 4px;flex-shrink:1;min-width:0;overflow:hidden}.inv-bar-col-equip{flex:0 0 auto}.inv-bar-col-combined{flex:0 1 auto;min-width:110px}.inv-bar-col-actions{flex:1 1 auto;min-width:100px}.inv-bar-divider{width:1px;background:#ffffff0f;align-self:stretch;margin:6px 0;flex-shrink:0}.bar-actions{padding:0!important;width:100%;flex-shrink:0}#inventory-panel::-webkit-scrollbar{width:4px}#inventory-panel::-webkit-scrollbar-track{background:#111}#inventory-panel::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:2px}.inv-section-header{width:100%;font-family:Outfit,sans-serif;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#888;text-align:center;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);border-top:1px solid #2e2e2e;border-bottom:1px solid #2e2e2e;padding:1px 0;margin:2px 0;flex-shrink:0;position:relative;z-index:10}.inv-slot{width:var(--slot-size);height:var(--slot-size);background-color:var(--slot-bg);background-image:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 55%,rgba(0,0,0,.18) 100%);border:1px solid;border-color:var(--border-hi) var(--border-lo) var(--border-lo) var(--border-hi);box-shadow:inset 1px 1px #ffffff14,inset -1px -1px #00000073;border-radius:1px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;transition:background-color .12s,box-shadow .12s}.inv-slot:hover{background-color:#323232;box-shadow:inset 1px 1px #ffffff1f,inset -1px -1px #00000059,0 0 7px #d4a84533;border-color:#666 #1a1a1a #1a1a1a #666}.inv-slot canvas{image-rendering:pixelated;width:90%;height:90%;object-fit:contain}.equip-type-hint{font-size:.42rem;color:var(--text-dim);text-align:center;line-height:1.1;pointer-events:none;position:absolute}.equip-wrapper{display:grid;grid-template-columns:repeat(3,var(--slot-size));align-items:flex-start;justify-content:center;gap:var(--slot-gap);padding:2px;box-sizing:border-box;width:auto}.equip-col{display:flex;flex-direction:column;gap:var(--slot-gap);width:100%;position:relative}.inv-mini-stats-btn{position:absolute;top:-1px;right:0;width:16px;height:16px;background:#2a2a2a;border:1px solid #444;border-color:#555 #111 #111 #555;color:var(--accent);font-size:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;padding:0;line-height:1;border-radius:1px}.inv-mini-stats-btn:hover{background:#3a3a3a;border-color:#666 #1a1a1a #1a1a1a #666;color:#fff}.equip-col:nth-child(1),.equip-col:nth-child(3){margin-top:calc(var(--slot-size) / 2)}.equip-col-center{margin-top:0}.equip-portrait{background:none!important;border:1px solid rgba(255,255,255,.05)!important;box-shadow:none!important;cursor:default!important}.equip-portrait:hover{background:none!important;box-shadow:none!important}.portrait-inner{width:65%;height:65%;border-radius:50%;background:radial-gradient(circle at 38% 32%,#ffffff12,#00000059);border:1px solid rgba(255,255,255,.05)}.backpack-grid{display:grid;grid-template-columns:repeat(var(--bp-cols, 4),var(--slot-size));gap:var(--slot-gap);padding:0 2px;box-sizing:border-box;width:auto;flex-shrink:0}.inv-stats-permanent{display:block;width:100%;background:#00000026;border-radius:4px;margin-top:5px}.inv-stat-row{display:flex;justify-content:space-between;align-items:center;padding:2px 0;border-bottom:1px solid rgba(255,255,255,.04)}.inv-stat-row:last-child{border-bottom:none}.inv-stat-label{font-size:.58rem;color:#888;font-family:Consolas,monospace;text-transform:uppercase;letter-spacing:.3px}.inv-stat-value{font-size:.62rem;color:var(--accent);font-family:Consolas,monospace;font-weight:700}.inv-stat-divider{height:1px;background:#ffffff0f;margin:3px 0}.inv-tooltip{position:fixed;background:#080808f7;border:1px solid rgba(212,168,69,.4);color:#e0d5a8;font-family:Outfit,sans-serif;font-size:.7rem;padding:6px 10px;border-radius:3px;pointer-events:none;z-index:9999;white-space:nowrap;box-shadow:2px 4px 12px #000000d9,0 0 0 1px #d4a8451a;display:none;min-width:120px}.tip-name{font-weight:700;font-size:.75rem;color:#f0e5b0;margin-bottom:3px}.tip-desc{font-size:.6rem;color:#888;margin-bottom:4px;font-style:italic}.tip-stat{font-size:.65rem;color:#ccc;margin-bottom:2px}.tip-stat span{color:var(--accent);font-weight:700}.tip-divider{height:1px;background:#d4a84533;margin:4px 0}.tip-prot{font-size:.62rem;color:var(--prot-color, #ccc);display:flex;justify-content:space-between;gap:12px;margin-bottom:1px}.tip-prot span{font-weight:700}.inv-actions{width:100%;padding:2px 4px;box-sizing:border-box;display:flex;flex-direction:column;gap:3px}.inv-action-btn{background:#262626f2;color:#ffffffa6;border:1px solid;border-color:#505050 #1e1e1e #1e1e1e #505050;padding:4px 6px;border-radius:2px;cursor:pointer;font-size:.58rem;font-family:Outfit,sans-serif;font-weight:700;text-align:center;transition:background .12s,color .12s;width:100%;text-transform:uppercase;letter-spacing:.6px}.inv-action-btn:hover{background:#3a3a3afa;color:#fff;border-color:#666 #222 #222 #666}.inv-action-btn:active{transform:translateY(1px)}.inv-action-btn.primary{background:linear-gradient(135deg,#1a3a5c,#0d2340);color:#6aabf7;border-color:#2a5a8c #0a1820 #0a1820 #2a5a8c}.inv-action-btn.primary:hover{color:#9bcfff;background:linear-gradient(135deg,#1e4a7c,#102b50)}.inv-action-btn.danger{background:linear-gradient(135deg,#3a1010,#200808);color:#ef6a6a;border-color:#5a2222 #100404 #100404 #5a2222}.inv-action-btn.danger:hover{color:#f99}.inv-action-row{display:flex;gap:3px}.inv-action-row .inv-action-btn{flex:1}.inv-coords-row{display:flex;gap:2px;width:100%;padding:0 4px;box-sizing:border-box}.inv-coords-input{flex:1;background:#00000073;border:1px solid #3a3a3a;color:#ccc;font-family:Consolas,monospace;font-size:.58rem;padding:3px 4px;border-radius:2px;min-width:0}.inv-coords-input:focus{outline:none;border-color:#3b82f6}.inv-coords-go{background:#1a3a7c;color:#6aabf7;border:1px solid #2a5a8c;font-size:.55rem;font-weight:700;padding:3px 5px;border-radius:2px;cursor:pointer;font-family:Consolas,monospace}.inv-coords-go:hover{background:#1e4a9c}.inv-slider-wrap{width:100%;padding:2px 6px;box-sizing:border-box;display:flex;flex-direction:column;gap:2px}.inv-slider-label{display:flex;justify-content:space-between;font-size:.55rem;color:#666;font-family:Consolas,monospace}.inv-slider-label span:last-child{color:var(--accent)}.inv-slider{width:100%;cursor:pointer;accent-color:var(--accent);height:4px}.inv-check-row{display:flex;justify-content:space-between;align-items:center;padding:2px 6px;width:100%;box-sizing:border-box}.inv-check-label{font-size:.55rem;color:#666;font-family:Consolas,monospace}.inv-check-row input[type=checkbox]{cursor:pointer;accent-color:var(--accent);width:10px;height:10px}.inv-version{margin-top:auto;font-size:.48rem;color:#ffffff2e;font-family:Consolas,monospace;padding:6px 0 2px;text-align:center}.inv-action-btn.route-primary{background:linear-gradient(135deg,#1a4a2a,#0d2a14);color:#6ae890;border-color:#2a7a3c #0a1e0e #0a1e0e #2a7a3c;font-size:.65rem;height:40px}.inv-action-btn.route-primary:hover{color:#9affb8;background:linear-gradient(135deg,#1e6a38,#103420)}.inv-action-btn.route-secondary{background:linear-gradient(135deg,#1a2a4a,#0d1a30);color:#6aaaf7;border-color:#2a4a8c #0a1020 #0a1020 #2a4a8c;height:32px}.inv-action-btn.route-secondary:hover{color:#9bcaff}.inv-action-btn.route-tertiary{background:linear-gradient(135deg,#3a2c0a,#201800);color:#f7c46a;border-color:#7a5a2a #201000 #201000 #7a5a2a;height:32px}.inv-action-btn.route-tertiary:hover{color:#ffe090}.inv-layout-bar .inv-section-header{margin:2px 0 3px;padding:2px 0;width:100%}.inv-layout-bar .equip-wrapper{padding-left:0;padding-right:0;margin-top:-2px}.inv-layout-bar .inv-bar-col-combined .backpack-grid{--bp-cols: 3}.backpack-grid{display:grid;grid-template-columns:repeat(var(--bp-cols, 4),1fr);gap:var(--slot-gap);padding:0;box-sizing:border-box;flex-shrink:0}.inv-layout-panel .backpack-grid{padding:0 4px;width:100%}.inv-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.inv-modal-wrap{background:#1a1a1a;border:1px solid #d4a845;box-shadow:0 10px 40px #000c;width:100%;max-width:280px;padding:12px;border-radius:4px}.inv-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;margin-bottom:12px;color:#d4a845;font-family:Outfit,sans-serif;font-weight:700}.inv-modal-close{cursor:pointer;font-size:1.2rem;color:#666}.inv-modal-close:hover{color:#fff}.item-modal-info{font-family:Outfit,sans-serif}.inv-stats-modal-content{background:#0000004d;padding:10px;border-radius:4px}.inv-action-btn.btn-on-cooldown{background:linear-gradient(135deg,#1a1a1a,#333)!important;color:#888!important;cursor:not-allowed;border-color:#222 #111 #111 #222!important;box-shadow:none!important}@media (min-width: 1000px){#inventory-panel.inv-layout-bar{--slot-size: 42px;--bp-cols: 10}.inv-bar-row{justify-content:center;gap:40px;padding:10px 0}.backpack-grid{grid-template-columns:repeat(var(--bp-cols, 10),var(--slot-size))!important}.inv-section-header{font-size:.75rem;margin:4px 0}}