#modalContent .adventure-panel.open-backpack{padding:20px!important;border:7px solid var(--bag-edge)!important;border-radius:46px 46px 28px 28px;background:var(--bag-body)!important;box-shadow:inset 0 0 0 3px var(--bag-light),0 8px 0 var(--bag-edge);position:relative}
dialog:has(.open-backpack){width:min(900px,96vw)!important;max-width:96vw!important}
#modalContent .open-backpack #bagGrid{grid-template-rows:repeat(var(--rows),minmax(0,1fr));aspect-ratio:var(--cols)/var(--rows);height:auto;background:var(--bag-light);border:5px solid var(--bag-edge)}
.open-backpack h2{background:var(--bag-light)!important;border:3px solid var(--bag-edge)!important;border-radius:30px 30px 60px 60px!important;min-height:90px;text-align:center;display:flex;flex-direction:column;justify-content:center;position:relative;color:#584959!important;margin-top:18px!important}
.open-backpack h2 small{font-size:12px;letter-spacing:.2em}.bag-handle{position:absolute;left:calc(50% - 34px);top:-24px;width:68px;height:22px;border:6px solid var(--bag-edge);border-bottom:0;border-radius:22px 22px 0 0}
.open-backpack .bag-grid{background:var(--bag-light);border:5px solid var(--bag-edge);outline:2px dashed var(--bag-light);outline-offset:4px;border-radius:20px;padding:12px;box-shadow:inset 0 5px 8px #58495928}
.bag-colors{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:14px 0}.bag-colors button{width:30px;height:30px;min-height:30px;padding:0;border:2px solid #fff4e7;border-radius:50%;color:#fff;text-shadow:0 1px 2px #30283c}.bag-colors [aria-pressed=true]{outline:3px solid #70576e;outline-offset:1px}
.open-backpack>p,.open-backpack>details,.open-backpack .bag-colors{background:#fff8e9;border-radius:12px;padding:10px;color:#675267}.open-backpack .bag-item canvas{width:100%;height:100%;max-height:100px;object-fit:contain}.open-backpack .bag-item>span{display:block;min-height:0;height:65%;width:100%}.bag-overflow{background:#fff4de;padding:12px;border-radius:14px}.open-backpack .adventure-options{background:var(--bag-light);padding:10px;border:2px dashed var(--bag-edge);border-radius:15px}
.open-backpack .bag-grid .bag-item{background:transparent!important;border:2px solid transparent!important;box-shadow:none!important;border-radius:8px;padding:0;position:relative}
.open-backpack .bag-grid .bag-item.selected{border:3px dashed #795b88!important;outline:none!important;background:transparent!important}
.open-backpack .bag-grid .bag-item>span{height:100%;display:flex;align-items:center;justify-content:center;font-size:clamp(32px,6vw,70px)}
.open-backpack .bag-grid .bag-item{min-height:0!important}.open-backpack .bag-grid .bag-item>span{position:absolute;inset:0;width:100%;height:100%}
.open-backpack .bag-grid .bag-item canvas{max-height:none;width:100%;height:100%}
.open-backpack .bag-item small{position:absolute;bottom:3px;left:3px;right:3px;text-shadow:0 1px 2px #fff8e9,0 -1px 2px #fff8e9;font-weight:bold;pointer-events:none}
.open-backpack .bag-item b{pointer-events:none}
#modalContent .open-backpack .bag-cell{background:transparent!important;border:1px dashed #fff5e66b!important;border-radius:4px!important}
#modalContent .open-backpack .bag-item>span{font-size:clamp(40px,7vw,84px)!important}
@media(max-width:700px){.open-backpack{padding:10px!important;border-width:4px}.open-backpack .bag-grid{padding:5px}.bag-colors{gap:8px}.open-backpack h2{font-size:19px}.open-backpack .bag-item small{font-size:10px}}