.page-enter-active[data-v-7d192f36],.page-leave-active[data-v-7d192f36]{transition:opacity .25s ease,transform .25s ease}.page-enter-from[data-v-7d192f36]{opacity:0;transform:scale(.96)}.page-leave-to[data-v-7d192f36]{opacity:0;transform:scale(1.03)}:root{--sky: #aee7ff;--sky-deep: #7fd4ff;--grass: #7ed957;--sun: #ffd93d;--coral: #ff6b81;--orange: #ff9f43;--blue: #54a0ff;--purple: #5f27cd;--brown: #5b3a1e;--cream: #fff8e7;--white: #ffffff;--font-fun: "ZCOOL KuaiLe", "Comic Sans MS", "PingFang SC", sans-serif;--font-num: "Baloo 2", "Nunito", "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}.num-font{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:0}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;height:100%;height:100dvh;overflow:hidden;font-family:var(--font-fun);user-select:none;-webkit-user-select:none;touch-action:manipulation;background:var(--sky)}button{font-family:var(--font-fun);border:none;cursor:pointer;touch-action:manipulation}.sky-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#7fd4ff,#aee7ff 45%,#d8f5ff 75%,#c8f0a0)}.btn-big{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 36px;font-size:clamp(22px,4vw,32px);color:var(--brown);background:var(--sun);border-radius:999px;border:5px solid var(--white);box-shadow:0 8px #00000026,0 12px 24px #0000001f;transition:transform .15s ease,box-shadow .15s ease}.btn-big:active{transform:translateY(6px) scale(.98);box-shadow:0 2px #00000026}.btn-big.coral{background:var(--coral);color:var(--white)}.btn-big.blue{background:var(--blue);color:var(--white)}.btn-big.green{background:var(--grass);color:var(--white)}.btn-back{position:absolute;top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));z-index:30;width:64px;height:64px;border-radius:50%;background:var(--white);border:4px solid var(--sun);font-size:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px #0000001f;transition:transform .15s ease}.btn-back:active{transform:scale(.9)}.page-title{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:20;background:#ffffffe6;border:4px solid var(--sun);border-radius:999px;padding:8px 28px;font-size:clamp(20px,3.5vw,30px);color:var(--brown);white-space:nowrap;box-shadow:0 5px #0000001a}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes pop-in{0%{transform:scale(0);opacity:0}70%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes bounce-in{0%{transform:translateY(-60px) scale(.6);opacity:0}60%{transform:translateY(8px) scale(1.05);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.anim-pop{animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) both}.anim-bounce{animation:bounce-in .6s cubic-bezier(.34,1.56,.64,1) both}.anim-float{animation:floaty 3s ease-in-out infinite}.anim-wiggle{animation:wiggle 2s ease-in-out infinite}.scene-container{position:absolute;top:0;right:0;bottom:0;left:0}.scene-container canvas{display:block;touch-action:manipulation}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#3c280a59;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.overlay-card{background:var(--cream);border:6px solid var(--sun);border-radius:36px;padding:36px 48px;text-align:center;box-shadow:0 16px 40px #00000040;animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) both;max-width:min(88vw,560px)}.stars-row{display:flex;gap:10px;justify-content:center;font-size:clamp(40px,8vw,64px)}.stars-row .star{filter:grayscale(1) opacity(.35);transition:filter .3s}.stars-row .star.on{filter:none;animation:pop-in .5s cubic-bezier(.34,1.56,.64,1) both}.scroll-area{overflow-y:auto;scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}.rotate-hint{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#1e3c78eb;color:#fff;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:26px;text-align:center;padding:20px}.rotate-hint .phone{font-size:72px;animation:wiggle 1.6s ease-in-out infinite}@media (orientation: portrait) and (max-width: 640px){.rotate-hint.show-on-portrait{display:flex}}