.inventory-badge.soil-inventory {
  position: relative;
  display: flex;
  flex: 0 0 138px;
  align-items: center;
  gap: 1px;
  width: 138px;
  min-width: 0;
  height: 68px;
  padding: 0 7px 1px 0;
  margin: 0;
  border: 1px solid #b89d7029;
  border-radius: 16px 16px 18px 18px;
  background: linear-gradient(120deg, #faf6eae0, #f6eedbe8);
  box-shadow: inset 0 1px #ffffff9c, 0 3px 9px #73623d06;
  color: #765839;
  font-variant-numeric: tabular-nums;
}

.inventory-badge.soil-inventory .soil-inventory__drawing {
  display: block;
  flex: 0 0 62px;
  width: 62px;
  height: 62px;
  overflow: visible;
  fill: none;
  stroke: none;
  stroke-width: 0;
  transform: rotate(-3deg);
}

.soil-inventory__copy {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  padding-top: 2px;
}

.soil-inventory__label {
  color: #847a61;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: -.035em;
  line-height: 1.3;
}

.soil-inventory__amount {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 24px;
  max-width: 100%;
  line-height: 1.1;
}

.inventory-badge.soil-inventory #inventory {
  color: #805b36;
  font-family: "Iowan Old Style", Georgia, serif;
  font-size: 23px;
  font-weight: 600;
  letter-spacing: -.045em;
}

.soil-inventory__state {
  max-width: 100%;
  color: #9b8669;
  font-size: 8px;
  letter-spacing: -.035em;
  line-height: 1.6;
  white-space: nowrap;
}

.soil-inventory__delta {
  position: absolute;
  left: calc(100% + 4px);
  top: 0;
  padding: 2px 3px;
  border-radius: 4px;
  background: #f8f2e7eb;
  color: #6a8050;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.3;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .25s ease, transform .3s ease;
}

.soil-inventory__delta--visible { opacity: 1; transform: translateY(-2px); }
.soil-inventory[data-soil-change="spend"] .soil-inventory__delta { color: #ab794d; }
.soil-inventory[data-soil-state="empty"] .soil-inventory__state,
.soil-inventory[data-soil-state="low"] .soil-inventory__state { color: #ad7449; }
.soil-inventory__reserve { transition: opacity .25s ease; }
.inventory-badge.soil-inventory[data-soil-digits="long"] #inventory { font-size: 19px; }
.inventory-badge.soil-inventory[data-soil-digits="many"] #inventory { font-size: 16px; }

@media (max-width: 760px) {
  .inventory-badge.soil-inventory {
    flex-basis: 89px;
    width: 89px;
    height: 56px;
    padding: 0 4px 0 0;
    margin: 0;
    border-radius: 11px;
  }
  .inventory-badge.soil-inventory .soil-inventory__drawing {
    flex-basis: 41px;
    width: 41px;
    height: 49px;
  }
  .soil-inventory__copy { gap: 0; padding-top: 0; }
  .soil-inventory__label { font-size: 8px; }
  .soil-inventory__amount { min-height: 20px; }
  .inventory-badge.soil-inventory #inventory { font-size: 18px; }
  .inventory-badge.soil-inventory[data-soil-digits="long"] #inventory { font-size: 13px; }
  .inventory-badge.soil-inventory[data-soil-digits="many"] #inventory { font-size: 10px; }
  .soil-inventory__state { font-size: 6.5px; }
  .soil-inventory__delta { left: auto; right: -7px; top: -15px; font-size: 8px; }
}

@media (max-height: 540px) and (orientation: landscape) {
  .inventory-badge.soil-inventory {
    flex-basis: 104px;
    width: 104px;
    height: 43px;
    padding: 0 7px 0 0;
    margin: 0;
    border-radius: 11px;
  }
  .inventory-badge.soil-inventory .soil-inventory__drawing {
    flex-basis: 45px;
    width: 45px;
    height: 43px;
  }
  .soil-inventory__copy { gap: 0; padding: 0; }
  .soil-inventory__label { font-size: 7px; }
  .soil-inventory__amount { min-height: 17px; }
  .inventory-badge.soil-inventory #inventory { font-size: 18px; }
  .inventory-badge.soil-inventory[data-soil-digits="long"] #inventory { font-size: 16px; }
  .inventory-badge.soil-inventory[data-soil-digits="many"] #inventory { font-size: 13px; }
  .soil-inventory__state { font-size: 6.5px; line-height: 1.15; }
}

@media (prefers-reduced-motion: reduce) {
  .soil-inventory__delta, .soil-inventory__reserve { transition: none; }
}