:root{font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;color:#3f302d;background:#fb8da0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}.app-shell{width:100vw;height:100dvh;position:relative;overflow:hidden;background:#fb8da0}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:10px 16px;border:3px solid #3f302d;border-radius:999px;color:#3f302d;background:#fff4f3;font-weight:800;text-decoration:none;transform:translateY(-160%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.scene-viewport{width:100%;height:100%;overflow:hidden;position:relative;overscroll-behavior:none}.scene-stage{--pointer-x: 0px;--pointer-y: 0px;position:absolute;top:0;right:0;bottom:0;left:0;min-width:100%;min-height:100%;isolation:isolate;opacity:0;transition:opacity .52s ease}.scene-stage.has-entered{opacity:1}.layer-stack,.hotspot-layer{position:absolute;top:0;right:0;bottom:0;left:0}.layer-stack{overflow:hidden}.layer-shell{position:absolute;transform:translate3d(calc(var(--pointer-x) * var(--parallax)),calc(var(--pointer-y) * var(--parallax)),0);transform-origin:center;transition:transform .32s cubic-bezier(.22,1,.36,1),filter .24s ease;will-change:transform;pointer-events:none}.layer-image{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center;animation-delay:var(--delay);will-change:transform,filter}.layer-shell--background .layer-image{animation:background-breathe 10s ease-in-out infinite}.layer-shell--edge-shapes .layer-image{animation:edge-drift 11s ease-in-out infinite}.layer-shell--logo .layer-image{animation:logo-float 4.8s ease-in-out infinite}.layer-shell--ribbon .layer-image{animation:ribbon-sway 5.4s ease-in-out infinite}.layer-shell--donut .layer-image{animation:donut-float 6.6s ease-in-out infinite}.layer-shell--title .layer-image{animation:title-pulse 3.8s ease-in-out infinite}.layer-shell--planets .layer-image{animation:planets-orbit 8.4s ease-in-out infinite}.layer-shell--bubbles .layer-image{animation:bubbles-float 7.2s ease-in-out infinite}.layer-shell--about-copy .layer-image,.layer-shell--happiness-copy .layer-image,.layer-shell--pet-copy .layer-image{animation:copy-float 5.8s ease-in-out infinite}.layer-shell--triangles .layer-image{animation:triangles-drift 7.8s ease-in-out infinite}.layer-shell--downloads .layer-image{animation:downloads-pulse 3.2s ease-in-out infinite}.layer-shell.is-selected{filter:brightness(1.07) saturate(1.09) drop-shadow(0 9px 7px rgba(63,48,45,.18))}.layer-shell.is-selected .layer-image{animation-play-state:paused;transform:translateY(-6px) scale(1.035);transition:transform .32s cubic-bezier(.22,1,.36,1)}.motion-off .layer-shell{transform:none!important}.motion-off .layer-image{animation:none!important;transform:none!important}.hotspot-layer{z-index:50;pointer-events:none}.hotspot{position:absolute;display:block;border:0;padding:0;border-radius:50%;color:transparent;background:transparent;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hotspot:after{content:"";position:absolute;top:11%;right:11%;bottom:11%;left:11%;border:3px solid transparent;border-radius:inherit;transform:scale(.9);transition:border-color .18s ease,transform .28s cubic-bezier(.22,1,.36,1),box-shadow .24s ease}.hotspot:hover:after,.hotspot:focus-visible:after{border-color:#ffffffe0;box-shadow:0 0 0 6px #3f302d2e;transform:scale(1)}.hotspot:focus-visible{outline:none}.hotspot--about{left:1.7%;top:70%;width:18.5%;height:27%}.hotspot--happiness{left:82.3%;top:.8%;width:16.5%;height:25%}.hotspot--petdock{left:81.3%;top:71%;width:17.8%;height:27%}.hotspot--planet{left:25.8%;top:10.5%;width:49%;height:84%}.hotspot--planet:after{display:none}.hotspot--download-happiness{left:88.8%;top:20.8%;width:7.4%;height:11.5%}.hotspot--download-petdock{left:91.7%;top:69.5%;width:6.5%;height:11.5%}.status-note{position:absolute;z-index:80;left:50%;bottom:3.2%;min-width:240px;min-height:42px;padding:10px 18px;border:3px solid #3f302d;border-radius:999px;color:#fff;background:#f93475;box-shadow:0 7px #3f302d38;font-size:clamp(12px,1vw,17px);font-weight:800;letter-spacing:.04em;text-align:center;opacity:0;transform:translate(-50%,16px) scale(.92);transition:opacity .18s ease,transform .28s cubic-bezier(.22,1,.36,1);pointer-events:none}.scene-stage.is-activated .status-note{opacity:1;transform:translate(-50%) scale(1)}.pan-hint{display:none}@keyframes background-breathe{0%,to{filter:saturate(1) brightness(1)}50%{filter:saturate(1.035) brightness(1.012)}}@keyframes edge-drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(-4px,3px,0) scale(1.004)}}@keyframes logo-float{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-7px,0) rotate(-.45deg)}}@keyframes ribbon-sway{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-3px,0) rotate(.7deg)}}@keyframes donut-float{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(0,-7px,0) rotate(.25deg)}}@keyframes title-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.018)}}@keyframes planets-orbit{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(4px,-5px,0) rotate(.3deg)}}@keyframes bubbles-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-4px,0)}}@keyframes copy-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-5px,0)}}@keyframes triangles-drift{0%,to{transform:translateZ(0) rotate(0)}50%{transform:translate3d(5px,-3px,0) rotate(.45deg)}}@keyframes downloads-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.045);filter:brightness(1.04)}}@media(max-aspect-ratio:16 / 9){.scene-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.scene-viewport::-webkit-scrollbar{display:none}.scene-stage{position:relative;inset:auto;width:max(100vw,177.7778dvh);min-width:max(960px,177.7778dvh);height:100dvh;min-height:100dvh}}@media(max-width:760px){.pan-hint{display:block;position:fixed;z-index:100;left:50%;bottom:max(16px,env(safe-area-inset-bottom));margin:0;padding:9px 14px;border:2px solid #3f302d;border-radius:999px;color:#3f302d;background:#fff4f3;box-shadow:0 5px #3f302d33;font-size:12px;font-weight:800;white-space:nowrap;transform:translate(-50%);animation:hint-away 5s forwards;pointer-events:none}.status-note{position:fixed;bottom:calc(max(16px,env(safe-area-inset-bottom)) + 46px);font-size:12px}}@keyframes hint-away{0%,65%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}