:root{--color-space:oklch(5.5% 0 0);--color-ink:oklch(96.5% .015 245);--color-muted:oklch(76% .035 250);--color-soft:oklch(86% .035 244);--color-heart:oklch(98.5% .02 250);--color-ion:oklch(82% .14 235);--color-paper:oklch(94% .018 78);--color-paper-shadow:oklch(14% .035 250/.5);--font-ui:system-ui, "Segoe UI", "Microsoft YaHei", sans-serif;--font-memory:"Songti SC", "STSong", "SimSun", serif;--font-cartoon:"Comic Sans MS", "Segoe Print", "Microsoft YaHei", "Microsoft JhengHei", cursive;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);color:var(--color-ink);background:var(--color-space);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body,#app{min-height:100%}body{background:var(--color-space);margin:0;overflow:hidden}button{font:inherit}.experience-shell{isolation:isolate;min-height:100svh;position:relative;overflow:hidden}#cosmos-canvas,.sky-vignette,.horizon-glow,.game-canvas,.meteor-rain-canvas{position:fixed;inset:0}#cosmos-canvas{z-index:0;background:var(--color-space);width:100%;height:100%;transition:opacity .9s var(--ease-out-expo), filter .9s var(--ease-out-expo);display:block}.sky-vignette{z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 44%,#0000 0 22rem,oklch(1.8% 0 0/.5) 62rem),linear-gradient(oklch(3% .012 250/.18),#0000 44%,oklch(1.8% 0 0/.72))}.horizon-glow{z-index:2;pointer-events:none;display:none}.brand-mark,.setup-note,.skip-button,.replay-button,.photo-card,.photo-cloud,.final-word-cloud,.final-message{position:fixed}.brand-mark{z-index:11;top:max(1rem, env(safe-area-inset-top));left:max(1rem, env(safe-area-inset-left));color:oklch(98% .012 245/.55);font-family:var(--font-cartoon);letter-spacing:0;pointer-events:none;text-shadow:0 0 .08rem oklch(100% 0 0/.68),0 0 .9rem oklch(86% .11 235/.42),0 0 2.4rem oklch(72% .16 235/.22);-webkit-text-stroke:1px oklch(96% .035 235/.46);font-size:clamp(2.45rem,7vw,5.15rem);font-weight:900;line-height:1}.setup-note{z-index:9;left:max(1.25rem, env(safe-area-inset-left));bottom:max(1.25rem, env(safe-area-inset-bottom));width:min(25rem,100vw - 2.5rem);color:var(--color-ink);transition:opacity .62s var(--ease-out-expo), transform .62s var(--ease-out-expo);background:oklch(7.5% .018 245/.78);border:1px solid oklch(86% .08 62/.28);border-radius:.5rem;gap:.35rem;padding:.85rem 1rem;display:grid;box-shadow:0 0 2.4rem oklch(80% .14 235/.12)}.setup-note strong{font-size:.95rem}.setup-note span{color:var(--color-muted);font-size:.88rem;line-height:1.55}.skip-button,.replay-button,.message-start-button{min-width:44px;min-height:44px;color:var(--color-ink);cursor:pointer;transition:opacity .26s var(--ease-out-quart), transform .26s var(--ease-out-quart), border-color .22s var(--ease-out-quart), background .22s var(--ease-out-quart);background:oklch(9% .02 248/.78);border:1px solid oklch(90% .04 245/.4);border-radius:999px;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.06),0 0 2rem oklch(80% .14 235/.18)}.skip-button,.replay-button{z-index:12;right:max(1.25rem, env(safe-area-inset-right));bottom:max(1.25rem, env(safe-area-inset-bottom));padding:.62rem 1rem}.message-start-button{width:max-content;margin:clamp(1rem,2.2vw,1.4rem) auto 0;padding:.64rem 1.3rem;display:block;position:relative}.skip-button:hover,.replay-button:hover,.message-start-button:hover{background:oklch(12% .03 248/.88);border-color:oklch(92% .08 235/.72);transform:translateY(-1px)}.skip-button:focus-visible,.replay-button:focus-visible,.message-start-button:focus-visible,.final-message:focus-visible{outline:2px solid var(--color-ion);outline-offset:4px}.skip-button.is-hidden,.replay-button.is-hidden,.message-start-button.is-hidden{pointer-events:none;opacity:0;transform:translateY(.6rem)}.photo-card{z-index:8;width:min(19rem,72vw);transform-style:preserve-3d;opacity:0;pointer-events:none;filter:drop-shadow(0 2rem 3rem var(--color-paper-shadow));transition:opacity .52s var(--ease-out-expo), transform .62s var(--ease-out-expo), filter .62s var(--ease-out-expo);margin:0;top:50%;left:50%;transform:translate(-50%,-42%)rotateX(12deg)rotate(-3deg)scale(.5)}.photo-card.is-active{opacity:1;filter:drop-shadow(0 2.6rem 4rem var(--color-paper-shadow));transform:translate(-50%,-50%)rotateX(0)rotate(-2deg)scale(1)}.photo-card.is-absorbing{animation:absorb-photo 2.2s var(--ease-out-expo) forwards}.photo-frame{background:linear-gradient(135deg, oklch(100% 0 0/.94), var(--color-paper)), var(--color-paper);border-radius:.28rem;padding:.72rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px oklch(42% .02 80/.16),inset 0 -1.2rem 1.7rem oklch(74% .05 70/.12)}.photo-frame:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,oklch(100% 0 0/.16),#0000 35%);position:absolute;inset:.72rem}.photo-card.is-absorbing .photo-frame img{animation:photo-image-breakup 2.2s var(--ease-out-expo) forwards}.photo-frame img{aspect-ratio:4/5;object-fit:contain;background:oklch(12% .02 248);border-radius:.12rem;width:100%;display:block}.photo-caption{color:oklch(98% .012 245/.7);width:min(24rem,82vw);font-family:var(--font-memory);text-align:center;text-shadow:0 0 .7rem oklch(86% .08 235/.36),0 0 1.8rem oklch(100% 0 0/.18);text-wrap:pretty;margin:.72rem 50% 0;font-size:clamp(.82rem,2.7vw,1rem);line-height:1.65;display:block;transform:translate(-50%)}.photo-caption:empty{opacity:0}.photo-cloud{z-index:5;pointer-events:none;perspective:1000px;inset:0}.memory-thumb{--dx:0vw;--dy:0vh;--r:0deg;--s:1;--delay:0s;--thumb-width:clamp(4.2rem, 10vw, 8.4rem);width:var(--thumb-width);opacity:0;background:linear-gradient(145deg, oklch(100% 0 0/.94), var(--color-paper)), var(--color-paper);filter:blur(.7rem)brightness(1.7);transition:opacity .9s var(--ease-out-expo) var(--delay), filter 1.2s var(--ease-out-expo) var(--delay), transform 1.4s var(--ease-out-expo) var(--delay);border-radius:.24rem;margin:0;padding:.3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)scale(.18);box-shadow:0 1.2rem 2.4rem oklch(0% 0 0/.38),0 0 1.8rem oklch(86% .05 245/.22)}.photo-cloud.is-visible .memory-thumb{opacity:.96;filter:blur()brightness();transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) rotate(var(--r)) scale(var(--s))}.photo-cloud.is-dense .memory-thumb{--thumb-width:clamp(3.1rem, 6.2vw, 5.35rem);padding:.24rem}.memory-thumb img{aspect-ratio:4/5;object-fit:contain;background:oklch(12% .02 248);border-radius:.12rem;width:100%;display:block}.game-canvas,.meteor-rain-canvas{z-index:6;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .9s var(--ease-out-expo);display:block}.game-canvas.is-active{opacity:1;pointer-events:auto;cursor:none}.game-canvas.is-ending{opacity:0;pointer-events:none}.meteor-rain-canvas{z-index:6;mix-blend-mode:screen}.meteor-rain-canvas.is-active{opacity:1}.final-word-cloud{z-index:10;pointer-events:none;opacity:0;transition:opacity .52s var(--ease-out-expo);inset:0}.final-word-cloud.is-active{opacity:1}.final-word-cloud-core{color:oklch(96% .01 245/.9);letter-spacing:0;text-align:center;text-shadow:0 0 .65rem oklch(86% .05 245/.2);text-wrap:balance;width:min(25rem,100vw - 3rem);min-height:1.3em;margin:0;font-family:STXingkai,Xingkai SC,KaiTi,STKaiti,STSong,serif;font-size:clamp(1.65rem,3.5vw,3.25rem);font-weight:400;line-height:1.2;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.final-word-cloud-core-copy{white-space:nowrap;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.final-word-cloud-character{opacity:0;filter:blur(.12rem);transition:opacity var(--character-duration) var(--ease-out-quart), filter var(--character-duration) var(--ease-out-quart), transform var(--character-duration) var(--ease-out-quart);transition-delay:var(--character-delay);display:inline-block;transform:translateY(.08em)}.final-word-cloud.is-core-visible .final-word-cloud-character{opacity:1;filter:blur();transform:translateY(0)}.final-word-cloud-core-lead,.final-word-cloud-core-final{transition:opacity .72s var(--ease-out-expo), filter .72s var(--ease-out-expo)}.final-word-cloud-core-final{opacity:0;filter:blur(.18rem)}.final-word-cloud.is-final .final-word-cloud-core-lead{opacity:0;filter:blur(.12rem)}.final-word-cloud.is-final .final-word-cloud-core-final{opacity:1;filter:blur()}.final-word-cloud-terms{position:absolute;inset:0}.final-word-cloud-term{top:var(--desktop-y);left:var(--desktop-x);color:oklch(92% .018 245);letter-spacing:0;white-space:nowrap;text-shadow:0 0 .45rem oklch(82% .06 235/.14);opacity:0;filter:blur(.18rem);transform:translate(-50%, -50%) rotate(var(--word-rotation)) scale(.97);transition:opacity var(--word-enter-duration) var(--ease-out-quart), filter var(--word-enter-duration) var(--ease-out-quart), transform var(--word-enter-duration) var(--ease-out-quart);transition-delay:var(--word-delay);font-family:STXingkai,Xingkai SC,KaiTi,STKaiti,STSong,serif;font-size:clamp(.9rem,2.15vw,1.75rem);font-weight:400;line-height:1.15;display:block;position:absolute}.final-word-cloud.is-terms-visible .final-word-cloud-term{opacity:var(--word-opacity);filter:blur();transform:translate(-50%, -50%) rotate(var(--word-rotation)) scale(1)}.final-word-cloud.is-terms-fading .final-word-cloud-term{opacity:0;filter:blur(.16rem);transform:translate(-50%, -50%) rotate(var(--word-rotation)) scale(.985);transition-duration:var(--word-exit-duration);transition-delay:0s}.final-message{z-index:10;opacity:0;pointer-events:none;filter:blur(.45rem);width:min(42rem,100vw - 2.5rem);max-height:min(62svh,31rem);transition:opacity .85s var(--ease-out-expo), filter .85s var(--ease-out-expo), transform .85s var(--ease-out-expo);top:50%;left:50%;transform:translate(-50%,-47%)scale(.96)}.final-message.is-visible{opacity:1;pointer-events:auto;filter:blur();transform:translate(-50%,-50%)scale(1)}.final-message.is-switching{opacity:0;pointer-events:none;filter:blur(.5rem);transform:translate(-50%,-47%)scale(.965)}.final-message-frame{max-height:inherit;color:var(--color-ink);text-shadow:0 0 1.4rem oklch(86% .04 245/.24);-webkit-backdrop-filter:blur(10px)saturate(1.1);backdrop-filter:blur(10px)saturate(1.1);background:linear-gradient(145deg,oklch(12% .025 248/.32),oklch(4% .012 248/.2)),oklch(4% .012 248/.28);border:1px solid oklch(96% .025 245/.34);border-radius:.45rem;padding:clamp(1.05rem,3vw,2rem) clamp(1.1rem,3.6vw,2.6rem);position:relative;overflow:auto;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.04),0 0 3.4rem oklch(82% .12 235/.2),0 1.4rem 3.8rem oklch(0% 0 0/.28)}.final-message-frame:before{content:"";pointer-events:none;border:1px solid oklch(98% .012 245/.16);border-radius:.28rem;position:absolute;inset:.62rem}.final-message-copy{max-width:58ch;font-family:var(--font-memory);gap:clamp(.62rem,1.8vw,.95rem);margin:0 auto;font-size:clamp(1rem,2.3vw,1.24rem);line-height:1.9;display:grid;position:relative}.final-message-copy p{margin:0}body[data-stage=game] #cosmos-canvas,body[data-stage=finalRain] #cosmos-canvas{opacity:.74;filter:saturate(.9)brightness(.76)}body[data-stage=game] .photo-cloud,body[data-stage=game] .photo-card,body[data-stage=finalRain] .photo-cloud,body[data-stage=finalRain] .photo-card{opacity:0;pointer-events:none}body[data-stage=scatter] .setup-note,body[data-stage=gallery] .setup-note,body[data-stage=messageIntro] .setup-note,body[data-stage=messageShadow] .setup-note,body[data-stage=game] .setup-note,body[data-stage=gameResult] .setup-note,body[data-stage=finalRain] .setup-note{pointer-events:none;opacity:0;transform:translateY(-.5rem)}@keyframes absorb-photo{0%{opacity:1;filter:drop-shadow(0 2.6rem 4rem var(--color-paper-shadow));transform:translate(-50%,-50%)rotateX(0)rotate(-2deg)scale(1)}24%{opacity:1;filter:drop-shadow(0 1.7rem 2.4rem oklch(0% 0 0/.24));transform:translate(-50%,-50%)rotateX(0)rotate(-1.5deg)scale(1.006)}58%{opacity:.48;filter:drop-shadow(0 .9rem 1.4rem oklch(0% 0 0/.14));transform:translate(-50%,-50.5%)rotateX(2deg)rotate(-.5deg)scale(.994)}to{opacity:0;filter:drop-shadow(0 0 oklch(0% 0 0/0));transform:translate(-50%,-52%)rotateX(3deg)rotate(0)scale(.97)}}@keyframes photo-image-breakup{0%{opacity:1;filter:saturate()brightness()contrast();transform:scale(1)}28%{opacity:1;filter:saturate(.82)brightness(1.03)contrast(.98);transform:scale(1.002)}62%{opacity:.42;filter:saturate(0)brightness(1.1)contrast(.92)blur(.04rem);transform:scale(.994)}to{opacity:0;filter:saturate(0)brightness(1.16)contrast(.88)blur(.08rem);transform:scale(.985)}}@media (width<=720px){.brand-mark{top:max(.72rem, env(safe-area-inset-top));left:max(.9rem, env(safe-area-inset-left));font-size:clamp(2.2rem,13vw,3.5rem)}.setup-note{right:1rem;bottom:calc(max(1rem, env(safe-area-inset-bottom)) + 3.7rem);width:auto;left:1rem}.skip-button,.replay-button{right:1rem;bottom:max(1rem, env(safe-area-inset-bottom))}.photo-card{width:min(17rem,76vw)}.memory-thumb{--thumb-width:clamp(4rem, 18vw, 5.6rem);padding:.22rem}.photo-cloud.is-dense .memory-thumb{--thumb-width:clamp(2.85rem, 13.4vw, 4rem);padding:.18rem}.final-message{width:calc(100vw - 2rem);max-height:56svh;top:52%}.final-message-frame{padding:1rem 1.05rem}.final-message-copy{font-size:clamp(.92rem,3.8vw,1.06rem);line-height:1.82}.final-word-cloud-core{width:min(19rem,100vw - 3.2rem);font-size:clamp(1.5rem,6.8vw,2.05rem);top:50%}.final-word-cloud-term{top:var(--mobile-y);left:var(--mobile-x);font-size:clamp(.62rem,2.7vw,.8rem);line-height:1.05}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.photo-card{display:none}.photo-cloud .memory-thumb,.final-message,.final-word-cloud-term{filter:none}.final-word-cloud-term{transition-delay:0s}.game-canvas.is-active{cursor:auto}}