/* bgk asset fixes v3 */
img[src$=".png"] {
  image-rendering: auto;
  background: transparent !important;
}

.bgk-visual-prop,
.bgk-visual-character,
.bgk-visual-ribbon,
.bgk-visual-mini-prop,
.bgk-booking-character,
.bgk-profile-avatar img,
.bgk-char-img img,
.bgk-talent-art img {
  display: block;
  object-fit: contain;
  background: transparent !important;
  box-shadow: none !important;
}

.bgk-balance,
.bgk-hero-card,
.bgk-task,
.balance-card,
.wallet-card,
.asset-card,
.hero-card {
  position: relative;
  overflow: hidden;
}

.bgk-balance .bgk-visual-chest,
.bgk-hero-card .bgk-visual-chest,
.balance-card .bgk-visual-chest,
.wallet-card .bgk-visual-chest {
  right: 12px !important;
  bottom: 8px !important;
  width: 112px !important;
  max-width: 34% !important;
  height: auto !important;
  z-index: 1 !important;
  opacity: 0.98;
}

.bgk-task .bgk-visual-scroll,
.tasks-card .bgk-visual-scroll,
.task-card .bgk-visual-scroll {
  right: 14px !important;
  bottom: 10px !important;
  width: 84px !important;
  max-width: 28% !important;
  height: auto !important;
  z-index: 1 !important;
  opacity: 0.95;
}

.bgk-balance > *:not(.bgk-visual-prop),
.bgk-hero-card > *:not(.bgk-visual-prop),
.bgk-task > *:not(.bgk-visual-prop),
.balance-card > *:not(.bgk-visual-prop),
.task-card > *:not(.bgk-visual-prop) {
  position: relative;
  z-index: 2;
}

.bgk-talent-card {
  position: relative;
  overflow: hidden;
}

.bgk-talent-card .bgk-visual-ribbon {
  position: absolute !important;
  top: 12px !important;
  left: 14px !important;
  width: 96px !important;
  max-width: 28% !important;
  z-index: 4 !important;
}

.bgk-talent-art {
  overflow: hidden !important;
  border-radius: 12px;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  padding-top: 8px;
}

.bgk-talent-art img,
.bgk-char-img img {
  width: 90% !important;
  height: 90% !important;
  max-width: 100%;
  max-height: 100%;
  transform: none !important;
  margin: 0 auto;
}

.bgk-booking-character {
  width: 104px !important;
  height: 118px !important;
  margin: 0 auto !important;
}

.bgk-profile-avatar {
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.bgk-profile-avatar img {
  width: 86% !important;
  height: 86% !important;
  max-width: 86% !important;
  max-height: 86% !important;
  transform: none !important;
  border-radius: 50%;
}

.bgk-visual-mini-prop {
  width: 22px !important;
  height: 22px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin-right: 8px !important;
}

button .bgk-visual-mini-prop,
.bgk-btn .bgk-visual-mini-prop,
.bgk-action-btn .bgk-visual-mini-prop,
.bgk-menu-icon .bgk-visual-mini-prop {
  width: 20px !important;
  height: 20px !important;
  margin-right: 6px !important;
}

.bgk-visual-ribbon,
.bgk-visual-chest,
.bgk-visual-scroll {
  pointer-events: none;
  user-select: none;
}

@media (max-width: 430px) {
  .bgk-balance .bgk-visual-chest,
  .bgk-hero-card .bgk-visual-chest,
  .balance-card .bgk-visual-chest,
  .wallet-card .bgk-visual-chest {
    width: 96px !important;
    max-width: 32% !important;
  }

  .bgk-task .bgk-visual-scroll,
  .tasks-card .bgk-visual-scroll,
  .task-card .bgk-visual-scroll {
    width: 74px !important;
    max-width: 26% !important;
  }

  .bgk-talent-card .bgk-visual-ribbon {
    width: 86px !important;
    top: 10px !important;
    left: 10px !important;
  }

  .bgk-booking-character {
    width: 96px !important;
    height: 110px !important;
  }
}