/* Decorative, reusable alchemy objects. Labels and reward states stay in the UI. */
.collectible-art {
  display: block;
  width: 64px;
  height: 64px;
  max-width: 100%;
  object-fit: contain;
  flex-shrink: 0;
  filter: drop-shadow(0 3px 3px #54401c18);
}

/* Give each object room to read without keeping the old outline-icon tile. */
.alchemy-bottle:has(> .collectible-art),
.alchemy-book-mark:has(> .collectible-art),
.alchemy-next-symbol:has(> .collectible-art),
.alchemy-reward-symbol:has(> .collectible-art),
.alchemy-detail-emblem:has(> .collectible-art),
.alchemy-combine-material > span:has(> .collectible-art),
.alchemy-combine-product > span:has(> .collectible-art),
.companion-keepsake-emblem:has(> .collectible-art),
.companion-detail-emblem:has(> .collectible-art),
.companion-portrait-charm:has(> .collectible-art),
.weekly-stamp-glyph:has(> .collectible-art),
.hist-keepsake-mark:has(> .collectible-art),
.first-brew-ingredient-mark:has(> .collectible-art),
.first-brew-recipe-mark:has(> .collectible-art),
.first-brew-completion-seal:has(> .collectible-art) {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transform: none;
}

.alchemy-ingredient-card:has(.collectible-art) {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.alchemy-ingredient-card:has(.collectible-art) > .alchemy-item-concept { flex: 1; }
.alchemy-bottle:has(> .collectible-art) { width: 80px; height: 80px; margin: 0 0 12px; }
.alchemy-bottle > .collectible-art { width: 80px; height: 80px; }
.alchemy-bottle-number { z-index: 1; }
.alchemy-book-mark:has(> .collectible-art) { width: 72px; height: 72px; }
.alchemy-book-mark > .collectible-art { width: 72px; height: 72px; }
.alchemy-next-symbol:has(> .collectible-art) { display: grid; width: 64px; height: 64px; }
.alchemy-next-symbol > .collectible-art { width: 64px; height: 64px; }
.alchemy-detail-emblem:has(> .collectible-art) { width: 128px; height: 128px; }
.alchemy-detail-emblem > .collectible-art { width: 128px; height: 128px; }
.alchemy-required-ingredient > .collectible-art { width: 48px; height: 48px; }
.alchemy-reward-symbol:has(> .collectible-art) { width: 64px; height: 64px; }
.alchemy-reward-symbol > .collectible-art { width: 64px; height: 64px; }
.alchemy-combine-material > span:has(> .collectible-art) { width: 88px; height: 88px; }
.alchemy-combine-material > span > .collectible-art { width: 88px; height: 88px; }
.alchemy-combine-product > span:has(> .collectible-art) { width: 128px; height: 128px; }
.alchemy-combine-product > span > .collectible-art { width: 128px; height: 128px; }
.alchemy-process-sign { padding-top: 28px; }
.alchemy-process-sign.is-arrow { padding-top: 26px; }
.alchemy-ingredient-card.is-locked .collectible-art,
.alchemy-recipe-card.is-locked .collectible-art,
.workshop-product.is-empty .collectible-art { opacity: .6; filter: saturate(.45); }
.workshop-product > .workshop-bottle.collectible-art { width: 80px; height: 80px; }

.first-brew-ingredient-mark:has(> .collectible-art) { width: 42px; height: 42px; }
.first-brew-ingredient-mark > .collectible-art { width: 42px; height: 42px; }
.first-brew-ingredients .is-missing .collectible-art { opacity: .65; filter: saturate(.5); }
.first-brew-recipe-mark:has(> .collectible-art) { width: 72px; height: 72px; }
.first-brew-recipe-mark > .collectible-art { width: 72px; height: 72px; }
.first-brew-completion-seal:has(> .collectible-art) { width: 144px; height: 144px; }
.first-brew-completion-seal > .collectible-art { width: 144px; height: 144px; }
.first-brew-reveal-art > .collectible-art { width: 192px; height: 192px; }

.companion-keepsake-emblem:has(> .collectible-art) { width: 80px; height: 80px; }
.companion-keepsake-emblem > .collectible-art { width: 80px; height: 80px; }
.companion-keepsake.locked .collectible-art { opacity: .6; filter: saturate(.45); }
.companion-detail-emblem:has(> .collectible-art) { width: 144px; height: 144px; }
.companion-detail-emblem > .collectible-art { width: 144px; height: 144px; }
.companion-detail.locked .collectible-art { opacity: .65; filter: saturate(.5); }
.companion-charm > .collectible-art { width: 32px; height: 32px; }
.companion-portrait-charm > .collectible-art { width: 54px; height: 54px; }
.companion-new-keepsakes button > .collectible-art { width: 48px; height: 48px; }
.weekly-keepsake-emblem:has(> .collectible-art),
.side-story-keepsake-emblem:has(> .collectible-art) { width: 48px; height: 48px; }
.weekly-keepsake-emblem > .collectible-art,
.side-story-keepsake-emblem > .collectible-art { width: 48px; height: 48px; }
.weekly-stamp-glyph:has(> .collectible-art) { width: 64px; height: 64px; }
.weekly-stamp-glyph > .collectible-art { width: 64px; height: 64px; }
.hist-keepsake-mark:has(> .collectible-art) { width: 64px; height: 64px; }
.hist-keepsake-mark > .collectible-art { width: 64px; height: 64px; }
.leagues-reward-mark:has(> .collectible-art) {
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.leagues-reward-mark > .collectible-art { width: 48px; height: 48px; }
.leagues-reward:not(.is-earned) .collectible-art { opacity: .65; filter: saturate(.5); }

@media (max-width: 620px) {
  .alchemy-bottle:has(> .collectible-art),
  .alchemy-bottle > .collectible-art { width: 72px; height: 72px; }
  .alchemy-book-mark:has(> .collectible-art),
  .alchemy-book-mark > .collectible-art { width: 64px; height: 64px; }
  .alchemy-next-symbol:has(> .collectible-art),
  .alchemy-next-symbol > .collectible-art { width: 56px; height: 56px; }
  .alchemy-required-ingredient > .collectible-art { width: 42px; height: 42px; }
  .alchemy-reward-symbol:has(> .collectible-art),
  .alchemy-reward-symbol > .collectible-art { width: 56px; height: 56px; }
  .alchemy-combine-process { padding-inline: 5px; gap: 2px; }
  .alchemy-combine-material > span:has(> .collectible-art),
  .alchemy-combine-material > span > .collectible-art { width: 56px; height: 64px; }
  .alchemy-combine-product > span:has(> .collectible-art),
  .alchemy-combine-product > span > .collectible-art { width: 80px; height: 88px; }
  .alchemy-process-sign { padding-top: 20px; }
  .alchemy-process-sign.is-arrow { padding-top: 18px; }
  .workshop-product > .workshop-bottle.collectible-art { width: 64px; height: 64px; }
  .first-brew-recipe-heading { flex-wrap: wrap; }
  .first-brew-recipe-heading > div { flex: 1; }
  .first-brew-recipe-mark:has(> .collectible-art),
  .first-brew-recipe-mark > .collectible-art { width: 56px; height: 56px; }
  .first-brew-recipe-count { margin-left: auto; }
  .companion-keepsake-emblem:has(> .collectible-art),
  .companion-keepsake-emblem > .collectible-art { width: 72px; height: 72px; }
  .companion-portrait-charm > .collectible-art { width: 44px; height: 44px; }
  .weekly-stamp-glyph:has(> .collectible-art),
  .weekly-stamp-glyph > .collectible-art { width: 56px; height: 56px; }
}