#kama-bags { pointer-events: none; }
.kama-bag-shadow { fill: #292315; opacity: 0; transition: opacity .2s ease; }
.kama-bag { opacity: 0; transition: opacity .2s ease; pointer-events: none; }
.is-filled .kama-bag { opacity: 1; }
.is-filled .kama-bag-shadow { opacity: .3; }
.kama-gained .kama-bag { animation: kama-arrive .45s ease-out both; }
@keyframes kama-arrive {
  from { opacity: 0; transform: translateY(-9px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .kama-bag { transition: none; }
  .kama-gained .kama-bag { animation: none; }
}