/* Transparent gift art shares one scene and a glow that fades before every edge. */
:root {
  --gift-scene: linear-gradient(155deg, #241510 0%, #17100d 58%, #100b09 100%);
  --gift-glow: radial-gradient(ellipse 44% 44% at 50% 50%, #ff76231c 0%, #f2541210 40%, transparent 100%);
}
html body[data-route],
html body[data-case-view="detail"],
html body[data-case-view="detail"]:has(.roulette-result) {
  background: var(--gift-scene) fixed;
}
.upgrade-outcome .upgrade-outcome-art,
.inventory-card .inventory-art,
.upgrade-picker-card .upgrade-picker-art,
.upgrader-add .has-gift,
.roulette-result .result-gift,
.prize-showcase-card .prize-showcase-art,
.sheet-prize .sheet-prize-art,
.case-roulette .roulette-art {
  background: var(--gift-glow);
  box-shadow: none;
  filter: none;
}
.roulette-result .result-gift::before { display: none; }
/* Inventory uses the whole card's background, with no separate image panel. */
.inventory-card .inventory-art { background: transparent; }
.inventory-card .inventory-art::before,
.inventory-card .inventory-art::after { display: none; }
.upgrade-outcome .upgrade-outcome-art > img,
.inventory-card .inventory-art > img,
.upgrade-picker-card .upgrade-picker-art > img,
.upgrader-add .has-gift > img,
.roulette-result .result-gift > img,
.prize-showcase-card .prize-showcase-art > img,
.sheet-prize .sheet-prize-art > img,
.case-roulette .roulette-art > img {
  background: transparent;
  box-shadow: none;
  filter: none;
}