/* Inline stars follow the label size; existing context classes keep their geometry. */
:where(.currency-star) {
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  object-fit: contain;
  vertical-align: -.12em;
}
.upgrader-balance-icon > .currency-star { width: 19px; height: 19px; }
.case-opening .stage-open,
.case-result .result-sell,
.result-prize-value { column-gap: .3em; }

/* The gold sale button needs a dark currency mark, like its text. */
.case-result .result-sell .currency-star {
  display: block;
  width: 1.05em;
  height: 1.05em;
  flex: 0 0 1.05em;
}
.case-result .result-sell:not(.is-sold) .currency-star {
  filter: brightness(.22) saturate(.6);
}

/* Every gift stays inside its reserved image box, including tall collection art. */
.sheet-prize-art {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  margin-bottom: 6px;
}
.sheet-prize-art > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* The price is a separate, non-shrinking row below the artwork. */
.case-sheet .sheet-prize-value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .3em;
  flex-shrink: 0;
  min-height: 24px;
  line-height: 1.2;
}
.case-sheet .sheet-prize-value > .currency-star {
  display: block;
  width: 1em;
  height: 1em;
  flex: 0 0 1em;
}