/* Controlled cosmetic placement. Each asset has one explicit host. */
.game-home .avatar-medallion.npv3-home-avatar {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
}
.game-home .avatar-medallion.npv3-home-avatar::before,
.game-home .avatar-medallion.npv3-home-avatar::after { content: none !important; display: none !important; }
.game-home .avatar-medallion.npv3-home-avatar > img:not(.npv3-home-frame) {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.npv3-home-frame {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 3 !important;
  width: 132% !important;
  height: 132% !important;
  max-width: none !important;
  object-fit: contain !important;
  transform: translate(-50%,-50%) !important;
  pointer-events: none !important;
}
.game-home .account-parchment .profile-name.npv3-home-name-style {
  position: relative !important;
  z-index: 4 !important;
  display: inline-grid !important;
  min-width: 128px !important;
  min-height: 30px !important;
  padding: .42rem 1rem !important;
  place-items: center !important;
  background-image: var(--npv3-home-name-art) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  color: #f4dbad !important;
  text-shadow: 0 2px 4px #000 !important;
  line-height: 1.05 !important;
}

.profile-identity.npv3-profile-skin {
  position: relative !important;
  isolation: isolate !important;
  min-height: 280px !important;
  padding: 1.4rem 1rem !important;
  border-radius: 8px !important;
  background-image: linear-gradient(180deg,#09060462,#090604b8),var(--npv3-profile-bg) !important;
  background-size: cover !important;
  background-position: center !important;
  box-shadow: inset 0 0 55px #0008,0 12px 30px #0006 !important;
}
.profile-identity.npv3-profile-skin > * { position: relative !important; z-index: 1 !important; }
.profile-identity.npv3-profile-skin h1,
.profile-identity.npv3-profile-skin small,
.profile-identity.npv3-profile-skin span { color: #f0d9ad !important; text-shadow: 0 2px 4px #000 !important; }
.npv3-profile-avatar { position: relative !important; overflow: visible !important; isolation: isolate !important; }
.npv3-profile-avatar > img:not(.npv3-profile-frame) { border-radius: 50% !important; object-fit: cover !important; }
.npv3-profile-frame {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 4 !important;
  width: 142% !important;
  height: 142% !important;
  max-width: none !important;
  object-fit: contain !important;
  transform: translate(-50%,-50%) !important;
  pointer-events: none !important;
}
.profile-identity h1.npv3-name-style {
  display: inline-grid !important;
  min-width: 160px !important;
  min-height: 38px !important;
  padding: .55rem 1.2rem !important;
  place-items: center !important;
  background-image: var(--npv3-name-art) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  color: #f5ddb1 !important;
  text-shadow: 0 2px 4px #000 !important;
}

.leaderboard .leader-avatar.npv3-leader-avatar {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
  border-radius: 50% !important;
}
.leaderboard .leader-avatar.npv3-leader-avatar > img:not(.npv3-leader-frame) {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.npv3-leader-frame {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 3 !important;
  width: 145% !important;
  height: 145% !important;
  max-width: none !important;
  object-fit: contain !important;
  transform: translate(-50%,-50%) !important;
  pointer-events: none !important;
}