/* A travelling case: warm inventory cards inside a deep green shell. */
#bag-dialog{width:min(1040px,calc(100vw - 40px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #8d9a775c;border-radius:20px;background:#1e342b;box-shadow:0 30px 120px #0009;color:#f2eddf;overflow:hidden}
#bag-dialog[open]{display:flex;flex-direction:column}
#bag-dialog::backdrop{background:#101b20a8;backdrop-filter:blur(4px)}
.bag-header{display:flex;align-items:center;justify-content:space-between;padding:30px 72px 25px 32px;background:radial-gradient(ellipse at 0 0,#42604b75,transparent 70%);gap:20px;border-bottom:1px solid #e2d9ad18}
.bag-heading{display:flex;gap:18px;align-items:center}.case-icon{width:58px;height:62px;display:grid;place-items:center;font-size:33px;border:1px solid #c6ac7166;border-radius:11px;color:#e8c789;background:linear-gradient(145deg,#7f77563b,#26372a);box-shadow:inset 0 0 0 5px #1c3027}
#bag-dialog .dialog-kicker{letter-spacing:2.7px;font-size:9px;color:#b7bf9d;margin-bottom:6px}#bag-dialog h2{font-size:28px;font-weight:600;letter-spacing:2px;margin:0}#bag-dialog .bag-header p{margin:9px 0 0;color:#aebea8;font-size:11px;line-height:1.5;max-width:500px}#bag-dialog .dialog-close{top:22px;right:23px;width:30px;height:30px;background:#ffffff08;border-radius:50%;font-size:22px}
.bag-funds{text-align:right;flex-shrink:0}.bag-funds>span{font-size:10px;color:#b5c2a9}.bag-funds strong{display:block;font-size:27px;letter-spacing:1px;color:#efcf8c;margin-top:4px}.bag-funds i{font-size:20px;font-style:normal;color:#d2a95f}
.bag-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;gap:20px}.bag-filters{display:flex;gap:5px}.bag-filters button{background:transparent;border-radius:7px;padding:9px 18px;color:#abbca8;font-size:12px;border:1px solid transparent}.bag-filters button[aria-pressed=true]{background:#e6ce9830;border-color:#d4bd7b40;color:#f0d59c}.bag-filters button:hover{background:#ffffff0b}.bag-capacity{display:flex;gap:12px;align-items:center;font-size:11px;color:#a8b8a2;white-space:nowrap}.capacity-track{display:block;width:80px;height:4px;background:#ffffff12;border-radius:4px;overflow:hidden}.capacity-track i{height:100%;display:block;background:#d6ba78;border-radius:4px;transition:width .2s}
.bag-content{padding:0 32px 22px;overflow:auto;min-height:120px;scrollbar-color:#63775e #1e342b;scrollbar-width:thin}#bag-dialog .bag-items{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
#bag-dialog .bag-item{position:relative;display:flex;flex-direction:column;min-width:0;padding:15px 13px 12px;border:1px solid #d8cfb6;border-radius:12px;background:linear-gradient(145deg,#f7f0df,#e8e1ce);color:#253b32;box-shadow:0 3px 0 #101f1a40;transition:transform .15s,border-color .15s}
#bag-dialog .bag-item:hover{transform:translateY(-2px);border-color:#ecd394}#bag-dialog .bag-item.is-locked{border:2px solid #d7aa4e;padding:14px 12px 11px;background:linear-gradient(145deg,#fff4d9,#eadfbe)}.item-badge{height:16px;font-size:8px;letter-spacing:1px;color:#79816d}.is-locked .item-badge{color:#9a6a1c;font-weight:650}#bag-dialog .bag-item[data-kind=equipment] .item-badge{color:#55785d}
#bag-dialog .bag-item-head{height:96px;display:grid;place-items:center;margin:3px 0 8px;background:radial-gradient(ellipse at center,#ffffff99,transparent 65%)}#bag-dialog .bag-item-icon{width:96px;height:96px;filter:drop-shadow(0 6px 3px #514e3b21)}#bag-dialog .bag-item-info{margin-bottom:12px;flex:1}#bag-dialog .bag-item-info>strong{font-size:14px;line-height:1.5;font-weight:650;letter-spacing:.2px}#bag-dialog .bag-item-info small{font-size:9px;color:#7b826e;line-height:1.65;margin-top:5px;min-height:30px}.item-price{display:flex;align-items:baseline;gap:4px;color:#96702b;margin-top:9px}.item-price strong{font-size:20px;letter-spacing:.3px;font-weight:650}.item-price span{font-size:9px;color:#8b805f}
#bag-dialog .bag-item-actions{display:grid;grid-template-columns:auto 1fr;gap:6px;margin-top:auto}#bag-dialog .item-lock,#bag-dialog .item-sell,#bag-dialog .item-fit{font-size:10px;min-height:31px;border-radius:6px;padding:7px 8px}#bag-dialog .item-lock{color:#6b775f;background:transparent;border:1px solid #a9b09580}#bag-dialog .item-lock[aria-pressed=true]{background:#d7ac5033;border-color:#b38e3d;color:#8c6219}#bag-dialog .item-sell{min-width:0;background:#d8c59d69;border:1px solid #b7a37b55;color:#695735}#bag-dialog .item-sell:hover{background:#dcc28b}#bag-dialog .item-fit{grid-column:1/-1;background:#355746;color:#eff1dc;border:1px solid #2a4a39}#bag-dialog button:disabled{opacity:.44}#bag-dialog .item-fit:disabled{background:transparent;color:#73816c;border-color:#b3b99f;min-height:27px}
.bag-empty-slot{min-height:270px;border:1px dashed #a1b48d3b;border-radius:12px;background:#ffffff02;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#7b9275}.bag-empty-slot>span{font-size:27px;font-weight:200;opacity:.5}.bag-empty-slot small{font-size:10px;letter-spacing:.4px}#bag-dialog .bag-empty{grid-column:1/-1;padding:80px 20px;color:#b6c3ad;text-align:center}
.bag-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 32px 15px;background:#182d24;border-top:1px solid #e2d9ad20;flex-shrink:0}.bag-footer-copy{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;align-items:center}.bag-footer-copy>strong{font-size:10px;font-weight:500;color:#e6c78e}.bag-footer-copy>span{font-size:10px;color:#99ae95}.bag-footer-copy .text-button{grid-column:1/-1;text-align:left;justify-self:start;font-size:10px;color:#c0cfaf;padding:0}#bag-dialog #sell{width:auto;min-width:255px;padding:14px 20px;border-radius:9px;font-size:12px;box-shadow:inset 0 1px #fff3;background:#e7c581;color:#30402d}.bag-demo-note{display:block;padding:0 32px 14px;background:#182d24;color:#758c74;font-size:8px;flex-shrink:0}
.main-wallet{display:flex;align-items:center;gap:9px;border:1px solid #d7bb7738;border-radius:8px;background:#d1bc7110;padding:8px 13px;color:#ebc981;font-size:12px}.main-wallet>span{font-size:18px}.main-wallet strong{font-size:16px;font-weight:600;letter-spacing:.5px}.main-wallet small{font-size:10px;color:#b9ba9b}
@media(max-width:950px){#bag-dialog{width:calc(100vw - 32px)}#bag-dialog .bag-items{grid-template-columns:repeat(3,minmax(0,1fr))}.bag-empty-slot{min-height:265px}.bag-footer-copy{display:flex;align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:600px){#bag-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:15px}.bag-header{padding:24px 42px 18px 18px;gap:8px}.bag-heading{gap:10px}.case-icon{display:none}#bag-dialog h2{font-size:23px}#bag-dialog .dialog-kicker{font-size:7px;letter-spacing:1.6px}#bag-dialog .bag-header p{font-size:10px;max-width:205px}.bag-funds strong{font-size:22px}.bag-funds>span{font-size:9px}#bag-dialog .dialog-close{top:12px;right:10px}.bag-toolbar{padding:12px 16px;gap:7px}.bag-filters{gap:0}.bag-filters button{font-size:10px;padding:8px 10px}.capacity-track{display:none}.bag-capacity{font-size:10px}.bag-content{padding:0 14px 14px}#bag-dialog .bag-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}#bag-dialog .bag-item{padding:11px 10px}#bag-dialog .bag-item.is-locked{padding:10px 9px}#bag-dialog .bag-item-info>strong{font-size:12px}#bag-dialog .bag-item-head{height:82px}#bag-dialog .bag-item-icon{width:82px;height:82px}.item-price strong{font-size:18px}#bag-dialog .bag-item-info small{font-size:8px}#bag-dialog .item-lock,#bag-dialog .item-sell,#bag-dialog .item-fit{font-size:9px;padding:6px 5px}.bag-empty-slot{min-height:260px}.bag-empty-slot small{font-size:8px}.bag-footer{padding:14px;gap:10px}.bag-footer-copy>span{display:none}#bag-dialog #sell{min-width:0;max-width:62%;font-size:10px;padding:12px}.bag-demo-note{padding:0 14px 12px;font-size:7px}.main-wallet{padding:6px 8px;gap:5px}.main-wallet small{display:none}.main-wallet strong{font-size:13px}.header-right{gap:10px}}
#bag-dialog .bag-item{align-items:stretch;gap:0}#bag-dialog .bag-item-info{text-align:left}#bag-dialog .bag-item-actions{width:100%}#bag-dialog .bag-item-head{width:100%}