
/* ==========================================================
   PET SAMMELALBUM – header from approved preview
   Rest of album remains unchanged.
   ========================================================== */
#v686PetAlbumOverlay .v686-head.v6113-pet-head{
  min-height:104px!important;
  padding:13px 58px 13px 88px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:visible!important;
  border:3px solid #70481f!important;
  border-radius:13px!important;
  background:
    linear-gradient(90deg,rgba(26,13,6,.72),transparent 18%,transparent 82%,rgba(26,13,6,.72)),
    repeating-linear-gradient(4deg,rgba(255,255,255,.025) 0 2px,rgba(0,0,0,.035) 2px 7px),
    linear-gradient(180deg,#70431e 0%,#4e2c12 48%,#2d190b 100%)!important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.72),
    inset 0 0 0 2px #1f1209,
    inset 0 0 0 5px rgba(190,126,56,.18)!important;
}

/* Remove the old floating book and, especially, the leaf on the right. */
#v686PetAlbumOverlay .v686-head.v6113-pet-head::before,
#v686PetAlbumOverlay .v686-head.v6113-pet-head::after{
  content:none!important;
  display:none!important;
}

#v686PetAlbumOverlay .v6113-pet-cover{
  position:absolute!important;
  left:16px!important;
  top:50%!important;
  transform:translateY(-50%) rotate(-5deg)!important;
  width:57px!important;
  height:68px!important;
  display:grid!important;
  place-items:center!important;
  border:3px solid #b48135!important;
  border-radius:11px!important;
  background:
    linear-gradient(145deg,#ed4253 0%,#b9172b 58%,#6e0c18 100%)!important;
  box-shadow:
    0 6px 13px #000a,
    inset 0 0 0 3px #68101a,
    inset 6px 0 0 rgba(255,255,255,.08)!important;
}
#v686PetAlbumOverlay .v6113-pet-cover::before{
  content:""!important;
  position:absolute!important;
  left:-5px!important;
  top:6px!important;
  bottom:6px!important;
  width:7px!important;
  border-radius:6px 0 0 6px!important;
  background:linear-gradient(180deg,#d9a44d,#74501f)!important;
  box-shadow:inset -2px 0 #4d2d12!important;
}
#v686PetAlbumOverlay .v6113-pet-cover span{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  background:#f1b947!important;
  color:#7f171b!important;
  font-size:23px!important;
  line-height:1!important;
  text-shadow:none!important;
  box-shadow:inset 0 0 0 2px #8d531c,0 2px 5px #0007!important;
}

#v686PetAlbumOverlay .v6113-pet-headcopy{
  width:100%!important;
  max-width:540px!important;
}
#v686PetAlbumOverlay .v6113-pet-headcopy h2{
  margin:0!important;
  color:#ffe5ad!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:28px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  text-shadow:
    0 2px 0 #2d1508,
    0 0 9px rgba(255,193,84,.22)!important;
}
#v686PetAlbumOverlay .v6113-pet-headcopy h2::after{
  content:""!important;
  display:block!important;
  width:min(390px,90%)!important;
  height:2px!important;
  margin:8px auto 6px!important;
  border-radius:2px!important;
  background:linear-gradient(90deg,transparent,#bb843a 15%,#e1b65b 50%,#bb843a 85%,transparent)!important;
  box-shadow:0 1px #2c1609!important;
}
#v686PetAlbumOverlay .v6113-pet-headcopy p{
  margin:0!important;
  color:#f1dfbd!important;
  font-size:8.2px!important;
  font-weight:850!important;
  line-height:1.35!important;
  text-shadow:0 1px #1a0e07!important;
}

/* Close button sits visually inside the wooden header. */
#v686PetAlbumOverlay .v686-close{
  right:16px!important;
  top:80px!important;
  width:38px!important;
  height:38px!important;
  border:2px solid #9f7335!important;
  background:linear-gradient(180deg,#302015,#110b08)!important;
  color:#ffe6b4!important;
  box-shadow:0 5px 12px #000b,inset 0 0 0 2px #140b06!important;
}

/* ==========================================================
   PUBLIC PLAYER PROFILE – Pet collection
   ========================================================== */
#v074ProfileContent .v6113-profile-pets{
  border-color:#76512b!important;
  background:
    radial-gradient(circle at 16% 0%,rgba(211,145,63,.08),transparent 40%),
    linear-gradient(160deg,#4a2913,#261309)!important;
}
#v074ProfileContent .v6113-profile-pets .v326-section-title{
  color:#f0d8a8!important;
}
#v074ProfileContent .v6113-pet-profile-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:7px!important;
}
#v074ProfileContent .v6113-pet-profile-stat{
  min-height:64px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:5px!important;
  padding:9px 10px!important;
  border:1px solid #7b552f!important;
  border-radius:11px!important;
  background:linear-gradient(160deg,#4b2a14,#29160b)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
#v074ProfileContent .v6113-pet-profile-stat span{
  color:#d4c4a5!important;
  font-size:7px!important;
  font-weight:850!important;
}
#v074ProfileContent .v6113-pet-profile-stat b{
  color:#f2e4bd!important;
  font-size:20px!important;
  line-height:1!important;
}
#v074ProfileContent .v6113-pet-profile-stat b small{
  margin-left:2px!important;
  color:#78dc65!important;
  font-size:9px!important;
}

@media(max-width:390px){
  #v686PetAlbumOverlay .v686-head.v6113-pet-head{
    min-height:94px!important;
    padding:11px 48px 11px 72px!important;
  }
  #v686PetAlbumOverlay .v6113-pet-cover{
    left:11px!important;
    width:49px!important;
    height:59px!important;
  }
  #v686PetAlbumOverlay .v6113-pet-cover span{
    width:29px!important;
    height:29px!important;
    font-size:19px!important;
  }
  #v686PetAlbumOverlay .v6113-pet-headcopy h2{font-size:23px!important}
  #v686PetAlbumOverlay .v6113-pet-headcopy p{font-size:7px!important}
}
