.unified-item-icon{width:12cqw;height:12cqw;object-fit:contain;image-rendering:pixelated;flex:none}
#modal.grid-bag-panel{width:84cqw!important;height:112cqw!important;max-height:85dvh!important;min-height:0!important;background:#293c3d!important;border:1px solid #405854!important;padding:0!important;color:#f0f3ed}
#modal.grid-bag-panel .original-title{height:9cqw;min-height:9cqw;background:#263637;font-size:5cqw;border-bottom:1px solid #45605e;margin:0}
#modal.grid-bag-panel .original-content{padding:10cqw 4cqw 0;display:flex;flex-direction:column;min-height:0;overflow:hidden;background:none}
#modal.grid-bag-panel .bag-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:13.7cqw;gap:1.4cqw;height:43.9cqw;flex:none;overflow-y:auto;touch-action:pan-y;overscroll-behavior:contain;scrollbar-width:thin}
#modal.grid-bag-panel .bag-cell{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;border:1px solid #9cc7dd;border-radius:0;background:#292f36;padding:.5cqw;opacity:1}
#modal.grid-bag-panel .bag-cell.selected{outline:2px solid #e9e4ae;outline-offset:-3px;background:#35444a}
.bag-cell .unified-item-icon{width:100%;height:100%}.bag-quantity{position:absolute;bottom:0;right:.5cqw;font:2.5cqw JHPixel,monospace;color:#fff;text-shadow:1px 1px #000}.worn-tag{position:absolute;top:0;left:0;font-size:2cqw;color:#f6edb6}
.bag-description{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;padding:1cqw 0;font-size:3.7cqw;line-height:1.5}.bag-description h3{margin:1cqw 0;font-size:4cqw}.bag-description p{margin:1cqw 0}.bag-actions{display:flex;gap:1cqw;flex-wrap:wrap}.bag-actions button{font-size:3cqw!important;min-height:6cqw!important;padding:1cqw!important}.bag-capacity{font-size:2.7cqw;flex:none;color:#b8d6ca}
#modal.grid-bag-panel .original-money{min-height:7cqw;padding:1cqw 0}.grid-bag-panel .money-values{font-size:3cqw!important;flex-wrap:nowrap}.grid-bag-panel .original-footer{min-height:7cqw;height:7cqw;padding:0 3cqw}.grid-bag-panel .original-footer button{font-size:3cqw}
.restored-mall-list .unified-item-icon{width:8cqw;height:8cqw}.restored-mall-list .original-row{white-space:normal;font-size:4.2cqw}.restored-mall-list{padding:1cqw 3cqw}.equip-slot .unified-item-icon{width:100%;height:100%}
.bars{position:relative!important;height:10cqw!important;width:22cqw!important;gap:0!important}.bars:before,.bars:after{display:none!important}.original-vitals{display:block;width:100%;height:100%;image-rendering:pixelated}
.friend-table-head,.friend-line{display:flex;justify-content:space-between;align-items:center;width:100%;padding:2cqw 3cqw}.friend-table-head{color:#c9e5d5;background:#3c6963}.friend-line{border:0!important;border-radius:0!important;background:transparent!important;color:#e9f2e8;font-size:5cqw!important;text-align:left}.friend-line:hover,.friend-line:focus{background:#42615e!important}.friend-line small{display:block;color:#a0b5ac;font-size:2.5cqw}.friend-line strong{font-weight:normal}.friends-table{min-height:65cqw}.trade-offer{display:flex;align-items:center;gap:3cqw}
#modal.settlement-panel{width:86cqw;height:auto;min-height:0;max-height:80dvh;background:#173337;border:2px solid #78a4af;padding:2cqw}.settlement-panel .original-title{font-size:4cqw}.settlement-panel .original-content{padding:1cqw 2cqw}.settlement-values{display:grid;grid-template-columns:1fr 1fr;gap:2cqw;color:#70d1de;font-size:3.6cqw}.settlement-values b{color:#a9d871;font-weight:normal}.settlement-label{color:#cab6d5;font-size:4cqw;display:flex;justify-content:space-between}.settlement-label span{font-size:3cqw;color:#b5d67e}.settlement-items{max-height:35cqw;overflow:auto}.settlement-items>div{display:flex;gap:2cqw;align-items:center;font-size:4cqw}.settlement-items .unified-item-icon{width:7cqw;height:7cqw}

.grid-bag-panel::backdrop,.settlement-panel::backdrop{background:#0002}
#modal.grid-bag-panel .original-title{font-size:6cqw;height:10cqw;min-height:10cqw}
#modal.grid-bag-panel .original-content:before,#modal.grid-bag-panel .original-content:after{display:none}
#modal.grid-bag-panel .bag-grid{grid-auto-rows:auto;height:53.5cqw;align-content:start}
#modal.grid-bag-panel .bag-cell{aspect-ratio:1;height:auto}
.bag-description{font-size:4.5cqw}.bag-description h3{font-size:4.8cqw}.bag-quantity{font-size:3.4cqw}.bag-actions button{font-size:3.5cqw!important}
.bars{padding:0!important}.original-vitals{object-fit:contain}

#modal.grid-bag-panel .bag-grid{grid-auto-rows:calc((86.4cqw - 8px)/5);height:calc(54.64cqw - 4.8px)}
#modal.grid-bag-panel .bag-cell{height:100%;aspect-ratio:auto;min-width:0;overflow:hidden}

#modal[data-view="好友列表"]{background:#102725;border-color:#81b8b9}
#modal[data-view="好友列表"] .original-title{align-self:stretch;border-radius:2cqw;min-width:0;background:#36666b;color:#e7f3ed;font-size:6cqw}
#modal[data-view="好友列表"] .friend-table-head{background:#468387;font-size:5cqw}
#modal[data-view="好友列表"] .friend-line{min-height:11cqw;font-size:5.6cqw!important}
#modal[data-view="好友列表"] .friend-line:first-child{background:#526b78!important}

#modal.settlement-panel{height:auto!important;min-height:0!important;max-height:65cqw!important;top:40cqw!important;bottom:auto!important;margin:0 auto!important;padding:2cqw!important;background:#173337!important}
#modal.settlement-panel .original-title{border:0!important;border-image:none!important;min-height:7cqw;height:7cqw;font-size:5cqw;background:#274b51}
#modal.settlement-panel .original-content{flex:none;max-height:44cqw;overflow:auto;border:0;background:#173337}
#modal.settlement-panel .original-content:before,#modal.settlement-panel .original-content:after{display:none}
#modal.settlement-panel .original-footer{height:8cqw;min-height:8cqw;padding:1cqw;background:#274b51}
#modal.settlement-panel .original-footer button{font-size:4cqw;min-height:6cqw;height:6cqw;border-width:0;background:none}
#modal.settlement-panel .settlement-values{font-size:4.5cqw;padding-top:2cqw}
.single-title{padding:3cqw;border-bottom:1px solid #73988b}.single-title img{max-width:60%;image-rendering:pixelated;display:block;margin-bottom:2cqw}.chat-channel-tabs{flex-wrap:wrap}.chat-stream p,.original-chat p{margin:0 0 2px;overflow-wrap:anywhere}.original-chat{overflow:auto!important;white-space:normal!important}.gift-odds{max-height:45cqw;overflow:auto}

/* Bound the bag to the portrait game area, including desktop and landscape. */
#modal.grid-bag-panel{box-sizing:border-box!important;width:min(92vw,54dvh,440px)!important;height:min(82dvh,660px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 24px)!important;min-width:0!important;inset:0!important;margin:auto!important;overflow:hidden!important}
#modal.grid-bag-panel[open]{display:flex;flex-direction:column}
#modal.grid-bag-panel .original-title{box-sizing:border-box;flex:0 0 42px;height:42px!important;min-height:42px!important;padding:6px 12px!important;font-size:22px!important;line-height:1.3;letter-spacing:2px}
#modal.grid-bag-panel .original-content{flex:1;min-height:0;min-width:0;position:relative;padding:10px 12px 6px!important;gap:6px;overflow:hidden!important}
#modal.grid-bag-panel .bag-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto!important;gap:6px!important;height:min(29dvh,220px)!important;min-height:80px;align-content:start;flex:0 0 auto;overflow-y:auto;overflow-x:hidden}
#modal.grid-bag-panel .bag-cell{box-sizing:border-box;height:auto!important;aspect-ratio:1!important;min-width:0;min-height:0;padding:4px!important}
#modal.grid-bag-panel .bag-cell .unified-item-icon{position:absolute;inset:9%;width:82%!important;height:82%!important;object-fit:contain}
#modal.grid-bag-panel .bag-quantity{font-size:12px!important;right:6px!important;bottom:3px!important}
#modal.grid-bag-panel .worn-tag{font-size:10px!important;left:5px;top:3px}
#modal.grid-bag-panel .bag-description{flex:1;min-height:45px;padding:4px 0;font-size:14px!important;line-height:1.45;overflow:auto;overflow-wrap:anywhere}
#modal.grid-bag-panel .bag-description h3{font-size:16px!important;margin:2px 0 6px}
#modal.grid-bag-panel .bag-description p{margin:4px 0;font-size:14px!important}
#modal.grid-bag-panel .bag-actions{gap:6px}
#modal.grid-bag-panel .bag-actions button{font-size:13px!important;min-height:32px!important;padding:5px 8px!important}
#modal.grid-bag-panel .bag-capacity{font-size:12px!important;line-height:1.3}
#modal.grid-bag-panel .original-money{flex:none;min-height:24px!important;padding:2px 0!important}
#modal.grid-bag-panel .money-values{font-size:13px!important;gap:6px!important;line-height:1.3}
#modal.grid-bag-panel .money-values img{width:16px!important;height:16px!important;object-fit:contain}
#modal.grid-bag-panel .original-footer{box-sizing:border-box;flex:0 0 42px;height:42px!important;min-height:42px!important;padding:4px 10px!important;gap:6px}
#modal.grid-bag-panel .original-footer button{font-size:14px!important;min-height:32px!important;height:32px!important;padding:4px 8px!important}
@media(max-height:500px){#modal.grid-bag-panel{width:min(92vw,420px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important}#modal.grid-bag-panel .original-content{padding:6px 10px!important;gap:3px}#modal.grid-bag-panel .bag-grid{height:26dvh!important;min-height:54px}#modal.grid-bag-panel .original-title{flex-basis:34px;min-height:34px!important;height:34px!important;font-size:19px!important}}