/* VOID BOOSTER v0.37 — rollback visual + clean UX */

/* Bring back the big animated pack / our previous visual mood */
.v03-hero{
  width:min(1080px,92vw)!important;
  margin:clamp(34px,7vh,96px) auto 34px!important;
  display:grid!important;
  grid-template-columns:1.12fr .88fr!important;
  gap:26px!important;
  align-items:center!important;
}
.v03-hero-copy{
  position:relative!important;
  padding:38px!important;
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(216,177,95,.10),transparent 40%),
    linear-gradient(145deg,rgba(255,255,255,.060),rgba(255,255,255,.020))!important;
  box-shadow:0 28px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.065)!important;
}
.v03-hero h1{
  margin:10px 0 12px!important;
  max-width:660px!important;
  font-family:var(--font-display,Inter,sans-serif)!important;
  font-weight:950!important;
  font-style:italic!important;
  text-transform:uppercase!important;
  letter-spacing:-.045em!important;
  font-size:clamp(48px,7vw,92px)!important;
  line-height:.82!important;
  color:#fff!important;
}
.v03-pack-showcase{
  display:grid!important;
  place-items:center!important;
  min-height:420px!important;
  perspective:1200px!important;
}
.v03-pack-card{
  width:min(300px,72vw)!important;
  aspect-ratio:.68!important;
  border-radius:28px!important;
  border:1px solid rgba(216,177,95,.22)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,255,255,.16),transparent 28%),
    repeating-linear-gradient(130deg,rgba(255,255,255,.035) 0 1px,transparent 1px 12px),
    linear-gradient(145deg,#2a0b13,#7f2023 54%,#170710)!important;
  box-shadow:0 42px 120px rgba(0,0,0,.62),0 0 60px rgba(198,67,54,.20),inset 0 1px 0 rgba(255,255,255,.14)!important;
  transform:rotateY(-12deg) rotateX(4deg)!important;
  animation:v037PackFloat 4.4s ease-in-out infinite!important;
}
@keyframes v037PackFloat{
  0%,100%{transform:rotateY(-12deg) rotateX(4deg) translateY(0)}
  50%{transform:rotateY(-7deg) rotateX(2deg) translateY(-14px)}
}

/* Stop homepage redundancy: code is hidden until click */
#redeemView #v01Dashboard,
#redeemView .v01-dashboard,
#setProgressPanelV01{
  display:none!important;
}
#redeemView .panel.narrow{
  display:none!important;
}
body.v037-code-open #redeemView .panel.narrow,
body.v034-code-open #redeemView .panel.narrow{
  display:block!important;
}

/* Keep header from our cleaner version */
.user-profile-bar{
  width:min(980px,92vw)!important;
  margin:22px auto 0!important;
  padding:12px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:72px!important;
  border-radius:22px!important;
}
.user-profile-actions{
  display:grid!important;
  grid-template-columns:160px 160px!important;
  grid-auto-rows:38px!important;
  gap:8px!important;
}
.user-profile-actions .small-btn{width:160px!important;height:38px!important;min-height:38px!important}
#logoutBtn{grid-column:2!important}

/* Real booster filters, not random albums */
#collectionView .v031-collection-tools,
#collectionView #v032Tools,
#collectionView #v034Tools,
#collectionView #v036Tools,
#collectionView .collection-toolbar:not(#v037RarityBar){
  display:none!important;
}
.v03CollectionShell{
  display:grid!important;
  grid-template-columns:210px minmax(0,1fr)!important;
  gap:24px!important;
  width:min(1100px,96vw)!important;
  margin:0 auto!important;
}
.v037-sidebar{position:sticky!important;top:80px!important}
.v037-tools{
  display:flex!important;
  gap:10px!important;
  margin-bottom:18px!important;
  flex-wrap:wrap!important;
}
.v037-tools input,.v037-tools select{
  flex:1!important;
  min-width:140px!important;
  padding:10px 14px!important;
  border-radius:12px!important;
}
#v037RarityBar{
  display:flex!important;
  gap:6px!important;
  flex-wrap:wrap!important;
  margin-bottom:20px!important;
  justify-content:flex-start!important;
}
.v037-empty{
  grid-column:1/-1!important;
  text-align:center!important;
  color:rgba(255,255,255,.45)!important;
  padding:60px 0!important;
}

/* Mythic readability, independent from chosen DA */
.card-rarity,#singleRarity,#inspectRarity,#cardPreviewRarity{
  min-width:96px!important;
  height:28px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.20em!important;
  opacity:1!important;
}
.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:#1c1103!important;
  background:linear-gradient(135deg,#fff0b6 0%,#d5a13c 48%,#fff8d4 100%)!important;
  border:1px solid rgba(255,245,196,.75)!important;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.28),
    0 0 22px rgba(255,218,107,.32),
    0 8px 22px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.42)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.36)!important;
}

.v037-card{appearance:none!important;text-align:left!important;color:inherit!important;padding:0!important}

@media(max-width:960px){
  .v03-hero{grid-template-columns:1fr!important}
  .v03-pack-showcase{min-height:300px!important}
  .v03CollectionShell{grid-template-columns:1fr!important}
  .v037-sidebar{position:relative!important;top:auto!important}
}
@media(max-width:820px){
  .user-profile-bar{flex-direction:column!important;align-items:stretch!important}
  .user-profile-actions{grid-template-columns:1fr 1fr!important;width:100%!important}
  .user-profile-actions .small-btn{width:100%!important}
}