/* ===== V4.02 real class avatar images ===== */
.v080-class-avatar-img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 30%;
  border-radius:18px;
}
#character .v41-portrait{
  width:min(100%,330px)!important;
  height:330px!important;
  overflow:hidden!important;
  border-radius:22px!important;
  position:relative!important;
  margin:auto!important;
  background:#0b120d!important;
  border:1px solid #4b6547!important;
  box-shadow:0 18px 36px #0008,0 0 26px rgba(105,166,82,.12)!important;
}
#character .v41-portrait .v080-class-avatar-img{
  object-position:center 24%;
}
#v029ClassModal .class-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
#v029ClassModal .class-card{
  overflow:hidden!important;
  padding:0 0 10px!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#18251a,#0e150f)!important;
}
#v029ClassModal .v080-choice-img{
  width:100%;
  aspect-ratio:1/1;
  display:block;
  object-fit:cover;
  object-position:center 28%;
  border-bottom:1px solid #3a5037;
}
#v029ClassModal .class-card h4{
  margin:8px 8px 3px!important;
  font-size:13px!important;
}
#v029ClassModal .class-card p{
  margin:0 8px!important;
  font-size:9px!important;
}
@media(max-width:560px){
  #v029ClassModal .class-grid{
    grid-template-columns:1fr!important;
  }
  #v029ClassModal .class-card{
    display:grid!important;
    grid-template-columns:110px 1fr!important;
    grid-template-rows:auto auto!important;
    text-align:left!important;
    padding:0!important;
    align-items:center!important;
  }
  #v029ClassModal .v080-choice-img{
    grid-row:1/3;
    width:110px!important;
    height:110px!important;
    aspect-ratio:auto!important;
    border-bottom:0!important;
    border-right:1px solid #3a5037;
  }
  #v029ClassModal .class-card h4{
    margin:12px 10px 2px!important;
  }
  #v029ClassModal .class-card p{
    margin:0 10px 12px!important;
  }
  #character .v41-portrait{
    height:285px!important;
    max-width:285px!important;
  }
}