.backpack-panel{background:linear-gradient(145deg,#292e27,#191e1a);border:1px solid #74684a;border-radius:5px;padding:10px;box-shadow:inset 0 0 20px #0004}.backpack-heading{display:flex;align-items:baseline;justify-content:space-between;gap:6px;border-bottom:1px solid #74684a;padding-bottom:9px;margin-bottom:10px}.backpack-heading>span{font-family:Georgia,serif;font-size:17px;color:#e1c781}.backpack-heading small{font-size:10px;color:#a4aa97}.backpack-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.backpack-item{min-width:0;border:1px solid #4b5340;border-radius:3px;background:linear-gradient(135deg,#30382a,#22291f)}.backpack-item-content,.backpack-panel button.backpack-item-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-height:110px;padding:8px 5px;border:0;border-radius:3px;background:transparent;color:#ded9c8;text-align:center;font:inherit}.backpack-item-content svg{width:36px;height:36px;flex-shrink:0;fill:none;stroke:var(--item-color,#d1be8b);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 2px 1px #0006)}.backpack-item-copy{min-width:0;width:100%}.backpack-item-copy strong{display:block;font-size:11px;font-weight:600;line-height:1.35;overflow-wrap:anywhere;color:#e4dfcd}.backpack-item-copy small{display:block;font-size:12px;color:#e2c67c;margin-top:4px;font-variant-numeric:tabular-nums}.backpack-panel button.backpack-item-content:hover{background:#414a31;box-shadow:inset 0 0 0 1px #b49a5b}.backpack-note,.backpack-empty{font-size:10px;line-height:1.5;color:#9fa58f;margin:10px 0 0}.backpack-empty{grid-column:1/-1;font-size:12px;padding:14px 4px}.backpack-note{border-top:1px solid #4b5340;padding-top:9px}@media(max-width:600px){.backpack-panel{padding:6px}.backpack-heading{flex-wrap:wrap}.backpack-heading>span{font-size:14px}.backpack-items{grid-template-columns:1fr}.backpack-item-content,.backpack-panel button.backpack-item-content{flex-direction:row;min-height:65px;text-align:left;justify-content:flex-start;padding:7px;gap:8px}.backpack-item-content svg{width:28px;height:28px}.backpack-item-copy strong{font-size:10px}.backpack-item-copy small{font-size:11px}}