.bag-touch-controls{display:none}
html body #bag-dialog[data-live-inventory][open]{position:fixed;z-index:90;left:auto;right:calc(env(safe-area-inset-right,0px) + 10px);top:calc(env(safe-area-inset-top,0px) + 10px);bottom:calc(env(safe-area-inset-bottom,0px) + 10px);margin:0;width:min(var(--bag-live-width,470px),calc(100vw - 190px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));height:auto;max-height:none;padding:12px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;background:#192a2ef5;color:#eef3ec;border:1px solid #65716a;border-radius:15px;box-shadow:0 12px 40px #06191c50}
#bag-dialog[data-live-inventory] .bag-heading{position:sticky;top:-12px;padding:8px 0;z-index:2;background:#192a2e;gap:8px}
#bag-dialog[data-live-inventory] .bag-heading h2{font-size:19px}
#bag-dialog[data-live-inventory] .bag-touch-controls{display:flex;align-items:center;gap:10px;margin-bottom:10px}
#bag-touch-hint{font:11px/1.5 system-ui;margin:0;color:#b9c9c0}
#bag-mode{min-height:44px;padding:6px 10px;flex-shrink:0;border:1px solid #e4c78960;border-radius:8px;color:#e4c789;background:#e4c78916;font:11px system-ui}
#bag-dialog[data-live-inventory] .bag-resources{font-size:10px;gap:10px}
#bag-dialog[data-live-inventory] #bag-items{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px}
#bag-dialog[data-live-inventory] #bag-items .bag-item{min-height:64px;touch-action:pan-y;-webkit-user-drag:none}
#bag-dialog[data-live-inventory] #bag-items .bag-item strong{font-size:10px}
#bag-dialog[data-live-inventory] #bag-slots{grid-template-columns:repeat(4,1fr)}
#bag-dialog[data-live-inventory][data-arranging=false] :is(#bag-slots,.bag-section-title){display:none}

html body #bag-dialog[data-live-inventory][open][data-side=left]{left:calc(env(safe-area-inset-left,0px) + 10px);right:auto}