.opening{height:680svh}
.opening-stage{background:radial-gradient(ellipse at 55% 34%,#f3f2f0 0,#e8e6e3 65%,#dcd9d5 100%);perspective:none;min-height:0}
.opening-stage>.room-environment{display:none}
.opening-stage .outfit-heading,.opening-stage .outfit-halo,.opening-stage .outfit-word,.opening-stage .outfit-steps{display:none}
.opening-stage .outfit-assembly{width:min(65svh,70vw);top:0;pointer-events:none;filter:drop-shadow(5px 12px 10px #29231c18)}
.opening-stage .char-eye,.opening-stage .char-blush,.opening-stage .char-smile{display:none}
.opening-stage .outfit-layer{visibility:hidden}
.opening-hint{position:absolute;bottom:4%;left:5%;right:5%;margin:0;text-align:center;font-size:14px;letter-spacing:.06em;pointer-events:none;z-index:8}
.ear-glint{position:absolute;left:62.6%;top:49.9%;width:3%;aspect-ratio:1;background:#fff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 4px white);opacity:0;pointer-events:none}
.opening-stage .outfit-choices a:first-child,.opening-stage .outfit-choices a:last-child{top:auto;bottom:12%;width:clamp(200px,26vw,370px)}
.outfit-choices .choice-caption{display:block;text-align:center;font-size:15px;margin-top:-12px;color:#302820;letter-spacing:.02em}
@media(max-width:700px){
 .opening{height:660svh}
 .opening-stage .outfit-assembly{width:min(53svh,96vw);top:4svh}
 .opening-stage .outfit-choices a:first-child,.opening-stage .outfit-choices a:last-child{width:46%;bottom:5%;top:auto}
 .outfit-choices .choice-caption{font-size:11px;margin-top:-7px;white-space:nowrap}
 .opening-hint{bottom:7%;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .opening{height:auto}.opening-stage{height:190svh;min-height:0}.opening-stage .outfit-layer{visibility:visible;top:100svh;height:90svh}.opening-stage .outfit-assembly{top:0}.opening-hint{display:none}
}