@import url("livefit-enhancements.css");

/* LiveFit body selector — source sheets are exact 4×2 grids.
   Each visible card is one 362×543 cell. No nudge/scale overrides. */
.body-sprite{
  display:block;
  width:100%;
  max-width:220px;
  aspect-ratio:362/543;
  margin:0 auto 12px;
  background-repeat:no-repeat!important;
  background-size:400% 200%!important;
  background-color:#101010!important;
  border-radius:16px;
  overflow:hidden;
  filter:none!important;
  box-shadow:0 10px 26px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.055);
}
.body-sprite.male{background-image:url("../assets/images/body-types-male-8.webp")!important}
.body-sprite.female{background-image:url("../assets/images/body-types-female-8.webp")!important}

.body-sprite.slim{background-position:0% 0%!important}
.body-sprite.average{background-position:33.333333% 0%!important}
.body-sprite.fit{background-position:66.666667% 0%!important}
.body-sprite.soft-build{background-position:100% 0%!important}
.body-sprite.muscular{background-position:0% 100%!important}
.body-sprite.stocky{background-position:33.333333% 100%!important}
.body-sprite.heavy{background-position:66.666667% 100%!important}
.body-sprite.very-heavy{background-position:100% 100%!important}
.body-sprite.large{background-position:66.666667% 100%!important}

@media(max-width:820px){.body-sprite{max-width:210px}}
@media(max-width:480px){.body-sprite{max-width:180px}}


/* Fine crop pass for the approved female sheet.
   Zooms each cell just enough to hide neighboring cards while preserving full heads/feet. */
.body-sprite.female{
  background-size:404% 220%!important;
}
.body-sprite.female.slim{background-position:0% 1%!important}
.body-sprite.female.average{background-position:33.22% 1%!important}
.body-sprite.female.fit{background-position:66.45% 1%!important}
.body-sprite.female.soft-build{background-position:100% 1%!important}
.body-sprite.female.muscular{background-position:0% 85.5%!important}
.body-sprite.female.stocky{background-position:33.22% 85.5%!important}
.body-sprite.female.heavy{background-position:66.45% 85.5%!important}
.body-sprite.female.very-heavy{background-position:100% 85.5%!important}
.body-sprite.female.large{background-position:66.45% 85.5%!important}