.item-icon{display:inline-block;flex-shrink:0;width:46px;height:46px;background-image:url('items/atlas.png');background-size:400% 400%;background-position:calc(var(--ix)*100%/3) calc(var(--iy)*100%/3);vertical-align:middle}
#bag-button{width:auto;padding:0 12px;font-size:12px;letter-spacing:2px}
#inventory{position:absolute;inset:0;z-index:100;background:#080911ec;display:flex;align-items:center;justify-content:center;pointer-events:auto;backdrop-filter:blur(9px);font-family:'Microsoft YaHei',sans-serif;color:#e8deef;letter-spacing:0;text-align:left;touch-action:manipulation}
#inventory.hidden{display:none}
.bag-shell{width:min(1080px,96vw);height:min(650px,94dvh);display:flex;flex-direction:column;padding:22px 26px;border:1px solid #98759166;background:radial-gradient(ellipse at 90% 0,#38253870,transparent 65%),#11131ce8;box-shadow:0 20px 70px #0009;box-sizing:border-box;overflow:hidden}
.bag-shell header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.bag-shell header small{font-size:9px;letter-spacing:3px;color:#b6a1be}.bag-shell h2{font-family:Georgia,'Songti SC',serif;font-size:27px;letter-spacing:5px;margin:5px 0 0}.bag-shell button{cursor:pointer;color:inherit;touch-action:manipulation}.bag-shell button:focus-visible{outline:2px solid #f4c4df;outline-offset:-2px}.bag-shell button:disabled{cursor:default;opacity:.4}
#bag-close{background:transparent;border:1px solid #95708a80;padding:9px 14px;font-size:12px;letter-spacing:1px}
#bag-currency{display:flex;gap:22px;border-bottom:1px solid #9d809b33;padding-bottom:8px;font-size:12px;color:#bcb1c7}#bag-currency span{display:flex;gap:6px;align-items:center}#bag-currency .item-icon{width:26px;height:26px}#bag-currency b{color:#f1dfc7;margin-left:5px;font-variant-numeric:tabular-nums}
#bag-equip{display:grid;grid-template-columns:repeat(3,1fr) 1.2fr;gap:9px;padding:13px 0;border-bottom:1px solid #9d809b33}.equip-slot{display:flex;align-items:center;gap:9px;background:#20202d;border:1px solid #b6b1c344;padding:8px;text-align:left;min-width:0}.equip-slot span{display:flex;flex-direction:column;gap:6px;min-width:0}.equip-slot small{font-size:10px;color:#b8aabe}.equip-slot b{font-size:12px;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.build-summary{align-self:center;font-size:11px;color:#b8aabe;line-height:2;padding-left:5px}.build-summary b{color:#e4d5e8}
.bag-main{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;flex:1;min-height:0;padding-top:13px}.bag-collection{display:flex;flex-direction:column;min-height:0}#bag-filters{display:flex;gap:5px;margin-bottom:10px}#bag-filters button{flex:1;background:#ffffff04;border:1px solid #7f6c8233;padding:7px 0;font-size:12px;color:#a69daf}#bag-filters .active{color:#f4c6dd;border-color:#d6a0c366;background:#61405444}
#bag-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;overflow:auto;align-content:start;padding:2px 5px 5px 2px;min-height:0;flex:1}.bag-item{display:flex;flex-direction:column;align-items:center;background:linear-gradient(150deg,#302b3c99,#161923);border:1px solid #b9b5c040;min-height:104px;padding:7px 3px;position:relative}.bag-item .item-icon{width:55px;height:55px}.bag-item strong{font-size:11px;font-weight:normal;margin-top:5px}.bag-item small{font-size:9px;color:#a79cae;margin-top:5px}.bag-item.locked .item-icon{filter:grayscale(.9);opacity:.32}.bag-item.locked strong{color:#827b8b}.bag-item.selected{outline:1px solid #ffbddb;box-shadow:inset 0 0 18px #c76ca91a}.tier-2{border-color:#a078cd6b}.tier-3{border-color:#c5a06499}.tier-2 strong,.tier-2 h3{color:#d1b3f3}.tier-3 strong,.tier-3 h3{color:#f0cda0}.bag-help{font-size:10px;color:#8e8199;line-height:1.7;margin:10px 0 0}
#bag-detail{overflow:auto;padding-right:6px}.detail-heading{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ac8fa43b;padding:0 0 12px}.detail-heading .item-icon{width:95px;height:95px}.detail-heading small{font-size:10px;color:#c1a7ba;letter-spacing:2px}.detail-heading h3{font-family:Georgia,'Songti SC',serif;font-size:23px;font-weight:normal;margin:10px 0;letter-spacing:2px}.detail-heading span{font-size:10px;color:#8c8297}.item-effects{font-size:13px;line-height:2;color:#e4dce9;padding:14px 0 0}.item-effects b{color:#f3c6dc}.bag-shell blockquote{font-family:Georgia,'Songti SC',serif;font-size:12px;line-height:2;color:#a69aad;border-left:2px solid #a6779744;margin:13px 0;padding:0 0 0 12px;letter-spacing:.7px}.bag-shell .primary,.bag-shell .secondary{font-size:12px;letter-spacing:1px;padding:10px 16px;margin:4px 9px 0 0}.upgrade-preview{font-size:12px;line-height:1.8;padding:9px 11px;background:#ffffff04;border:1px solid #87718c33;margin-bottom:10px}.upgrade-cost{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px}.shortage{color:#ef9aaa}.enough{color:#afd7c2}.detail-note{font-size:11px;line-height:1.9;color:#aa9cb4}.max-level{color:#ebcda2;font-size:13px}#bag-save-note{font-size:10px;line-height:1.5;padding-top:12px;color:#8c8195}#bag-save-note.save-warning{color:#ffb9a1}
#potion-button{pointer-events:auto;position:absolute;left:25px;top:185px;display:flex;gap:4px;align-items:center;background:#141821ce;color:#ddf0e3;border:1px solid #87a89866;border-radius:3px;padding:4px 10px 4px 2px;font-size:11px;cursor:pointer}#potion-button .item-icon{width:31px;height:31px}#potion-button span{display:flex;flex-direction:column;gap:3px}#potion-button small{font-size:8px;color:#9ea79e}#potion-button.cooling{opacity:.65}
#interact-button{pointer-events:auto;position:absolute;bottom:29%;left:50%;transform:translateX(-50%);background:#241b32df;border:1px solid #ba9bc0aa;color:#eddfef;padding:10px 20px;font-size:12px;cursor:pointer}
#loot-toast{position:absolute;z-index:110;top:23%;left:50%;transform:translateX(-50%) translateY(-6px);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:78vw;text-align:center;background:#141421eb;border:1px solid #ba9bc055;box-shadow:0 5px 28px #0005;font-size:12px;line-height:1.8;padding:10px 20px;color:#ead7bd}#loot-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-height:520px){.bag-shell{height:96dvh;padding:10px 16px}.bag-shell header{margin-bottom:5px}.bag-shell header small{font-size:8px}.bag-shell h2{font-size:20px;margin:3px 0}#bag-currency{padding-bottom:4px;gap:15px}#bag-currency .item-icon{width:23px;height:23px}#bag-equip{padding:6px 0;gap:6px}.equip-slot{padding:4px;gap:5px}.equip-slot .item-icon{width:34px;height:34px}.equip-slot small{font-size:9px}.equip-slot span{gap:4px}.build-summary{font-size:10px;line-height:1.8}.bag-main{padding-top:7px;gap:16px}#bag-filters{margin-bottom:5px}#bag-filters button{padding:5px 0}.bag-item{min-height:90px;padding:4px 2px}.bag-item .item-icon{width:43px;height:43px}.bag-help{font-size:9px;margin-top:5px}#bag-save-note{font-size:9px;padding-top:6px}.detail-heading{padding-bottom:6px}.detail-heading .item-icon{width:66px;height:66px}.detail-heading h3{font-size:20px;margin:7px 0}.item-effects{font-size:12px;padding-top:8px}.bag-shell blockquote{margin:9px 0;font-size:11px}.bag-shell .primary,.bag-shell .secondary{padding:8px 11px}#potion-button{left:22px;top:142px;padding:2px 7px 2px 2px;font-size:9px}#potion-button .item-icon{width:26px;height:26px}#loot-toast{top:26%;font-size:11px;padding:8px 14px}}
@media(max-width:650px){.bag-main{grid-template-columns:.9fr 1fr;gap:10px}#bag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#bag-equip{grid-template-columns:repeat(3,1fr)}.build-summary{grid-column:1/-1}.detail-heading{gap:5px}.detail-heading .item-icon{width:48px;height:48px}.detail-heading h3{font-size:17px}.bag-shell{padding:10px}.bag-help{display:none}}

.bag-shell button.primary{color:#241b2e}.detail-heading .item-icon{width:78px;height:78px}.detail-heading{padding-bottom:8px}.item-effects{line-height:1.8;padding-top:10px}.bag-shell blockquote{line-height:1.8;margin:10px 0}.upgrade-preview{padding:7px 10px}.bag-shell .primary,.bag-shell .secondary{padding:9px 15px}
@media(max-height:520px){.detail-heading .item-icon{width:60px;height:60px}.bag-shell .primary,.bag-shell .secondary{padding:8px 11px}}

#loot-toast.bag-hidden{display:none}