/* Fill the existing hit target; all motion stays on decorative children. */
body.hex-desktop-screens #lobby.home-menu #wizard-menu-links>button.enchanted-wardrobe,body #lobby #fixed-home button.enchanted-wardrobe{position:relative!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;isolation:isolate;min-height:64px}
body #lobby .home-wardrobe{display:block!important;position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 4px 3px #140b2188);transform-origin:50% 90%}
body #lobby .home-wardrobe>svg,body #lobby .wardrobe-door>svg{display:block!important;position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}
body #lobby .wardrobe-doors{display:block!important;position:absolute;left:8%;right:8%;top:23%;bottom:9%;perspective:500px}
body #lobby .wardrobe-door{display:block!important;position:absolute;top:0;bottom:0;width:46%;transition:transform .48s cubic-bezier(.2,.75,.25,1);backface-visibility:hidden}
body #lobby .wardrobe-door-left{left:0;transform-origin:left center;transform:rotateY(-8deg)}
body #lobby .wardrobe-door-right{right:0;transform-origin:right center;transform:rotateY(8deg)}
body #lobby .wardrobe-clothes{filter:brightness(.85);transition:filter .4s}
body #lobby .wardrobe-mote{position:absolute;display:block!important;color:#f5e3a5;opacity:0;pointer-events:none;font-size:12px!important;transition:opacity .25s,transform .6s}
body #lobby .wardrobe-mote-one{left:44%;top:36%}body #lobby .wardrobe-mote-two{left:59%;top:66%;font-size:8px!important}
@keyframes wardrobe-greeting{0%,100%{transform:rotate(0)}22%{transform:rotate(-.8deg)}48%{transform:rotate(.7deg)}72%{transform:rotate(-.35deg)}}
@media(hover:hover) and (pointer:fine){
 body #lobby button.enchanted-wardrobe:hover .home-wardrobe{animation:wardrobe-greeting .6s ease-out}
 body #lobby button.enchanted-wardrobe:hover .wardrobe-door-left{transform:rotateY(-62deg)}
 body #lobby button.enchanted-wardrobe:hover .wardrobe-door-right{transform:rotateY(62deg)}
 body #lobby button.enchanted-wardrobe:hover .wardrobe-clothes{filter:brightness(1.15)}
 body #lobby button.enchanted-wardrobe:hover .wardrobe-mote{opacity:.85;transform:translateY(-5px)}
}
body #lobby button.enchanted-wardrobe:focus-visible{outline:2px solid #f7e0a1;outline-offset:3px;border-radius:9px}
body #lobby button.enchanted-wardrobe:focus-visible .wardrobe-door-left{transform:rotateY(-62deg)}
body #lobby button.enchanted-wardrobe:focus-visible .wardrobe-door-right{transform:rotateY(62deg)}
body #lobby button.enchanted-wardrobe:focus-visible .home-wardrobe{animation:wardrobe-greeting .6s ease-out}
@media(max-height:500px),(max-width:760px){body #lobby button.enchanted-wardrobe{min-height:42px}}
@media(prefers-reduced-motion:reduce){body #lobby .home-wardrobe,body #lobby .home-wardrobe *{animation:none!important;transition:none!important}}
html[data-motion=gentle] #lobby .home-wardrobe,html[data-motion=gentle] #lobby .home-wardrobe *{animation:none!important;transition:none!important}