/* bgk visual apply v2 */
.bgk-visual-prop,
.bgk-visual-character,
.bgk-visual-ribbon {
  display: block;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

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

.bgk-balance .bgk-visual-chest,
.bgk-hero-card .bgk-visual-chest {
  position: absolute;
  right: 10px;
  bottom: 4px;
  width: 132px;
  max-width: 38%;
  z-index: 1;
}

.bgk-task .bgk-visual-scroll {
  position: absolute;
  right: 12px;
  bottom: 10px;
  width: 104px;
  max-width: 34%;
  opacity: .92;
  z-index: 1;
}

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

.bgk-talent-art,
.bgk-char-img,
.bgk-profile-avatar {
  background-image: none !important;
  overflow: visible;
}

.bgk-talent-art img,
.bgk-char-img img,
.bgk-profile-avatar img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.bgk-talent-art img {
  transform: translateY(4px) scale(1.12);
}

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

.bgk-talent-card .bgk-visual-ribbon {
  position: absolute;
  top: -12px;
  left: 14px;
  width: 118px;
  z-index: 3;
}

.bgk-booking-character {
  width: 118px;
  height: 132px;
  object-fit: contain;
  display: block;
}

.bgk-visual-mini-prop {
  width: 44px;
  height: 44px;
  object-fit: contain;
  display: inline-block;
  vertical-align: middle;
}

.bgk-profile-avatar {
  background: radial-gradient(circle,#173a7a,#071b3a) !important;
}

.bgk-profile-avatar img {
  transform: scale(1.08);
}