/* Approved same-scene choice and compact reference layout. */
#meeting{display:none}.companion-journey{height:160svh}.desktop-section{opacity:1;visibility:visible}
.outfit-choices{position:absolute;inset:0;z-index:12;pointer-events:none}.outfit-choices a{position:absolute;top:48%;width:240px;padding:26px;background:#fffdf7;border:1px solid #baa48d;border-radius:22px;box-shadow:0 8px 20px #38261616;pointer-events:auto;text-decoration:none;color:#30241e;visibility:hidden}.outfit-choices a:first-child{left:6%;border:3px solid #263c70;background:#f7f9ff}.outfit-choices a:last-child{right:6%}.outfit-choices strong{display:block;font-size:28px}.outfit-choices span{display:block;font-size:15px;margin-top:12px}.outfit-caption{display:none}
.peek-portrait{background:none!important;clip-path:none!important;overflow:visible}.peek-still,.peek-arm{position:absolute;inset:0;background:url('assets/peek-short-v10.webp') center/100% 100% no-repeat}.peek-still{clip-path:polygon(26% 0,100% 0,100% 100%,26% 100%,31% 65%,32% 55%,26% 52%)}.peek-arm{clip-path:polygon(7% 44%,23% 44%,28% 53%,33% 55%,32% 65%,17% 67%,8% 57%);transform-origin:30% 61%;animation:momo-wave 2.8s ease-in-out infinite}.peek-still{clip-path:url(#momo-peek);mask-image:linear-gradient(black,black);}
/* Exclude the original raised arm from the stationary silhouette. */
.peek-still{clip-path:polygon(26% 38%,23% 43%,30% 50%,38% 54%,31% 58%,31% 68%,27% 78%,27% 92%,73% 92%,73% 82%,80% 86%,85% 83%,85% 57%,78% 52%,84% 47%,85% 27%,73% 18%,48% 15%,31% 23%,26% 32%)}
@keyframes momo-wave{0%,55%,100%{transform:rotate(0)}15%,38%{transform:rotate(12deg)}26%{transform:rotate(-8deg)}}
@media(min-width:701px){
#presale{padding:32px 4% 16px;grid-template-columns:1.05fr 1.15fr 1fr;grid-template-rows:350px 190px auto auto;gap:0 24px;min-height:0}
#presale .section-heading{padding:70px 0 0;align-self:start}#presale .section-heading h2{font-size:clamp(48px,6.8vw,105px);margin:10px 0 20px}#presale .section-heading small,.presale-tag,.presale-head-sticker,.presale-hehe{display:none!important}
#presale .section-heading p{font-size:14px}#presale .product-stage{height:540px;margin:0;align-self:start}#presale .product-momo{height:100%}#presale .product-momo .character{transform:scale(1.05)}#presale .product-hat{top:40%;right:-3%!important}#presale .product-socks{top:80%;left:-13%!important}#presale .product-pearl{bottom:0}#presale .gift{display:none}
#presale .price-block{margin:45px 0 0;padding:20px;transform:rotate(5deg)}#presale .price{font-size:clamp(80px,9vw,140px)}#presale .price-block>strong{padding-top:12px}#presale .progress-block{margin:18px 0 0;padding-top:14px}#presale .progress-block>p{margin:8px 0}#presale .progress-block h3 em{font-size:48px}
#presale .presale-right{grid-row:2;margin-top:-12px}#presale .presale-right article{padding:6px 0;margin:0;border-bottom:1px solid #ddd}#presale .presale-right h3{font-size:17px;line-height:1.35;margin:0}#presale .presale-right p{font-size:12px;line-height:1.4;margin:4px 0}#presale .shipping em{font-size:20px}#presale .sticker-sheet{width:42px;height:53px;margin:0 15px 0 0}#presale .sticker-benefit p{display:none}#presale .sticker-benefit .text-action{font-size:11px;margin:0;padding:4px 0}#presale .sticker-benefit h3 br{display:none}
#presale .presale-launch{margin:22px -4.4% 0;padding:18px 4.4%;gap:24px}#presale .presale-launch .primary-action{font-size:clamp(27px,3.2vw,49px);padding:22px 30px;min-width:25%;background:#609eff;color:#050505}#presale .clock-unit strong{font-size:clamp(38px,5.3vw,82px)}#presale .presale-footer{padding-top:12px}
}
@media(max-width:700px){.outfit-choices a{top:auto;bottom:3%;width:43%;padding:14px 10px;border-radius:15px}.outfit-choices a:first-child{left:5%}.outfit-choices a:last-child{right:5%}.outfit-choices strong{font-size:19px}.outfit-choices span{font-size:11px;margin-top:5px}.outfit-steps{bottom:16%}.outfit-assembly{top:-4%}.companion-journey{height:150svh}#presale .presale-tag,#presale .presale-head-sticker{display:none}#presale .product-stage{height:360px}#presale .product-momo{height:340px}#presale .presale-right article{padding:14px 0}#presale .presale-launch{gap:12px}}
@media(prefers-reduced-motion:reduce){.outfit-choices a{visibility:visible}.peek-arm{animation:none}.companion-journey{height:auto}}
@media(min-width:701px){#presale{grid-template-columns:1.23fr 1fr 1fr;grid-template-rows:350px 190px auto auto}#presale .section-heading h2{font-size:clamp(45px,5.8vw,89px);letter-spacing:-.06em}#presale .section-heading h2 .line-mask{white-space:nowrap}#presale .section-heading{padding-top:70px}#presale .section-heading p{margin-top:14px}#presale .product-momo .character{transform:scale(1.2)}#presale .product-hat{right:-7%!important}}
.peek-still{clip-path:url(#momo-peek);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1536'%3E%3Crect width='1024' height='1536' fill='white'/%3E%3Cpath d='M0 680H260L310 840L311 1009L0 1060Z' fill='black'/%3E%3C/svg%3E");mask-size:100% 100%}
.peek-arm{clip-path:polygon(15.1% 45.2%,20.3% 46.4%,22.1% 48.3%,25.4% 49%,26.4% 51%,23.5% 54%,25.2% 56%,30.3% 54.6%,30.3% 65.7%,24% 66.2%,18% 64.3%,14% 61.7%,10.8% 55.9%,8.7% 52%,9.2% 48.6%,12.6% 45.3%);transform-origin:30% 61%}
.peek-still{mask-mode:luminance}
@media(min-width:701px){#presale .product-momo .character{transform:scale(1.05)}#presale .sticker-benefit h3 br{display:block}#presale .sticker-benefit h3{line-height:1.2}}
/* R18: independently composed floating motion does not overwrite GSAP transforms. */
@keyframes accessory-float{0%,100%{translate:0 0;rotate:-1deg}50%{translate:0 -12px;rotate:1deg}}
.intro-layer>.prop{animation:accessory-float 5.2s ease-in-out infinite}.intro-layer>.intro-sock{animation-duration:6.2s;animation-delay:-2s}.intro-layer>.intro-hehe{animation-duration:4.6s;animation-delay:-1s}
#presale .price{display:flex;align-items:baseline;gap:10px;letter-spacing:0;font-weight:750;font-kerning:none;font-variant-numeric:lining-nums tabular-nums;line-height:1.12}#presale .price-digits{letter-spacing:.005em;font-weight:750;white-space:nowrap}#presale .price small{font-size:.36em;letter-spacing:0}
#presale .price-block{box-shadow:3px 6px 0 #eff4ff;background:linear-gradient(125deg,#66a7ff,#5998f5);border-radius:18px 0 0 4px;position:relative}
#presale .price-block:after{content:'';position:absolute;top:0;bottom:0;right:-1px;width:15px;background:radial-gradient(circle at right center,#fff 0 8px,transparent 8.5px) right top/15px 36px repeat-y;pointer-events:none}
.peek-portrait.continuous-wave{background:none!important;clip-path:none!important;mask:none!important}.continuous-wave canvas{display:block;width:100%;height:100%}
.peek-portrait:not(.continuous-wave){background:url('assets/peek-short-v10.webp') center/100% 100% no-repeat!important;clip-path:url(#momo-peek)!important}.peek-portrait:not(.continuous-wave)>div{display:none}
@media(min-width:701px){#presale{grid-template-columns:1.2fr 1.05fr 1fr;grid-template-rows:330px 230px auto auto}#presale .section-heading h2{font-size:clamp(45px,6.3vw,97px);letter-spacing:-.055em}#presale .price{font-size:clamp(72px,8.4vw,130px)}#presale .price-block{margin-top:40px;padding:20px 25px}#presale .product-stage{height:560px}#presale .product-hat{width:34%!important;top:42%;right:-9%!important;z-index:5}#presale .product-socks{width:37%!important;left:-21%!important;top:79%}#presale .presale-right{margin-top:0;background:#ffffffd9;padding:6px 0 0 16px}#presale .presale-right article{padding:10px 0}#presale .presale-right h3{font-size:18px}#presale .presale-right p{font-size:13px}#presale .sticker-sheet{width:46px;height:58px}#presale .progress-block{margin-top:60px}#presale .progress-block>p{float:right;margin:12px 0 0}#presale .progress-track{width:76%;margin-top:18px}#presale .progress-block small{display:block;margin-top:10px}#presale .presale-outline{font-size:25vw;opacity:.65}#presale .presale-launch{margin-top:20px}}
@media(max-width:700px){#presale .price{font-size:clamp(72px,23vw,100px)}.intro-layer>.prop{animation-name:accessory-float}}
@media(prefers-reduced-motion:reduce){.intro-layer>.prop{animation:none}}
/* C: desktop terminal and bound storybook. Native text remains accessible. */
.outfit-choices a{height:145px;padding:40px 20px 20px;box-shadow:none;border:0;overflow:visible}
.outfit-choices a:first-child{background:#e2e9f4;color:#253753;border:0;border-radius:16px 16px 4px 4px;box-shadow:0 8px 0 #263b5d}
.outfit-download:before{content:'●  ●  ●       MOMO OS';position:absolute;top:0;left:0;right:0;background:#263b5d;color:#fff4e8;border-radius:14px 14px 0 0;padding:9px 13px;font-size:9px;letter-spacing:1.6px}
.outfit-download:after{content:'';position:absolute;bottom:-25px;left:30%;width:40%;height:18px;background:#263b5d;clip-path:polygon(32% 0,68% 0,78% 65%,100% 65%,100% 100%,0 100%,0 65%,22% 65%)}
.outfit-choices a:last-child{background:#f6e8d4;border:0;border-left:15px solid #ab7657;border-radius:4px 20px 20px 4px;box-shadow:3px 5px 0 #fff9ee,5px 8px 0 #b68c6b;padding-left:18px}
.outfit-story:before{content:'MOMO / 我的开始';position:absolute;left:18px;top:14px;font-size:9px;letter-spacing:1.4px;color:#946d50}
.outfit-choices strong{font-size:26px;letter-spacing:-.03em}.outfit-choices span{font-size:12px;margin-top:9px}.choice-arrow{position:absolute;right:17px;bottom:12px;font-size:23px;font-weight:500}.outfit-choices a:hover{filter:brightness(1.035)}.outfit-choices a:active{filter:brightness(.97)}
@media(max-width:700px){.outfit-choices a{height:118px;bottom:6%;padding:36px 12px 16px}.outfit-choices strong{font-size:20px}.outfit-choices span{font-size:10px;max-width:95%;margin-top:7px}.outfit-choices a:last-child{padding-left:12px;border-left-width:10px}.outfit-story:before{left:12px;font-size:8px;letter-spacing:.7px}.outfit-download:before{font-size:8px;letter-spacing:.8px}.choice-arrow{right:10px;bottom:6px;font-size:17px}}
/* R20: keep accessories in their own spaces throughout forward/reverse scroll. */
#presale .product-hat{right:0!important;top:39%;width:30%!important;z-index:4}#presale .product-socks{left:0!important;top:77%;width:31%!important;z-index:4}
#presale .product-hat>.prop,#presale .product-socks>.prop{animation:accessory-float 5.5s ease-in-out infinite}#presale .product-socks>.prop{animation-delay:-2s;animation-duration:6.5s}
#presale .presale-paw-sticker{background:#2f80ff;border-radius:50%;width:44px;height:44px;clip-path:none;transform:none;background-position:initial;box-shadow:inset 0 1px 3px #fff5;margin-right:10px;vertical-align:middle}#presale .presale-paw-sticker svg{display:block;width:100%;height:100%;padding:5px}
#presale .progress-block{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:14px;row-gap:12px}#presale .progress-block h3{grid-column:1/-1;grid-row:1}#presale .progress-block>p{grid-column:2;grid-row:2;float:none;margin:0;font-size:14px;line-height:18px;white-space:nowrap}#presale .progress-track{grid-column:1;grid-row:2;width:100%;margin:0;align-self:center}#presale .progress-block>small{grid-column:1/-1;grid-row:3;margin:0}
#presale .price-digits{font-weight:900;font-style:oblique 10deg;letter-spacing:0;font-variant-numeric:lining-nums tabular-nums;line-height:1.05}#presale .price{gap:12px;padding-right:9px}
@media(max-width:700px){#presale .product-hat{right:0!important;top:12%;width:25%!important}#presale .product-socks{left:3%!important;top:69%;width:26%!important}}
@media(prefers-reduced-motion:reduce){#presale .product-hat>.prop,#presale .product-socks>.prop{animation:none}}
/* R21: user-selected blue/red bubble artwork, with MOMO side-eye. */
.outfit-choices a:first-child,.outfit-choices a:last-child{width:clamp(220px,24vw,370px);height:auto;aspect-ratio:730/425;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;top:47%;overflow:visible}
.outfit-choices a::before,.outfit-choices a::after{display:none!important}.outfit-choices a img{display:block;width:100%;height:auto;filter:drop-shadow(0 7px 5px #38261612);transition:translate .18s ease}.outfit-choices a:hover img{translate:0 -4px}.outfit-choices a:active img{translate:0 2px}.outfit-choices a:focus-visible{outline:3px solid #568ffa;outline-offset:4px;border-radius:40px}
@media(max-width:700px){.outfit-choices a:first-child,.outfit-choices a:last-child{width:46%;top:auto;bottom:6%}.outfit-choices a:first-child{left:3%}.outfit-choices a:last-child{right:3%}}
@media(prefers-reduced-motion:reduce){.outfit-choices a img{transition:none}.outfit-choices a:hover img{translate:none}}