.entrance-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#92b9df;opacity:1;filter:blur(0) brightness(1);transition:opacity .85s ease,filter .85s ease;overflow:hidden;pointer-events:auto}.entrance-layer video{display:block;width:100%;height:100%;object-fit:contain;background:#92b9df}.entrance-scroll-hint{position:absolute;bottom:4%;left:50%;transform:translate(-50%);padding:6px 12px;border-radius:20px;background:#eef6ffce;color:#496c90;font:12px/1.5 system-ui;white-space:nowrap;pointer-events:none}.entrance-layer.entrance-finished{opacity:0;filter:blur(3px) brightness(1.035);pointer-events:none}.entrance-play,.entrance-replay{position:absolute;z-index:21;bottom:4%;right:4%;padding:9px 14px;border:1px solid #ffffffa6;border-radius:24px;background:#f5faffd9;color:#42658c;font:13px/1.4 system-ui;cursor:pointer;box-shadow:0 3px 14px #30547915}.entrance-play{bottom:8%;left:50%;right:auto;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.entrance-layer{transition:opacity .15s linear!important}.entrance-layer.entrance-finished{filter:none}}@media(max-width:700px){.entrance-replay{bottom:3%;right:3%;padding:5px 8px;font-size:10px}}@media(max-width:700px){.wardrobe-arrival .stage{width:100%;max-width:100%}}:root{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#29496d;background:#bdd8f1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #ffe7a2;outline-offset:5px}.world{min-height:100dvh;display:grid;place-items:center;overflow:hidden}.stage{position:relative;width:min(100vw,177.98dvh);aspect-ratio:2848/1600;container-type:inline-size;isolation:isolate}.room{width:100%;height:100%;display:block}.topbar{position:absolute;inset:4.5% 4.2% auto;display:flex;align-items:center;justify-content:space-between;z-index:5}.brand{color:#fff;font-size:clamp(16px,1.6cqw,27px);font-weight:700;letter-spacing:.12em;text-shadow:0 2px 15px #38699a50}.brand-sub{display:block;font-size:clamp(9px,.66cqw,12px);letter-spacing:.22em;font-weight:400;margin-top:6px;opacity:.85}.quiet,.close{border:1px solid #ffffff80;background:#f5fbffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:100px;padding:10px 19px;color:#365d82;font-size:14px}.wardrobe-hit{position:absolute;left:60%;top:10%;width:33%;height:75%;border:0;background:transparent;border-radius:20%;z-index:2}.open-label{position:absolute;bottom:2%;left:50%;transform:translate(-50%);white-space:nowrap;padding:14px 25px;border:1px solid #fff;background:#eef8fff0;color:#436990;border-radius:100px;box-shadow:0 8px 30px #28558535;font-size:clamp(14px,1.2cqw,20px);transition:transform .2s}.open-label span{margin-left:12px}.wardrobe-hit:hover .open-label{transform:translate(-50%) translateY(-4px)}.panel{position:absolute;left:59%;top:18%;width:35%;padding:1.6cqw;background:#e6f3f9e8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffffc4;border-radius:2cqw;box-shadow:0 18px 60px #2f59883b;z-index:4;animation:enter .35s ease-out}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2cqw}.eyebrow{font-size:clamp(10px,.8cqw,14px);color:#6b8aa7;letter-spacing:.12em}h1{font-size:clamp(16px,1.5cqw,25px);font-weight:600;letter-spacing:.04em;margin:.4cqw 0 0}.close{padding:8px 12px;font-size:12px;background:#ffffffa6}.outfit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8cqw}.outfit{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;border:2px solid #ffffffc9;background:#f9fcff;border-radius:1cqw;padding:.65cqw .35cqw .7cqw;color:#3c5b79;box-shadow:0 3px 10px #5989b512;transition:transform .18s,border-color .18s,box-shadow .18s}.outfit:hover{transform:translateY(-3px);box-shadow:0 7px 20px #47729f22}.outfit.selected{border-color:#779cc4;background:#ecf6ff;box-shadow:0 0 0 2px #ffffffa8}.outfit svg{width:100%;height:7.2cqw;border-radius:.5cqw;margin:.8cqw 0 .65cqw}.number{position:absolute;left:.6cqw;top:.4cqw;z-index:1;font-size:10px;letter-spacing:.08em;color:#6686a4}.item-name{font-size:clamp(11px,.92cqw,16px);white-space:nowrap}.selection{font-size:clamp(10px,.7cqw,12px);color:#8ba0b3;margin-top:.3cqw}.selected .selection{color:#476f9b}.panel-foot{display:flex;justify-content:space-between;gap:10px;font-size:clamp(11px,.86cqw,14px);margin-top:1.2cqw;color:#5f7e9c}.count{color:#7f9ab1}.bottom-note{position:absolute;bottom:4.3%;left:32%;transform:translate(-50%);padding:10px 20px;border-radius:100px;background:#f8fcffe6;color:#4d6f91;font-size:clamp(12px,.95cqw,16px);box-shadow:0 4px 20px #476a9320;white-space:nowrap;z-index:6}.outfit-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1}.change-glow{position:absolute;left:20%;top:32%;width:23%;height:55%;border-radius:50%;background:#ffffff5c;filter:blur(24px);animation:shimmer .65s ease-in-out;pointer-events:none;z-index:3}@keyframes enter{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%,to{opacity:0}50%{opacity:1}}@media(max-width:700px)and (orientation:portrait){.world{display:block;padding-top:8dvh}.stage{width:100vw;margin:0;overflow:visible}.topbar{top:-10%}.brand{color:#3f6690;text-shadow:none}.brand-sub{font-size:9px}.quiet{padding:7px 12px;font-size:12px}.panel{top:105%;left:5%;width:90%;padding:18px;border-radius:24px;-webkit-backdrop-filter:none;backdrop-filter:none}.panel-head{margin-bottom:14px}.eyebrow{font-size:12px}h1{font-size:22px;margin-top:5px}.outfit-grid{gap:10px}.outfit{padding:10px 6px;border-radius:14px}.outfit svg{height:23cqw;margin:10px 0}.item-name{font-size:13px}.selection{font-size:12px;margin-top:4px}.number{left:8px;top:5px}.panel-foot{font-size:12px;margin-top:16px}.bottom-note{left:50%;bottom:2%;font-size:11px;padding:7px 10px}.open-label{font-size:12px;padding:9px 12px}.world:has(.panel){padding-bottom:430px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.actor-composite{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;visibility:hidden}.actor-composite.ready{visibility:visible}.clean-plate{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(to right,transparent 17%,#000 19%,#000 43%,transparent 46%),linear-gradient(to bottom,transparent 29%,#000 32%,#000 88%,transparent 91%);mask-image:linear-gradient(to right,transparent 17%,#000 19%,#000 43%,transparent 46%),linear-gradient(to bottom,transparent 29%,#000 32%,#000 88%,transparent 91%);-webkit-mask-composite:source-in;mask-composite:intersect}.actor-canvas{position:absolute;left:17.8%;top:27.7%;width:27.4%;height:65%;object-fit:contain}.actor-shadow{position:absolute;left:25%;top:86%;width:13%;height:2.5%;border-radius:50%;background:#4a64835c;filter:blur(.4cqw)}.actor-source{display:none}.outfit{background:#fff;padding:.65cqw .35cqw .7cqw}.outfit.selected{background:#fff}.clothing-art{display:block;width:100%;height:9cqw;object-fit:contain;object-position:center;margin:.5cqw 0 .65cqw;border-radius:.5cqw}.outfit-grid{gap:.85cqw}.item-name{font-weight:500}.selection{margin-top:.35cqw}@media(max-width:700px)and (orientation:portrait){.clothing-art{height:25cqw;margin:8px 0 10px}.outfit{padding:10px 6px}.outfit-grid{gap:10px}}.room-retouch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 89%,#000 90%),linear-gradient(to bottom,transparent 93%,#000 94%);mask-image:linear-gradient(to right,transparent 89%,#000 90%),linear-gradient(to bottom,transparent 93%,#000 94%);-webkit-mask-composite:source-in;mask-composite:intersect}.wardrobe-to-moods{height:18vh;min-height:100px;background:linear-gradient(#bdd8f1,#edf5fb 65%,#f8fafc)}.moods-chapter{background:#f8fafc}.game-chapter{position:relative;isolation:isolate;background:linear-gradient(180deg,#f8fafc,#edf6f5 15%,#d4e8e6 29%,#9cbfbe 42%,#577d81 58%,#203e49 75%);padding:0 0 70px;overflow:hidden}.game-chapter:before{content:"";position:absolute;z-index:-1;top:10%;right:-15%;bottom:30%;left:-15%;background:radial-gradient(ellipse at 22% 24%,#ffffffb0,transparent 48%),radial-gradient(ellipse at 82% 42%,#e4f6f5a0,transparent 45%);filter:blur(35px);pointer-events:none}.game-invitation{min-height:65vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px;padding:90px 24px 110px;color:#466c7d}.game-invitation>span{font-size:12px;letter-spacing:.25em}.game-invitation h2{font-size:clamp(30px,4vw,56px);font-weight:500;line-height:1.5;letter-spacing:.06em;margin:0}.game-invitation p{font-size:14px;line-height:1.9;margin:0;color:#658991}.game-invitation i{font-style:normal;font-size:24px;color:#7a9e9f;margin-top:20px}.game-reveal{max-width:1440px;margin:auto;opacity:.35;transform:translateY(22px);transition:opacity .85s ease,transform .85s ease;min-height:750px}.game-reveal.is-revealed{opacity:1;transform:none}@media(max-width:700px){.game-invitation{min-height:55vh;padding:70px 24px 90px}.game-reveal{min-height:650px}}@media(prefers-reduced-motion:reduce){.game-reveal{opacity:1;transform:none;transition:none}.game-chapter:before{filter:none}}.photo-unlock-note{text-align:center;padding:30px 24px 0;color:#bed9d5;font-size:14px;line-height:1.8}.photos-transition{height:30vh;background:linear-gradient(#203e49,#73949f,#c9d9ea)}.photos-chapter{outline:none;background:#c9d9ea}.intro-to-wardrobe{height:48vh;min-height:220px;display:grid;place-items:center;background:linear-gradient(#dcecf9,#d4e7f8 35%,#bdd8f1);color:#6486a6;text-align:center;font-size:clamp(14px,1.3vw,18px);letter-spacing:.12em;position:relative;isolation:isolate}.intro-to-wardrobe:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 45%,#ffffff90,transparent 55%);z-index:-1}.wardrobe-arrival{position:relative;background:#bdd8f1}.wardrobe-arrival .stage{opacity:.2;transform:translateY(18px);transition:opacity .9s ease,transform .9s ease}.wardrobe-arrival.arrived .stage{opacity:1;transform:none}.wardrobe-arrival:before{content:"";position:absolute;inset:0 0 auto;height:5vh;background:linear-gradient(#bdd8f1,transparent);z-index:8;pointer-events:none}@media(prefers-reduced-motion:reduce){.wardrobe-arrival .stage{opacity:1;transform:none;transition:none}}