/* Full shoulder contours and a complete hat fit within the hero. */
.avatar-stage{height:min(100%,105vw);width:100%;perspective:none;bottom:0}
.avatar-stage .avatar,.portrait-details{position:absolute;bottom:0;left:50%;transform:translateX(-50%);height:100%;width:auto;max-width:none;aspect-ratio:auto;pointer-events:none}
.avatar-stage .avatar{will-change:auto}
.portrait-details{z-index:1}
@media(max-width:900px){.avatar-stage{height:min(100%,120vw)}}
@media(max-width:600px){.avatar-stage{height:min(100%,150vw)}}
/* A small visual easter egg tied to the SHRK language option. */
.avatar-stage .ogre-ears{display:none;position:absolute;bottom:0;left:50%;height:100%;width:auto;max-width:none;transform:translateX(-54.7%);z-index:0;pointer-events:none}
.avatar-stage .avatar{z-index:1}.portrait-details{z-index:2}
.ogre-grass{display:none;position:absolute;z-index:3;pointer-events:none;bottom:0;left:0;right:0;height:144px;image-rendering:pixelated;background:url('/assets/grass-sparse.svg') center bottom/1600px 144px repeat-x}
.shrek-mode .page-home .ogre-ears,.shrek-mode .page-home .ogre-grass{display:block}
@media(max-width:600px){.ogre-grass{height:108px;background-size:1200px 108px}}
@media(max-width:900px){.avatar-stage .ogre-ears{height:75%;bottom:25%}}
@media(max-width:600px){.avatar-stage .ogre-ears{height:60%;bottom:40%}}