:root{color:#fff;font-synthesis:none;background:#1e1430;font-family:Inter,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 30%,#755788,#2b1b40 62%,#130d20);margin:0;overflow:hidden}button{font:inherit}.stage-shell{place-items:center;width:100vw;height:100vh;display:grid}.stage{aspect-ratio:16/9;background:#e9c4ed;width:min(100vw,177.778vh);position:relative;overflow:hidden;box-shadow:0 0 90px #11091c}.scene-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.small-screen{z-index:99;background:#241532cc;border:1px solid #fff4;border-radius:999px;padding:10px 16px;font-size:12px;display:none;position:fixed;inset:auto 16px 16px}.hotspot{left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);height:calc(var(--h)*1%);cursor:pointer;z-index:10;background:0 0;border:0;border-radius:20px;transition:all .25s;position:absolute}.hotspot:not(:disabled):hover{background:#ff82d21f;box-shadow:0 0 35px #ff8dd6aa,inset 0 0 28px #fff3}.hotspot:disabled{cursor:not-allowed;-webkit-backdrop-filter:grayscale(.5);backdrop-filter:grayscale(.5);background:#1b142044}.guide{z-index:12;text-align:center;text-shadow:0 2px 6px #3e164e;letter-spacing:.08em;pointer-events:none;flex-direction:column;align-items:center;gap:5px;font-size:clamp(10px,1.25vw,24px);font-weight:900;display:flex;position:absolute;transform:translate(-50%,-50%)}.guide img{filter:drop-shadow(0 0 10px #fff);width:clamp(25px,3vw,58px);height:auto;animation:1.2s ease-in-out infinite bounce}@keyframes bounce{50%{transform:translateY(9px)}}.transition-layer{z-index:80;background:#f6c8ed;position:absolute;inset:0}.transition-glow{pointer-events:none;opacity:0;background:#fbe3f6;animation:4.1s linear forwards coverFlash;position:absolute;inset:0}@keyframes coverFlash{0%,75%{opacity:0}to{opacity:.88}}.room-badge{white-space:nowrap;background:#241332d9;border:1px solid #ffc6ed;border-radius:999px;padding:.45em .9em;font-weight:800;position:absolute;top:5%;left:50%;transform:translate(-50%);box-shadow:0 0 18px #f48ee7}.room-badge.is-next{animation:1.5s infinite pulse}@keyframes pulse{50%{transform:translate(-50%)scale(1.08);box-shadow:0 0 35px #fff}}.member-layer{z-index:5;object-fit:contain;filter:drop-shadow(0 16px 18px #35112b55);animation:.45s ease-out memberIn;position:absolute}.beauty-member{width:35%;height:72%;top:22%;left:32.5%}.clothing-member{width:34%;height:75%;top:18%;left:48%}@keyframes memberIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:none}}.room-title{z-index:8;color:#fff;white-space:nowrap;background:#4e1649aa;border:2px solid #ffb2eb;padding:.45em 1em;font-size:clamp(16px,2.1vw,38px);font-weight:900;position:absolute;top:8%;left:50%;transform:translate(-50%);box-shadow:0 0 24px #ff64ce}.member-arrow{z-index:12;color:#ff98dd;text-shadow:0 0 15px #fff,0 0 30px #ff35c6;cursor:pointer;background:0 0;border:0;font-size:clamp(46px,6vw,110px);position:absolute;top:48%;transform:translateY(-50%)}.member-arrow.left{left:24%}.member-arrow.right{right:24%}.member-stars{z-index:15;gap:clamp(4px,.7vw,14px);display:flex;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.member-stars button{color:#fff;cursor:pointer;opacity:.65;background:#331741cc;border:0;border-radius:10px;padding:.35em .6em;transition:all .2s}.member-stars button span{color:#ddd;font-size:clamp(14px,1.7vw,30px);display:block}.member-stars button small{font-size:clamp(7px,.7vw,12px)}.member-stars button.active{opacity:1;transform:scale(1.13);box-shadow:0 0 20px #fff}.member-stars button.active span{color:#ffdf72}.image-button{z-index:20;cursor:pointer;filter:drop-shadow(0 0 8px #fff7);background:0 0;border:0;padding:0;transition:all .2s;position:absolute}.image-button img{object-fit:contain;width:100%;height:100%}.image-button:hover:not(:disabled){filter:drop-shadow(0 0 15px #fff);transform:scale(1.08)}.image-button:disabled{opacity:.3;cursor:not-allowed}.back-control,.home-control{width:8%;height:8%;top:3%;left:2%}.outfit-card{z-index:30;background:#fff;border-radius:18px;width:24%;height:70%;padding:10px;animation:.9s both cardPop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 60px #ff70d6}.outfit-card img{object-fit:cover;border-radius:12px;width:100%;height:100%}@keyframes cardPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)rotate(-8deg)}45%,75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.45)rotate(8deg)}}.success-toast{z-index:22;background:#421441dd;border:2px solid #ffb9ec;border-radius:999px;padding:.65em 1.4em;font-size:clamp(14px,1.6vw,28px);font-weight:900;position:absolute;bottom:8%;left:50%;transform:translate(-50%);box-shadow:0 0 25px #f45bdb}.photo-composite{opacity:1;transition:all .5s}.photo-composite.visible{animation:.65s accessoryFlash}@keyframes accessoryFlash{0%{filter:brightness(2.5);opacity:.3}to{filter:none;opacity:1}}.countdown{z-index:90;background:#fff2;place-items:center;animation:2.1s forwards cameraFlash;display:grid;position:absolute;inset:0}.countdown span{text-shadow:0 0 25px #ff54cf;color:#fff;font-size:clamp(100px,20vw,360px);font-weight:900}@keyframes cameraFlash{0%,85%{background:#fff2}to{background:#fff}}.result-screen{background:linear-gradient(135deg,#6c3e89,#f6a5d7);grid-template-columns:1fr 260px;gap:22px;padding:5% 5% 3%;display:grid;position:absolute;inset:0}.result-preview{place-items:center;min-width:0;display:grid}.result-canvas{border-radius:3px;max-width:100%;max-height:76vh;box-shadow:0 20px 55px #24112caa}.background-picker{flex-direction:column;gap:10px;display:flex;overflow:auto}.background-picker button{cursor:pointer;background:#fff;border:3px solid #0000;border-radius:12px;height:96px;padding:0;position:relative;overflow:hidden}.background-picker button.active{border-color:#ffdc56;box-shadow:0 0 18px #fff}.background-picker img{object-fit:cover;width:100%;height:100%}.background-picker span{color:#fff;background:#271431cc;border-radius:99px;padding:2px 8px;position:absolute;bottom:5px;right:7px}.result-actions{gap:12px;display:flex;position:absolute;bottom:2%;left:50%;transform:translate(-50%)}.result-actions button,.result-preview>button{color:#fff;cursor:pointer;background:#351743d9;border:1px solid #fff8;border-radius:999px;padding:.65em 1.4em}.result-actions .primary{background:#ff4fbf;box-shadow:0 0 18px #ffb9e9}@media (width<=1023px){.small-screen{display:block}.stage{width:100vw}}.hotspot:disabled{cursor:default!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}.select-control{width:17%!important;height:13%!important;bottom:3%!important;right:2.5%!important}.back-control,.home-control{width:11%!important;height:10%!important;top:2.5%!important;left:2%!important}.beauty-home-control{width:11%;height:10%;top:13%;left:2%}.select-control,.back-control,.home-control,.beauty-home-control{color:#fff;letter-spacing:.08em;text-shadow:0 2px 6px #34102e;border-radius:999px;place-items:center;font-weight:900;display:grid;box-shadow:0 0 22px #ff79d7;background:#421641d9!important;border:2px solid #ffd5f2!important}.select-control img,.back-control img,.home-control img,.beauty-home-control img{display:none}.select-control:after{content:"✓  SELECT";font-size:clamp(16px,1.65vw,30px)}.back-control:after{content:"←  BACK";font-size:clamp(12px,1.1vw,20px)}.home-control:after,.beauty-home-control:after{content:"⌂  HOME";font-size:clamp(12px,1.1vw,20px)}.guide img{filter:drop-shadow(0 0 14px #fff)drop-shadow(0 0 22px #ff43c6)!important;width:clamp(52px,5.5vw,105px)!important}.guide{font-size:clamp(14px,1.55vw,29px)!important}.flow-next-control{z-index:22;color:#fff;letter-spacing:.08em;cursor:pointer;background:#421641e6;border:2px solid #ffd5f2;border-radius:999px;width:15%;height:10%;font-size:clamp(15px,1.6vw,29px);font-weight:900;position:absolute;bottom:4%;right:2%;box-shadow:0 0 24px #ff69d2}.shoot-control{width:19%!important;height:18%!important;bottom:1.5%!important;right:1.5%!important}.shoot-control img{display:none}.shoot-control:after{content:"📷  SHOOT";color:#fff;letter-spacing:.06em;background:#421641e6;border:2px solid #ffd5f2;border-radius:999px;place-items:center;width:100%;height:58%;font-size:clamp(17px,1.8vw,34px);font-weight:900;display:grid;box-shadow:0 0 26px #ff69d2}.intro-video{background:#160e25}.intro-skip{z-index:30;color:#fff;cursor:pointer;background:#241331b3;border:1px solid #fff8;border-radius:999px;padding:.6em 1.25em;position:absolute;top:3%;right:2%}