/* The wardrobe has its own space: no room, dimension or navigation is covered. */
.a76-closet{--a76-stage:148px;--a76-cab-width:78px;--a76-cab-height:116px;--a76-bone-width:127px;--a76-bone-height:160px;--a76-rise:-18px;position:relative;display:grid;grid-template-columns:var(--a76-stage) minmax(0,1fr);align-items:center;gap:16px;width:100%;min-width:0;min-height:198px;margin:0;padding:9px 24px 9px 12px;box-sizing:border-box;border:0;border-top:1px solid #8a9dab55;border-radius:0;background:linear-gradient(115deg,#17232d,#283843);color:#f3eee5;text-align:left;cursor:pointer;isolation:isolate;font-family:Arial,Helvetica,sans-serif;overflow:hidden}
.a76-closet:hover{background:linear-gradient(115deg,#1c2b37,#304451)}
.a76-closet:focus-visible{outline:3px solid #ddc9a8;outline-offset:-4px}
.a76-closet-copy{display:block;min-width:0;position:relative;z-index:3}
.a76-closet-copy>small{display:block;font-size:9px;line-height:1.5;letter-spacing:.1em;color:#c4d3da}
.a76-closet-copy>strong{display:block;font:400 24px/1.16 Georgia,'Times New Roman',serif;color:#f3eee5;margin:8px 0}
.a76-closet-copy>span{display:block;font-size:12px;line-height:1.6;color:#d1dde1}
.a76-stage{position:relative;display:block;width:var(--a76-stage);height:180px;pointer-events:none}
.a76-stage:after{content:'';position:absolute;width:82%;height:12px;bottom:2px;left:9%;border-radius:50%;background:#030b13a6;filter:blur(4px)}
.a76-cabinet{position:absolute;left:50%;bottom:10px;translate:-50% 0;width:var(--a76-cab-width);height:var(--a76-cab-height);box-sizing:border-box;border:5px solid #40302d;border-top:9px solid #60443a;border-bottom:9px solid #513a33;border-radius:16px 16px 3px 3px;background:radial-gradient(ellipse at 50% 30%,#34424a,#080e17 75%);box-shadow:0 0 0 1px #ba92724d,inset 0 0 12px #000,7px 7px 10px #0006;perspective:450px;z-index:1}
.a76-cabinet:before{content:'';position:absolute;top:-23px;left:-9px;right:-9px;height:17px;background:linear-gradient(90deg,#35241e,#75503a 28%,#3d2b22 50%,#75503a 72%,#35241e);border-radius:75% 75% 0 0;border-top:2px solid #b2916d66;box-shadow:0 2px 0 #170f0d}
.a76-cabinet:after{content:'';position:absolute;left:3px;right:3px;bottom:-15px;height:6px;border-left:8px solid #4a332b;border-right:8px solid #4a332b}
.a76-door{position:absolute;top:0;bottom:0;width:50%;box-sizing:border-box;border:2px solid #75533f;background:repeating-linear-gradient(89deg,#533c30 0 2px,#34261f 4px,#4b3429 7px,#39281f 10px);box-shadow:inset 0 0 0 3px #2d211c,inset 0 0 0 4px #9a78584d;backface-visibility:hidden}
.a76-door:before{content:'';position:absolute;inset:10px 6px 12px;border:1px solid #a37c554d;border-radius:24px 24px 3px 3px;box-shadow:inset 0 0 6px #0007}
.a76-door:after{content:'';position:absolute;top:56%;width:3px;height:10px;background:#c8a477;border-radius:3px;box-shadow:0 1px 3px #000}
.a76-door-left{left:0;transform-origin:0 50%}.a76-door-right{right:0;transform-origin:100% 50%}.a76-door-left:after{right:4px}.a76-door-right:after{left:4px}
.a76-bones{position:absolute;left:50%;bottom:7px;width:var(--a76-bone-width);height:var(--a76-bone-height);background:url('/magic-assets/closet-skeleton-v76.png') center/contain no-repeat;opacity:0;transform:translate(-50%,25px) scale(.12);transform-origin:50% 90%;filter:drop-shadow(0 4px 5px #03070c99);z-index:2;pointer-events:none}
.a76-closet.is-playing .a76-door-left{animation:a76-door-left 8.4s ease-in-out both}
.a76-closet.is-playing .a76-door-right{animation:a76-door-right 8.4s ease-in-out both}
.a76-closet.is-playing .a76-bones{animation:a76-jump 8.4s cubic-bezier(.25,.7,.3,1) both}
.a76-closet.is-playing .a76-cabinet{animation:a76-rattle 8.4s ease-in-out both}
.a76-closet.is-reduced-open .a76-door-left{transform:rotateY(-110deg)}.a76-closet.is-reduced-open .a76-door-right{transform:rotateY(110deg)}.a76-closet.is-reduced-open .a76-bones{opacity:1;transform:translate(-50%,0) scale(.92)}
.a76-closet.is-mini{--a76-stage:94px;--a76-cab-width:51px;--a76-cab-height:73px;--a76-bone-width:86px;--a76-bone-height:104px;--a76-rise:-5px;gap:10px;min-height:120px;padding:5px 16px 5px 8px;border-bottom:1px solid #8a9dab33}
.a76-closet.is-mini .a76-stage{height:111px}.a76-closet.is-mini .a76-cabinet{border-width:3px;border-top-width:6px;border-bottom-width:6px}.a76-closet.is-mini .a76-cabinet:before{top:-17px;left:-6px;right:-6px;height:12px}.a76-closet.is-mini .a76-cabinet:after{bottom:-11px;border-left-width:5px;border-right-width:5px}.a76-closet.is-mini .a76-door:before{inset:7px 4px}.a76-closet.is-mini .a76-closet-copy>strong{font-size:19px;margin:5px 0}.a76-closet.is-mini .a76-closet-copy>small{font-size:8px;letter-spacing:.07em}.a76-closet.is-mini .a76-closet-copy>span{font-size:11px}
.a76-closet.is-finance{grid-column:1/-1!important;min-height:110px;border:1px solid #8a9dab44;border-radius:10px;margin-top:10px}
@keyframes a76-door-left{0%,8%,94%,100%{transform:rotateY(0)}5%{transform:rotateY(-5deg)}18%,76%{transform:rotateY(-116deg)}}
@keyframes a76-door-right{0%,8%,94%,100%{transform:rotateY(0)}5%{transform:rotateY(5deg)}18%,76%{transform:rotateY(116deg)}}
@keyframes a76-rattle{0%,7%,12%,100%{rotate:0deg}3%,9%{rotate:-2deg}5%,11%{rotate:2deg}}
@keyframes a76-jump{0%,15%,100%{opacity:0;transform:translate(-50%,25px) scale(.12)}22%{opacity:1;transform:translate(-50%,2px) scale(.58)}34%{opacity:1;transform:translate(-50%,var(--a76-rise)) scale(1.06) rotate(-7deg)}43%{transform:translate(-50%,0) scale(.96) rotate(5deg)}53%{transform:translate(-50%,-8px) scale(1.02) rotate(-5deg)}65%{transform:translate(-50%,0) scale(.98) rotate(5deg)}75%{opacity:1;transform:translate(-50%,-7px) scale(1) rotate(-3deg)}85%{opacity:0;transform:translate(-50%,20px) scale(.2)}}
@media(max-width:700px){.a76-closet{--a76-stage:120px;--a76-cab-width:65px;--a76-cab-height:98px;--a76-bone-width:106px;--a76-bone-height:145px;gap:10px;padding:8px 16px 8px 4px;min-height:182px}.a76-closet .a76-stage{height:164px}.a76-closet-copy>strong{font-size:21px}.a76-closet-copy>span{font-size:11px}.a76-closet.is-mini .a76-stage{height:111px}.a76-closet.is-mini .a76-closet-copy>strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.a76-closet *{animation:none!important;transition:none!important}}
@media print{.a76-closet{display:none!important}}

/* Thing gives the wardrobe room while its resident is on stage. */
body.a76-performing .a64-contact-hand{opacity:0;pointer-events:none}