/* Original wardrobe layers. Scoped to figures that explicitly opt in.
   The player keeps translate(-50%,-100%): the sole is always bottom:3px.
   Upright72/sole69; seated60/sole57. No server floor, seat or path changes. */
.player-avatar[data-color][data-wardrobe="true"]{height:72px;width:45px;--wardrobe-top:var(--avatar-color);--wardrobe-bottom:#85756e;--wardrobe-shoe:#795541;--shoulder-y:6.151515px}
.player-avatar[data-color][data-wardrobe="true"] .avatar-body{left:6.5px;top:30px;width:32px;height:29px;border:0;border-radius:0;background:none;box-shadow:none;transform:none;overflow:visible;z-index:2}
.player-avatar[data-color][data-wardrobe="true"] .avatar-body:before,
.player-avatar[data-color][data-wardrobe="true"] .avatar-body:after,
.player-avatar[data-color][data-wardrobe="true"] .avatar-feet:before,
.player-avatar[data-color][data-wardrobe="true"] .avatar-feet:after{content:none;display:none;animation:none}
.player-avatar[data-color][data-wardrobe="true"] .avatar-collar{display:none}
.player-avatar[data-color][data-wardrobe="true"] .wardrobe-torso,.player-avatar[data-color][data-wardrobe="true"] .wardrobe-pelvis{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;pointer-events:none}
.player-avatar[data-color][data-wardrobe="true"] .avatar-arm{width:10px;height:22px;border:0;background:none;border-radius:0;box-shadow:none;overflow:visible;transform-origin:4px 3px}
.player-avatar[data-color][data-wardrobe="true"] .avatar-arm-far{left:calc(var(--shoulder-left) - 4px);top:calc(var(--shoulder-y) - 3px);z-index:-1}
.player-avatar[data-color][data-wardrobe="true"] .avatar-arm-near{left:calc(var(--shoulder-right) - 4px);right:auto;top:calc(var(--shoulder-y) - 3px);z-index:2}
.player-avatar[data-color][data-wardrobe="true"] .wardrobe-sleeve{display:block;width:100%;height:100%;overflow:visible}
.player-avatar[data-color][data-wardrobe="true"] .avatar-feet{position:absolute;left:6.5px;bottom:3px;width:32px;height:24px;z-index:1;overflow:visible}
.wardrobe-foot{position:absolute;top:0;width:14px;height:24px;display:block;transform-origin:6px 2px;pointer-events:none}
.wardrobe-foot-far{left:calc(var(--hip-left) - 6px);transform:rotate(-5deg)}
.wardrobe-foot-near{left:calc(var(--hip-right) - 6px);right:auto;transform:rotate(7deg)}
.wardrobe-leg{display:block;width:100%;height:100%;overflow:visible}
.wardrobe-skirt{position:absolute;top:6px;left:-1px;width:30px;height:18px;z-index:2;overflow:visible;pointer-events:none}
.wardrobe-hat{position:absolute;left:-5px;top:-16px;width:calc(100% + 10px);height:28px;z-index:7;overflow:visible;pointer-events:none}
.player-avatar[data-wardrobe="true"][data-hair="curly"] .wardrobe-hat{top:-18px}
.player-avatar[data-wardrobe="true"][data-hat="bow"] .wardrobe-hat{left:-5px;top:-10px;width:24px;height:20px;transform:rotate(-13deg)}
.player-avatar[data-wardrobe="true"][data-hat="none"] .wardrobe-hat{display:none}
/* New hats replace the three old CSS hats, but never hide glasses. */
.player-avatar[data-wardrobe="true"]:is([data-accessory="cap"],[data-accessory="bow"],[data-accessory="crown"]) .avatar-accessory{display:none}
.wardrobe-back,.wardrobe-seated{display:none}
.player-avatar[data-wardrobe="true"]:is([data-direction="left"],[data-direction="up"]) .wardrobe-front{display:none}
.player-avatar[data-wardrobe="true"]:is([data-direction="left"],[data-direction="up"]) .wardrobe-back{display:inline}
.player-avatar[data-color][data-wardrobe="true"]:is([data-direction="left"],[data-direction="up"]) .avatar-body{transform:none}
.player-avatar[data-color][data-wardrobe="true"]:is([data-direction="left"],[data-direction="up"]) .avatar-arm-near{left:calc(var(--shoulder-left) - 4px);right:auto}
.player-avatar[data-color][data-wardrobe="true"]:is([data-direction="left"],[data-direction="up"]) .avatar-arm-far{left:calc(var(--shoulder-right) - 4px);right:auto}
/* Old seated conventions: head stays at12, torso starts36, near knees project right
   in front views and left in back views. Root height and seat baseline do not move. */
.player-avatar[data-color][data-wardrobe="true"][data-pose="sitting"]{height:60px;--shoulder-y:3.606061px}
.player-avatar[data-color][data-wardrobe="true"][data-pose="sitting"] .avatar-body{top:36px;height:17px;transform:none}
.player-avatar[data-color][data-wardrobe="true"][data-pose="sitting"]:is([data-direction="left"],[data-direction="up"]) .avatar-body{transform:none}
.player-avatar[data-color][data-wardrobe="true"][data-pose="sitting"] .avatar-feet{left:22px;bottom:3px;width:23px;height:17px;z-index:3}
.player-avatar[data-color][data-wardrobe="true"][data-pose="sitting"]:is([data-direction="left"],[data-direction="up"]) .avatar-feet{left:-1px}
.player-avatar[data-wardrobe="true"][data-pose="sitting"] .wardrobe-foot{width:14px;height:17px;top:0;transform:none;transform-origin:6px 5.666667px}
.player-avatar[data-wardrobe="true"][data-pose="sitting"] .wardrobe-foot-near{left:9px;right:auto}
.player-avatar[data-wardrobe="true"][data-pose="sitting"] .wardrobe-foot-far{left:0;top:0;transform:none}
.player-avatar[data-wardrobe="true"][data-pose="sitting"] .wardrobe-skirt{left:-10px;top:0;width:33px;height:19px;transform:rotate(8deg)}
.player-avatar[data-wardrobe="true"][data-pose="sitting"]:is([data-direction="left"],[data-direction="up"]) .wardrobe-skirt{left:0;transform:rotate(-8deg)}
.player-avatar[data-wardrobe="true"][data-pose="sitting"] .wardrobe-upright{display:none}
.player-avatar[data-wardrobe="true"][data-pose="sitting"] .wardrobe-seated{display:inline}
.player-avatar[data-color][data-wardrobe="true"][data-pose="sitting"] .avatar-arm{height:22px;top:calc(var(--shoulder-y) - 3px)}
.player-avatar[data-color][data-wardrobe="true"][data-pose="wave"] .avatar-arm-near{height:22px;top:calc(var(--shoulder-y) - 3px)}
.player-avatar[data-wardrobe="true"][data-pose="dance"] .wardrobe-foot-far{transform:rotate(13deg)}
.player-avatar[data-wardrobe="true"][data-pose="dance"] .wardrobe-foot-near{transform:rotate(-17deg)}
/* Head-only face editor choices stay pure: no clothes, hats or body shadow. */
.player-avatar[data-color][data-wardrobe="true"].head-only{width:45px;height:40px}
.player-avatar[data-wardrobe="true"].head-only .avatar-body,
.player-avatar[data-wardrobe="true"].head-only .avatar-feet,
.player-avatar[data-wardrobe="true"].head-only .avatar-shadow,
.player-avatar[data-wardrobe="true"].head-only .wardrobe-hat{display:none}
.wardrobe-icon{display:block;width:48px;height:48px;overflow:visible;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
 .player.walking .player-avatar[data-wardrobe="true"]:not([data-pose="sitting"]):not([data-pose="wave"]):not([data-pose="dance"]) .wardrobe-foot-far{animation:wardrobe-step .3s ease-in-out infinite alternate}
 .player.walking .player-avatar[data-wardrobe="true"]:not([data-pose="sitting"]):not([data-pose="wave"]):not([data-pose="dance"]) .wardrobe-foot-near{animation:wardrobe-step .3s ease-in-out infinite alternate-reverse}
 .player-avatar[data-wardrobe="true"][data-pose="dance"] .wardrobe-foot-far{animation:wardrobe-dance-step 1.6s ease-in-out infinite}
}
@keyframes wardrobe-step{from{transform:rotate(-9deg)}to{transform:rotate(13deg)}}
@keyframes wardrobe-dance-step{0%,100%{transform:rotate(13deg)}50%{transform:rotate(-5deg)}}
@media(prefers-reduced-motion:reduce){.player-avatar[data-wardrobe="true"] .wardrobe-foot{animation:none!important}}

/* A seated arm shortens around its painted cap, never around its wrapper corner. */
.player-avatar[data-wardrobe="true"][data-pose="sitting"] .wardrobe-sleeve{transform:scaleY(.72);transform-origin:4px 3px}
