#inventory-dialog #item-detail{display:none}
.inventory-tabs{display:flex;gap:8px;margin:0 0 12px}.inventory-tabs button[aria-pressed=true]{border-color:#dfbd72;background:#35443c}
.item-hover,.item-menu{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:min(370px,calc(100vw - 16px));max-height:calc(100vh - 24px);overflow:auto;background:#101c27;color:#e0e7ee;border:1px solid var(--item-color,#b8a16d);border-radius:6px;padding:16px;box-shadow:0 14px 45px #000b;font:13px/1.65 Inter,Arial,sans-serif;z-index:1000}
.item-hover{white-space:pre-line;pointer-events:none}.item-menu{width:min(250px,calc(100vw - 16px));padding:10px}.item-menu strong{display:block;padding:4px 7px 10px}.item-menu button{display:block;width:100%;text-align:left;margin:3px 0;padding:10px}
.item-hover.comparison{pointer-events:auto}
.item-description{white-space:normal;min-width:0}.item-description-stats{white-space:pre-line}
.item-skill-list{margin-top:14px}.item-skill-list>h3{margin:0 0 8px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#acbdcc}
.item-skill-card{--skill-color:#c5ced8;--skill-bg:#28323d;border:1px solid var(--skill-color);border-left:3px solid var(--skill-color);background:var(--skill-bg);border-radius:5px;padding:10px 12px;margin-top:8px;box-shadow:inset 0 1px 0 #ffffff0b}
.item-skill-card.magic{--skill-color:#72b7ff;--skill-bg:#172f4b}.item-skill-card.rare{--skill-color:#f3d064;--skill-bg:#3a321c}
.item-skill-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.item-skill-heading strong{color:var(--skill-color);font-size:13px}.item-skill-rarity{color:var(--skill-color);font-size:9px;letter-spacing:1px;font-weight:700}
.item-skill-card p{margin:7px 0;color:#e0e7ee;font-size:12px;line-height:1.5}.item-skill-card small{color:#bdcbd7;font-size:11px}
#inventory-items.quest-items{display:block;max-height:55vh}#inventory-items.quest-items section{padding:8px 12px;border-bottom:1px solid #41505a}#inventory-items.quest-items h3{font-size:13px;color:#e4ca88}#inventory-items.quest-items p{font-size:12px;color:#9cafbd}#inventory-items.quest-items button{display:block;width:100%;margin:5px 0;text-align:left}

.item-skill-heading{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:3px 8px;min-height:42px;padding:0;margin:0 0 10px}.item-skill-heading:before{content:none}.skill-banner-icon{width:32px;height:32px;grid-row:1/3;border-radius:5px}.item-skill-rarity{grid-column:2}.support-sockets{display:flex;gap:6px;margin:9px 0;flex-wrap:wrap}.support-socket{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;font:bold 12px Georgia;color:#fff;text-shadow:0 1px 3px #000;background-image:url("assets/Gear/skill%20boarders/skill%20support%20sockets.png?build=8f7e2a48c73e219d");background-size:149px 50px;background-position:-2px -7px}.support-socket.filled{background-position:-76px -7px}.support-socket.filled.magic{background-position:-114px -7px}.support-socket.filled.rare{background-position:-39px -7px}

.item-skill-card>small{display:block;margin-top:5px}

[data-frame-rarity]{position:relative;isolation:isolate;--frame-left:-64px;--frame-right:-95.36px;--frame-top:-89.6px;--frame-bottom:-116.16px}
[data-frame-rarity="rare"]{--frame-left:-2.56px;--frame-right:-33.92px}
[data-frame-rarity="magic"]{--frame-left:-125.44px;--frame-right:-156.8px}
[data-frame-rarity="unique"],[data-frame-rarity="set"]{--frame-left:-186.88px;--frame-right:-218.24px}
[data-frame-blighted="true"]{--frame-top:-22.4px;--frame-bottom:-50.24px}
.rarity-corner{position:absolute!important;width:28.48px!important;height:28.16px!important;min-width:0!important;padding:0!important;margin:0!important;pointer-events:none;z-index:2;background-image:url("assets/Gear/skill%20boarders/skill%20Corner%20Sprite%20Sheet.png?build=09d7cda1e2f51279");background-size:245.76px 163.84px;background-repeat:no-repeat;mix-blend-mode:lighten}
.rarity-corner.tl{left:0;top:0;background-position:var(--frame-left) var(--frame-top)}
.rarity-corner.tr{right:0;top:0;background-position:var(--frame-right) var(--frame-top)}
.rarity-corner.bl{left:0;bottom:0;background-position:var(--frame-left) var(--frame-bottom)}
.rarity-corner.br{right:0;bottom:0;background-position:var(--frame-right) var(--frame-bottom)}
.item-skill-card{padding:20px 22px;border-left-width:1px;border-radius:3px}.bag-item[data-frame-rarity]{padding-top:18px;padding-bottom:16px}.item-skill-card.normal>.item-skill-heading strong,.item-skill-card.normal>.item-skill-heading .item-skill-rarity{color:#d8e1eb}.item-skill-card.magic>.item-skill-heading strong,.item-skill-card.magic>.item-skill-heading .item-skill-rarity{color:#72b7ff}.item-skill-card.rare>.item-skill-heading strong,.item-skill-card.rare>.item-skill-heading .item-skill-rarity{color:#f3d064}

#inventory-items{grid-auto-rows:112px}#inventory-items .bag-item[data-frame-rarity]{padding:10px 8px;justify-content:flex-start;gap:7px}#inventory-items .bag-item>.item-icon{flex-shrink:0}#inventory-items .bag-item>b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;min-height:26px;max-height:28px;width:100%;font-size:10px}.bag-item>.rarity-corner{transform:scale(.5)}.bag-item>.rarity-corner.tl{transform-origin:top left}.bag-item>.rarity-corner.tr{transform-origin:top right}.bag-item>.rarity-corner.bl{transform-origin:bottom left}.bag-item>.rarity-corner.br{transform-origin:bottom right}

.item-skill-card{padding:10px 14px;margin-top:5px}.item-skill-heading{min-height:30px;grid-template-columns:26px 1fr;gap:0 7px;margin-bottom:4px}.skill-banner-icon{width:26px;height:26px}.item-skill-heading strong{font-size:12px}.item-skill-rarity{font-size:8px}.item-skill-card p{font-size:11px;line-height:1.3;margin:4px 0}.item-skill-card>small{display:inline-block;font-size:10px;margin:2px 8px 0 0}.item-skill-card>.support-sockets{display:inline-flex;margin:5px 8px 0 0;gap:3px;vertical-align:middle}.item-skill-card .support-socket{transform:scale(.75);transform-origin:left center;margin-right:-7px}.item-skill-card>.support-description{display:inline-block;font-size:10px;line-height:1.4;margin:3px 6px 0 0;color:#b8cbdc}.item-skill-card>.rarity-corner{transform:scale(.65)}.item-skill-card>.tl{transform-origin:top left}.item-skill-card>.tr{transform-origin:top right}.item-skill-card>.bl{transform-origin:bottom left}.item-skill-card>.br{transform-origin:bottom right}#inventory-items.quest-items .quest-item-card{display:flex;align-items:center;gap:10px;width:100%;text-align:left;min-height:52px} .quest-item-card canvas{flex-shrink:0}

#inventory-items .bag-item>.soul-stars{position:absolute;top:2px;left:0;right:0;width:auto;margin:0;padding:0 0 0 1px;box-sizing:border-box;font-size:8px;line-height:9px;text-align:center;letter-spacing:1px;white-space:nowrap;pointer-events:none;z-index:2}

/* Added slots create more rows; only the surrounding dialog scrolls. */
#inventory-items,#inventory-items.quest-items,.shop-grid{max-height:none;overflow:visible}
#inventory-items{grid-auto-rows:112px}
.shop-grid{grid-auto-rows:112px}

#inventory-items.quest-items [data-quest-kind="key"]{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}
#inventory-items.quest-items [data-quest-kind="key"]>h3,#inventory-items.quest-items [data-quest-kind="key"]>p{grid-column:1/-1}
#inventory-items.quest-items [data-quest-kind="key"]>.quest-item-card{height:112px;min-height:112px;min-width:0;width:100%;margin:0;padding:10px 8px;display:flex;flex-direction:column;justify-content:flex-start;gap:7px;text-align:center;border:1px solid #405764;border-bottom:2px solid #e6c776;border-radius:6px;background:linear-gradient(145deg,#223747,#132331)}
#inventory-items.quest-items .quest-item-card>canvas{width:44px;height:44px;min-width:44px;max-width:44px;flex:0 0 44px}
#inventory-items.quest-items [data-quest-kind="key"]>.quest-item-card>span{font-size:10px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;color:#e6c776}

.shop-grid{grid-template-columns:repeat(auto-fill,minmax(0,var(--shop-card-width,100px)));gap:8px;padding:10px}
.shop-grid .bag-item{height:112px;padding:10px 8px;gap:7px;position:relative}
.shop-grid .bag-item>strong{position:absolute;bottom:3px;left:8px;right:8px;font-size:10px;line-height:12px}
.shop-grid .shop-refill{gap:3px}
.shop-grid .shop-refill small{font-size:10px;line-height:11px}

.item-hover.inspect-pinned{pointer-events:auto;outline:1px solid #cfb471}
.compact-inspect .item-skill-card{padding:5px 10px;margin-top:4px;cursor:help}
.compact-inspect .item-skill-card>:not(.item-skill-heading):not(strong):not(.rarity-corner):not(.support-sockets){display:none}
.compact-inspect .item-skill-heading{margin:0;min-height:30px}
.compact-inspect .item-skill-card:hover,.compact-inspect .item-skill-card:focus{background:#263e50;outline:1px solid #9eabc1}
.inspect-hint{display:block;margin-top:10px;color:#abb9c7;font-size:10px}
.skill-hover .item-skill-card{margin:0}.skill-hover{pointer-events:none}

.item-gold-value{display:block;margin-top:9px;padding-top:7px;border-top:1px solid #405764;color:#efcf88;font-size:12px}.item-menu>.item-gold-value{margin:0 7px 8px}

[draggable="true"]{cursor:grab}.item-drop-target{outline:2px solid #efcf88!important;outline-offset:-2px}

.item-skill-name{display:grid;grid-template-columns:minmax(0,115px) max-content;align-items:center;justify-content:start;gap:5px;min-width:0}
.item-skill-name strong{overflow-wrap:anywhere}
.support-socket{cursor:help}
.item-skill-name>.support-sockets{display:flex;margin:0;gap:2px;flex-wrap:nowrap}
.compact-inspect .item-skill-heading{min-width:0}.compact-inspect .item-skill-heading strong{overflow-wrap:anywhere}
.compact-inspect .item-skill-name>.support-sockets{height:20px;align-items:center}
.compact-inspect .support-sockets .support-socket{flex:0 0 34px;transform:scale(.6);margin-right:-12px;transform-origin:left center}
.compact-inspect .support-sockets .support-socket:last-child{margin-right:-12px}

.item-skill-card.twisted-skill,.skill-detail.twisted-skill,.rolled-skill.twisted-skill,.compact-inspect .item-skill-card.twisted-skill:hover,.compact-inspect .item-skill-card.twisted-skill:focus{--skill-color:#cb91ff;--skill-bg:#472461;background:#472461;border-color:#cb91ff}
/* Keep the drag preview inside the modal's top layer without intercepting drops. */
#inventory-items [data-id],#inventory-items [data-soul],#equipment-slots [data-slot],.bank-columns [data-id],.bank-columns [data-soul],#shop-items [data-shop-id]{touch-action:none;user-select:none;-webkit-user-select:none}
.item-dragging{opacity:.45}
.item-drag-ghost{position:fixed!important;inset:auto;width:64px!important;height:64px!important;min-width:64px!important;margin:0!important;pointer-events:none!important;z-index:10000;opacity:.85;overflow:hidden;transform:none!important}
.item-drag-ghost img,.item-drag-ghost canvas{max-width:100%;max-height:100%}

.item-hover.compact{width:max-content;max-width:calc(100vw - 16px);padding:6px 9px;line-height:1.35}

.item-drag-ghost::backdrop{display:none;pointer-events:none}