.chestStackHud{
  position:absolute;left:18px;top:272px;z-index:76;
  display:flex;gap:5px;align-items:stretch;pointer-events:none;
}
.chestStackHud[hidden]{display:none!important}
.chestStackCapacity{
  min-width:48px;padding:5px 6px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;border:1px solid #9c7133;
  background:linear-gradient(180deg,#211506f2,#080d12ed);color:#ffe184;
  box-shadow:inset 0 0 0 2px #05080a,0 5px 15px #000a;
  font-size:11px;font-weight:900;letter-spacing:.04em;line-height:1.2;
}
.chestStackCapacity small{margin-top:4px;color:#9ea9b2;font-size:11px;letter-spacing:.12em}
.chestStackHud.full .chestStackCapacity{border-color:#d7523f;color:#ff9b82;box-shadow:inset 0 0 0 2px #280b08,0 0 12px #d73a2855}
.chestStackItem{
  position:relative;width:56px;height:58px;padding:3px 3px 12px;
  display:grid;place-items:center;border:1px solid #9c7133;
  background:linear-gradient(145deg,#171006f2,#080d12ed);color:#f2cf77;
  box-shadow:inset 0 0 0 2px #05080a,0 5px 15px #000a;
  cursor:pointer;pointer-events:auto;image-rendering:pixelated;
}
.chestStackItem[hidden]{display:none!important}
.chestStackItem:hover,.chestStackItem:focus-visible{
  border-color:#ffd064;filter:brightness(1.12);outline:none;
  box-shadow:inset 0 0 0 2px #26170a,0 0 13px #e99d3348,0 5px 15px #000a;
}
.chestStackHud.opening .chestStackItem{pointer-events:none;filter:saturate(.65);opacity:.75}
.chestStackItem img{
  width:44px;height:40px;object-fit:contain;
  filter:drop-shadow(0 3px 1px #000b);
}
.chestStackCount{
  position:absolute;right:2px;top:2px;min-width:18px;height:18px;padding:0 3px;
  display:grid;place-items:center;
  border:1px solid #e3aa40;background:#32160d;color:#ffe184;
  font-size:11px;font-weight:900;line-height:1;
}
.chestStackLabel{position:absolute;left:2px;right:2px;bottom:3px;font-size:11px;letter-spacing:.04em;white-space:nowrap;text-align:center}
.chestStackItem.boss{border-color:#4c92bd;color:#9fe7ff}
.chestStackItem.dragon{border-color:#b4472f;color:#ff9b63}
.chestStackItem.bump{animation:chestStackBumpV208 .34s steps(3,end)}
@keyframes chestStackBumpV208{
  0%,100%{transform:scale(1)}
  45%{transform:scale(1.1)}
}

.chestPop img{width:52px;height:52px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 4px 2px #000b)}

@media(max-width:760px){
  .chestStackHud{left:7px;top:230px;transform:scale(.88);transform-origin:top left}
}