/* VOID BOOSTER v0.40 — Header XP */

/* MYTHIC badge: rainbow background, pure white readable text */
.rarity-mythic .card-rarity,
.rarity-mythic #singleRarity,
.rarity-mythic #inspectRarity,
.rarity-mythic #cardPreviewRarity,
.card-single.rarity-mythic .card-rarity,
.card-inspect.rarity-mythic .card-rarity{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:
    linear-gradient(115deg,#ff48d7 0%,#845cff 22%,#2dd7ff 45%,#4cffb2 64%,#ffe66d 82%,#ff684a 100%)!important;
  background-size:220% 100%!important;
  border:1px solid rgba(255,255,255,.58)!important;
  text-shadow:
    0 1px 2px rgba(0,0,0,.95),
    0 0 7px rgba(0,0,0,.70)!important;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.34),
    0 0 20px rgba(255,72,215,.25),
    0 0 26px rgba(45,215,255,.18),
    inset 0 1px 0 rgba(255,255,255,.36)!important;
  animation:mythicRainbowV040 5.5s linear infinite!important;
}
@keyframes mythicRainbowV040{
  from{background-position:0% 50%}
  to{background-position:220% 50%}
}

/* Header XP integrated */
.user-profile-left{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  column-gap:12px!important;
  row-gap:4px!important;
  align-items:center!important;
}
.user-avatar{
  grid-row:1 / span 2!important;
}
.v040-header-xp{
  grid-column:2!important;
  width:min(320px,100%)!important;
  margin-top:4px!important;
}
.v040-level-line{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  align-items:center!important;
  font-family:var(--font-ui,Inter,sans-serif)!important;
  font-size:10px!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.v040-level-line b{
  color:#fff!important;
  font-weight:900!important;
}
.v040-level-line span{
  color:rgba(255,255,255,.48)!important;
  font-weight:700!important;
}
.v040-xpbar{
  width:100%!important;
  height:5px!important;
  margin-top:5px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.45)!important;
}
.v040-xpbar i{
  display:block!important;
  height:100%!important;
  width:0%;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#e64b38,#f2c363)!important;
  box-shadow:0 0 16px rgba(242,195,99,.32)!important;
  transition:width .45s cubic-bezier(.18,.82,.22,1)!important;
}

/* Since XP is now in header, make collection progression block less visually dominant */
#collectionView .collection-profile,
#collectionView [class*="collection-profile"],
#collectionView [class*="profile-card"]{
  margin-top:18px!important;
}

/* Avoid old delayed/progression block feeling broken */
#collectionView .profile-xp,
#collectionView .collection-xp,
#collectionView .xp-row{
  opacity:.82!important;
}

@media(max-width:820px){
  .user-profile-left{
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  .v040-header-xp{
    width:100%!important;
  }
}