.home{min-height:100vh;min-height:100dvh;background:#07050f;color:#fff;font-family:PingFang SC,Microsoft YaHei,sans-serif;display:flex;flex-direction:column;align-items:center;padding:0 20px 80px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;width:100%}*,*:before,*:after{box-sizing:border-box}.home-header{text-align:center;padding:40px 0 32px;width:100%;max-width:900px}.home-logo{font-size:48px;margin-bottom:10px;display:block;animation:logoBob 3s ease-in-out infinite}@keyframes logoBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.home-title{font-size:clamp(28px,5vw,44px);font-weight:800;letter-spacing:4px;background:linear-gradient(135deg,#e0c3fc,#8ec5fc,#ffecd2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 10px}.home-sub{font-size:16px;color:#c8b4ffcc;letter-spacing:1.5px;margin:0}.home-grid{display:grid;grid-template-columns:1fr;gap:20px;width:100%;max-width:900px}@media (min-width: 640px){.home-grid{grid-template-columns:repeat(2,1fr);gap:24px}.home{padding:0 24px 80px}.home-header{padding:60px 0 48px}.home-logo{font-size:56px}.card-preview{height:160px}.card-emoji{font-size:72px}}@media (min-width: 960px){.home-grid{grid-template-columns:repeat(3,1fr)}}@media (max-height: 500px) and (orientation: landscape){.home{padding:0 16px 40px}.home-header{padding:12px 0 8px}.home-logo{font-size:24px;margin-bottom:4px}.home-title{font-size:20px;margin-bottom:4px}.home-sub{font-size:11px}.home-grid{grid-template-columns:repeat(2,1fr);gap:10px}.card-preview{height:70px}.card-emoji{font-size:36px}.card-info{padding:8px 12px 10px;gap:2px}.card-title{font-size:14px}.card-desc{font-size:11px}.card-cta{font-size:11px;margin-top:4px}}.anim-card{background:var(--card-bg, linear-gradient(135deg, #1a1a3e, #2a1a5e));border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;cursor:pointer;text-align:left;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;display:flex;flex-direction:column;padding:0;color:#fff;width:100%}.anim-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #00000080,0 0 0 1px var(--card-accent, rgba(255,255,255,.2));border-color:var(--card-accent, rgba(255, 255, 255, .2))}.anim-card:active{transform:translateY(-2px)}.anim-card--coming{--card-bg: linear-gradient(135deg, #111120, #1a1a30);opacity:.5;cursor:default;pointer-events:none}.card-preview{position:relative;height:140px;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-emoji{font-size:64px;line-height:1;z-index:1;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));animation:emojiFloat 3s ease-in-out infinite}@keyframes emojiFloat{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}.card-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sparkle{position:absolute;font-size:14px;color:#ffffc899;animation:sparklePop 2.5s ease-in-out calc(var(--i) * .5s) infinite}.sparkle:nth-child(1){top:18%;left:12%}.sparkle:nth-child(2){top:28%;right:14%}.sparkle:nth-child(3){bottom:22%;left:20%}.sparkle:nth-child(4){bottom:16%;right:10%}.sparkle:nth-child(5){top:12%;left:48%}@keyframes sparklePop{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.card-info{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1;background:#00000040}.card-title{font-size:17px;font-weight:700;margin:0;letter-spacing:1px}.card-desc{font-size:13px;color:#c8c8ffbf;margin:0;line-height:1.6}.card-cta{margin-top:8px;font-size:13px;font-weight:600;color:var(--card-accent, #a78bfa);letter-spacing:.5px}.coming-tag{display:inline-block;padding:2px 10px;background:#ffffff14;border-radius:20px;font-size:12px;color:#c8c8ff80;letter-spacing:1px}@media (max-width: 374px){.home{padding:0 12px 60px}.home-header{padding:28px 0 20px}.home-logo{font-size:36px}.card-preview{height:110px}.card-emoji{font-size:50px}.card-info{padding:12px 14px 14px}.card-title{font-size:15px}.card-desc{font-size:12px}}.rd-stage{position:relative;width:100vw;width:100dvw;height:100vh;height:100dvh;overflow:hidden;background:linear-gradient(180deg,#1a0533,#2d1b69 40%,#4c1d95,#7c3aed);transition:filter 1.5s ease;display:flex;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);align-items:center;justify-content:center}.rd-stage--gray{background:linear-gradient(180deg,#4a4a4a,#6b6b6b 40%,#888,#999);filter:saturate(.2)}.rd-stage--colorful{background:linear-gradient(180deg,#1a0533,#2d1b69,#6d28d9 60%,#a78bfa,#c4b5fd);filter:saturate(1.3)}.rd-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rd-star{position:absolute;color:gold;animation:rd-twinkle 2s ease-in-out infinite}.rd-star--dim{color:#888;animation:rd-twinkle-dim 3s ease-in-out infinite}@keyframes rd-twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes rd-twinkle-dim{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}}.rd-clouds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rd-cloud{position:absolute;font-size:60px;opacity:.7;animation:rd-cloud-float 8s ease-in-out infinite;transition:filter 1s ease}.rd-cloud--gray{filter:grayscale(1) brightness(.6)}.rd-cloud--1{top:15%;left:10%;animation-delay:0s}.rd-cloud--2{top:25%;right:15%;animation-delay:2s;font-size:45px}.rd-cloud--3{top:10%;left:55%;animation-delay:4s;font-size:35px}@keyframes rd-cloud-float{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(15px) translateY(-8px)}50%{transform:translate(5px) translateY(-15px)}75%{transform:translate(-10px) translateY(-5px)}}.rd-sad-cloud{position:absolute;top:30%;right:20%;display:flex;flex-direction:column;align-items:center;animation:rd-sad-cloud-bob 3s ease-in-out infinite}.rd-sad-cloud-emoji{font-size:70px;filter:grayscale(.5) brightness(.8)}.rd-tears{display:flex;gap:8px;margin-top:-5px}.rd-tear{animation:rd-tear-fall 1.5s ease-in infinite;font-size:20px}@keyframes rd-sad-cloud-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rd-tear-fall{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}.rd-rainbow{position:absolute;bottom:15%;left:50%;transform:translate(-50%);width:90%;max-width:500px;pointer-events:none}.rd-rainbow-svg{width:100%;height:auto}.rd-rainbow-arc{animation:rd-rainbow-glow 2s ease-in-out infinite alternate}@keyframes rd-rainbow-glow{0%{opacity:.7}to{opacity:1}}.rd-dragon{position:absolute;display:flex;align-items:center;justify-content:center;transition:all 1.5s ease}.rd-dragon-emoji{font-size:80px;display:block}.rd-dragon--wake{top:50%;left:50%;transform:translate(-50%,-50%);animation:rd-dragon-sleep 3s ease-in-out infinite}.rd-dragon--fly{top:40%;left:30%;animation:rd-dragon-fly 4s ease-in-out infinite}.rd-dragon--paint{top:35%;left:50%;transform:translate(-50%);animation:rd-dragon-paint 2s ease-in-out infinite}.rd-dragon--celebrate{top:25%;left:50%;transform:translate(-50%);animation:rd-dragon-celebrate 1s ease-in-out infinite}@keyframes rd-dragon-sleep{0%,to{transform:translate(-50%,-50%) rotate(-5deg)}50%{transform:translate(-50%,-50%) rotate(5deg)}}@keyframes rd-dragon-fly{0%{transform:translate(0) rotate(0)}25%{transform:translate(30px,-20px) rotate(-5deg)}50%{transform:translate(60px) rotate(0)}75%{transform:translate(30px,20px) rotate(5deg)}to{transform:translate(0) rotate(0)}}@keyframes rd-dragon-paint{0%,to{transform:translate(-50%) rotate(-10deg)}50%{transform:translate(-50%) rotate(10deg)}}@keyframes rd-dragon-celebrate{0%,to{transform:translate(-50%) translateY(0) scale(1)}50%{transform:translate(-50%) translateY(-15px) scale(1.1)}}.rd-tail-sparkle{position:absolute;bottom:-10px;right:-20px;font-size:30px;animation:rd-sparkle .6s ease-in-out infinite alternate}@keyframes rd-sparkle{0%{opacity:.5;transform:scale(.8) rotate(0)}to{opacity:1;transform:scale(1.3) rotate(20deg)}}.rd-friends{position:absolute;bottom:20%;width:100%;display:flex;justify-content:center;pointer-events:none}.rd-friend{position:absolute;font-size:40px;animation:rd-friend-appear .8s ease-out forwards;opacity:0;transform:translateY(30px)}@keyframes rd-friend-appear{0%{opacity:0;transform:translateY(30px) scale(.5)}60%{transform:translateY(-10px) scale(1.2)}to{opacity:1;transform:translateY(0) scale(1)}}.rd-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.rd-confetti-piece{position:absolute;top:-10px;width:8px;height:12px;border-radius:2px;animation:rd-confetti-fall 3s linear infinite}@keyframes rd-confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:.3}}.rd-narration{position:absolute;bottom:8%;left:50%;transform:translate(-50%);text-align:center;color:#fff;z-index:10;width:90%;max-width:400px}.rd-scene-title{font-size:22px;font-weight:700;margin-bottom:6px;text-shadow:0 2px 8px rgba(0,0,0,.5);animation:rd-fade-in .8s ease-out}.rd-scene-text{font-size:15px;line-height:1.6;opacity:.9;text-shadow:0 1px 4px rgba(0,0,0,.4);animation:rd-fade-in 1s ease-out .3s both}@keyframes rd-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rd-progress{position:absolute;bottom:3%;left:50%;transform:translate(-50%);display:flex;gap:8px}.rd-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.rd-dot--active{background:gold;transform:scale(1.3);box-shadow:0 0 8px gold}.rd-dot--done{background:#ffffffb3}.rd-start{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;z-index:20;animation:rd-fade-in 1s ease-out}.rd-start-emoji{font-size:100px;animation:rd-start-bounce 2s ease-in-out infinite;margin-bottom:16px}@keyframes rd-start-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.rd-start-title{font-size:32px;font-weight:800;margin-bottom:8px;text-shadow:0 2px 12px rgba(124,58,237,.6)}.rd-start-desc{font-size:16px;opacity:.8;margin-bottom:28px;max-width:280px;line-height:1.5}.rd-start-btn{padding:14px 36px;font-size:18px;font-weight:600;border:none;border-radius:50px;background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff;cursor:pointer;box-shadow:0 4px 20px #7c3aed66;transition:all .3s ease;animation:rd-btn-pulse 2s ease-in-out infinite}.rd-start-btn:hover{transform:scale(1.05);box-shadow:0 6px 30px #7c3aed99}@keyframes rd-btn-pulse{0%,to{box-shadow:0 4px 20px #7c3aed66}50%{box-shadow:0 4px 30px #7c3aedb3}}.rd-credits{display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;z-index:20;animation:rd-fade-in 1.5s ease-out}.rd-credits-emoji{font-size:80px;animation:rd-credits-glow 2s ease-in-out infinite alternate;margin-bottom:16px}@keyframes rd-credits-glow{0%{filter:brightness(1);transform:scale(1)}to{filter:brightness(1.2);transform:scale(1.1)}}.rd-credits-title{font-size:24px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 12px rgba(124,58,237,.5)}.rd-credits-sub{font-size:16px;opacity:.7;margin-bottom:28px}@media (max-width: 480px){.rd-dragon-emoji{font-size:60px}.rd-start-title{font-size:26px}.rd-start-emoji{font-size:80px}.rd-scene-title{font-size:18px}.rd-scene-text{font-size:13px}.rd-sad-cloud-emoji{font-size:50px}.rd-friend{font-size:30px}.rd-credits-title{font-size:20px}}@media (max-height: 600px){.rd-narration{bottom:12%}.rd-progress{bottom:5%}}.dino-garden{position:relative;width:100vw;width:100dvw;height:100vh;height:100dvh;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,#87ceeb,#b5e8b5 60%,#7ec850);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.dino-sky{position:absolute;top:0;left:0;width:100%;height:55%;pointer-events:none}.dino-sun{position:absolute;top:8%;right:12%;font-size:4rem;animation:sun-pulse 4s ease-in-out infinite}@keyframes sun-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.15);filter:brightness(1.2)}}.dino-clouds{position:absolute;width:100%;height:100%}.dino-cloud{position:absolute;font-size:3rem;top:15%;animation:cloud-drift 12s linear infinite;opacity:.8}@keyframes cloud-drift{0%{transform:translate(-20px)}50%{transform:translate(20px)}to{transform:translate(-20px)}}.dino-ground{position:absolute;bottom:0;left:0;width:100%;height:35%;background:linear-gradient(180deg,#7ec850,#5da832);border-top:4px solid #4a8c28}.dino-grass{position:absolute;top:-8px;width:100%;height:16px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 8px,#4a8c28 8px,#4a8c28 10px,transparent 10px,transparent 20px);opacity:.5}.dino-flower{position:absolute;opacity:0;transform:scale(0) translateY(10px);transition:all .6s ease-out}.dino-flower--bloom{opacity:1;transform:scale(1) translateY(0);animation:flower-sway 3s ease-in-out infinite}@keyframes flower-sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.dino-scene{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.dino-character{position:absolute;bottom:28%;left:50%;transform:translate(-50%);z-index:10}.dino-emoji{font-size:5rem;display:block}.dino-character--waking .dino-emoji{animation:dino-wake 3s ease-in-out}@keyframes dino-wake{0%{transform:rotate(-10deg) scale(.9);opacity:.5}30%{transform:rotate(-5deg) scale(1);opacity:.8}60%{transform:rotate(5deg) scale(1.1);opacity:1}to{transform:rotate(0) scale(1);opacity:1}}.dino-zzz{position:absolute;top:-20px;right:-30px;font-size:1.5rem;animation:zzz-float 2s ease-in-out infinite;opacity:0;animation-delay:0s}.dino-character--waking .dino-zzz{animation:zzz-fade 3s ease-out forwards}@keyframes zzz-fade{0%{opacity:1;transform:translateY(0)}70%{opacity:.5;transform:translateY(-20px)}to{opacity:0;transform:translateY(-40px)}}@keyframes zzz-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dino-character--busy .dino-emoji{animation:dino-bounce .6s ease-in-out infinite}@keyframes dino-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dino-character--waving .dino-emoji{animation:dino-wave-body 1s ease-in-out infinite}@keyframes dino-wave-body{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.dino-wave-hand{position:absolute;top:-5px;right:-15px;font-size:2rem;animation:wave-hand .5s ease-in-out infinite alternate}@keyframes wave-hand{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}.dino-butterflies{position:absolute;width:100%;height:60%;top:10%}.dino-butterfly{position:absolute;font-size:2rem;animation:butterfly-fly 6s ease-in-out infinite}@keyframes butterfly-fly{0%{transform:translate(0) rotate(0)}25%{transform:translate(30px,-20px) rotate(10deg)}50%{transform:translate(-10px,-40px) rotate(-5deg)}75%{transform:translate(20px,-15px) rotate(8deg)}to{transform:translate(0) rotate(0)}}.dino-bunting{position:absolute;top:12%;width:100%;height:60px}.bunting-line{position:absolute;top:0;left:5%;width:90%;height:2px;background:#666;transform:scaleY(1.5)}.bunting-flag{position:absolute;top:2px;width:30px;height:35px;clip-path:polygon(50% 100%,0 0,100% 0);opacity:0;animation:flag-appear .4s ease-out forwards}@keyframes flag-appear{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.dino-balloons{position:absolute;top:5%;width:100%;height:40%}.dino-balloon{position:absolute;opacity:0;animation:balloon-rise 1.5s ease-out forwards}@keyframes balloon-rise{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.balloon-body{width:35px;height:42px;border-radius:50%/60% 60% 40% 40%;animation:balloon-float 3s ease-in-out infinite;box-shadow:inset -5px -5px 10px #0000001a}.balloon-string{width:1px;height:30px;background:#999;margin:0 auto}@keyframes balloon-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.dino-cake{position:absolute;bottom:30%;left:50%;transform:translate(-50%);font-size:3.5rem;animation:cake-appear 1s ease-out;z-index:5}@keyframes cake-appear{0%{transform:translate(-50%) scale(0)}60%{transform:translate(-50%) scale(1.2)}to{transform:translate(-50%) scale(1)}}.dino-friends{position:absolute;bottom:25%;width:100%;display:flex;justify-content:center;gap:2rem;z-index:8}.dino-friend{display:flex;flex-direction:column;align-items:center;opacity:0;animation:friend-arrive .8s ease-out forwards}@keyframes friend-arrive{0%{opacity:0;transform:translate(60px) scale(.5)}60%{transform:translate(-5px) scale(1.1)}to{opacity:1;transform:translate(0) scale(1)}}.friend-emoji{font-size:3.5rem;animation:friend-bounce 1.5s ease-in-out infinite}.friend-name{font-size:.85rem;color:#fff;background:#0000004d;padding:2px 8px;border-radius:10px;margin-top:4px;white-space:nowrap}@keyframes friend-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dino-party-group{position:absolute;bottom:28%;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10}.party-dino{font-size:4rem;animation:party-dance .8s ease-in-out infinite alternate}.party-friend{font-size:3rem;animation:party-dance .8s ease-in-out infinite alternate}@keyframes party-dance{0%{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-10px) rotate(5deg)}}.dino-fireworks{position:absolute;width:100%;height:50%;top:5%;pointer-events:none}.dino-firework{position:absolute;opacity:0;animation:firework-explode 2s ease-out infinite}.firework-burst{width:40px;height:40px;border-radius:50%;background:var(--fw-color, #ff6b6b);animation:burst 1.5s ease-out infinite;box-shadow:0 0 20px var(--fw-color, #ff6b6b)}@keyframes firework-explode{0%{opacity:0;transform:scale(0)}10%{opacity:1;transform:scale(.3)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes burst{0%{box-shadow:0 0 0 0 var(--fw-color, #ff6b6b)}50%{box-shadow:0 0 30px 10px var(--fw-color, #ff6b6b)}to{box-shadow:0 0 0 0 transparent}}.dino-rainbow{position:absolute;top:8%;left:50%;transform:translate(-50%);font-size:6rem;animation:rainbow-appear 2s ease-out forwards;opacity:0;animation-delay:1s}@keyframes rainbow-appear{0%{opacity:0;transform:translate(-50%) scale(.5)}to{opacity:1;transform:translate(-50%) scale(1)}}.dino-confetti{position:absolute;width:100%;height:100%;top:0;pointer-events:none}.confetti-piece{position:absolute;top:-10px;width:8px;height:12px;border-radius:2px;animation:confetti-fall 3s linear infinite}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:.3}}.dino-overlay{position:absolute;bottom:12%;left:50%;transform:translate(-50%);text-align:center;z-index:20;pointer-events:none}.dino-scene-title{font-size:1.8rem;font-weight:800;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.4);animation:title-in .6s ease-out;margin-bottom:.3rem}.dino-scene-text{font-size:1.1rem;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.4);animation:text-in .8s ease-out;max-width:80vw}@keyframes title-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes text-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.dino-progress{position:absolute;bottom:4%;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:20}.dino-dot{width:10px;height:10px;border-radius:50%;background:#fff6;transition:all .3s ease}.dino-dot--active{background:#fff;transform:scale(1.3);box-shadow:0 0 8px #fff9}.dino-dot--done{background:#ffffffb3}.dino-garden--intro{background:linear-gradient(180deg,#87ceeb,#b5e8b5,#7ec850);display:flex;flex-direction:column;align-items:center;justify-content:center}.dino-intro-bg{position:absolute;width:100%;height:100%;pointer-events:none}.intro-sun{position:absolute;top:8%;right:12%;font-size:5rem;animation:sun-pulse 4s ease-in-out infinite}.intro-clouds{position:absolute;width:100%;top:10%}.intro-cloud{position:absolute;font-size:3.5rem;animation:cloud-drift 10s linear infinite}.intro-flowers{position:absolute;bottom:15%;width:100%}.intro-flower{position:absolute;font-size:2.5rem;animation:flower-sway 3s ease-in-out infinite}.intro-dino{position:absolute;bottom:22%;left:50%;transform:translate(-50%);font-size:6rem;animation:dino-idle 2s ease-in-out infinite}@keyframes dino-idle{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.dino-intro-content{position:relative;z-index:5;text-align:center;margin-top:30vh}.dino-intro-title{font-size:2.5rem;font-weight:900;color:#fff;text-shadow:3px 3px 10px rgba(0,0,0,.3);margin:0 0 .5rem}.dino-intro-sub{font-size:1.2rem;color:#ffffffe6;text-shadow:1px 1px 4px rgba(0,0,0,.2);margin:0 0 2rem}.dino-start-btn{font-size:1.3rem;font-weight:700;padding:14px 40px;border:none;border-radius:50px;background:linear-gradient(135deg,#ff9f43,#ff6b6b);color:#fff;cursor:pointer;box-shadow:0 4px 15px #ff6b6b66;transition:all .3s ease;animation:btn-pulse 2s ease-in-out infinite}.dino-start-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #ff6b6b80}@keyframes btn-pulse{0%,to{box-shadow:0 4px 15px #ff6b6b66}50%{box-shadow:0 4px 25px #ff6b6b99}}.dino-garden--credits{background:linear-gradient(180deg,#1a0533,#2d1b69,#7c3aed);display:flex;flex-direction:column;align-items:center;justify-content:center}.credits-bg{position:absolute;width:100%;height:100%;pointer-events:none}.credits-rainbow{position:absolute;top:10%;left:50%;transform:translate(-50%);font-size:8rem;animation:rainbow-glow 3s ease-in-out infinite}@keyframes rainbow-glow{0%,to{filter:brightness(1);transform:translate(-50%) scale(1)}50%{filter:brightness(1.3);transform:translate(-50%) scale(1.05)}}.credits-sparkles{position:absolute;width:100%;height:100%}.credit-sparkle{position:absolute;font-size:1.2rem;animation:sparkle-twinkle 2s ease-in-out infinite}@keyframes sparkle-twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.credits-content{position:relative;z-index:5;text-align:center}.credits-emoji{font-size:5rem;animation:credits-bounce 1s ease-in-out infinite alternate;margin-bottom:1rem}@keyframes credits-bounce{0%{transform:translateY(0) rotate(-5deg)}to{transform:translateY(-15px) rotate(5deg)}}.credits-title{font-size:2rem;font-weight:800;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.3);margin:.3rem 0;animation:title-in .8s ease-out}.credits-friends{display:flex;justify-content:center;gap:1rem;margin:1.5rem 0 2rem}.credits-friend{font-size:3rem;animation:friend-pop .6s ease-out forwards;opacity:0}@keyframes friend-pop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.dino-replay-btn{font-size:1.1rem;font-weight:700;padding:12px 32px;border:2px solid rgba(255,255,255,.5);border-radius:50px;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dino-replay-btn:hover{background:#fff3;border-color:#fff;transform:scale(1.05)}@media (max-width: 640px){.dino-intro-title{font-size:1.8rem}.dino-intro-sub{font-size:1rem}.dino-emoji{font-size:3.5rem}.dino-scene-title{font-size:1.3rem}.dino-scene-text{font-size:.95rem}.dino-friends{gap:.8rem}.friend-emoji{font-size:2.5rem}.friend-name{font-size:.7rem}.party-dino{font-size:3rem}.party-friend{font-size:2.2rem}.dino-rainbow{font-size:4rem}.credits-title{font-size:1.5rem}.credits-emoji{font-size:3.5rem}.credits-friend{font-size:2.2rem}.dino-cake{font-size:2.5rem}.balloon-body{width:25px;height:30px}.bunting-flag{width:22px;height:26px}.intro-dino{font-size:4rem}.dino-start-btn{font-size:1.1rem;padding:12px 30px}}@media (max-width: 380px){.dino-intro-title{font-size:1.5rem}.dino-friends{gap:.5rem;flex-wrap:wrap;padding:0 1rem}.dino-party-group{gap:.2rem;flex-wrap:wrap;justify-content:center}}.candy-canvas{position:relative;width:100vw;width:100dvw;height:100vh;height:100dvh;overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.candy-canvas--intro{background:linear-gradient(135deg,#ff9a9e,#fecfef,#fdfcfb 60%,#a1c4fd);display:flex;align-items:center;justify-content:center}.candy-intro{text-align:center;z-index:2}.candy-intro-emoji{font-size:5rem;animation:candyBounce 1.5s ease-in-out infinite}.candy-intro-title{font-size:2rem;color:#d63384;margin:.5rem 0;text-shadow:2px 2px 0 #fff}.candy-intro-sub{font-size:1.1rem;color:#c084fc;margin-bottom:1.5rem}.candy-intro-decor{margin-bottom:1.5rem}.candy-float{display:inline-block;font-size:2rem;margin:0 .3rem;animation:floatUp 2s ease-in-out infinite;animation-delay:var(--delay)}.candy-btn{background:linear-gradient(135deg,#ff6b9d,#c44dff);color:#fff;border:none;padding:.8rem 2rem;border-radius:2rem;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 15px #c44dff66;transition:transform .2s,box-shadow .2s}.candy-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #c44dff99}.candy-canvas--fall{background:linear-gradient(180deg,#87ceeb,#ff9a9e 40%,#fecfef,#f9e0ff)}.scene-fall{width:100%;height:100%;position:relative}.fall-sky{position:absolute;top:0;left:0;width:100%;height:50%}.fall-rainbow-hole{position:absolute;top:10%;left:50%;transform:translate(-50%);width:120px;height:120px}.rainbow-ring{position:absolute;border-radius:50%;border:8px solid;animation:rainbowPulse 2s ease-in-out infinite}.ring-1{top:0;right:0;bottom:0;left:0;border-color:#ff6b6b;animation-delay:0s}.ring-2{top:12px;right:12px;bottom:12px;left:12px;border-color:orange;animation-delay:.2s}.ring-3{top:24px;right:24px;bottom:24px;left:24px;border-color:gold;animation-delay:.4s}.ring-4{top:36px;right:36px;bottom:36px;left:36px;border-color:#87ceeb;animation-delay:.6s}.fall-butterfly{position:absolute;top:15%;left:60%;font-size:2.5rem;animation:butterflyFly 4s ease-in-out infinite}.fall-cat{position:absolute;top:30%;left:50%;transform:translate(-50%);font-size:4rem;animation:catFall 3s ease-in forwards}.fall-candy-land{position:absolute;bottom:15%;left:0;width:100%;text-align:center}.candy-tree{display:inline-block;font-size:2.5rem;margin:0 .8rem;animation:candyGrow 1s ease-out forwards;animation-delay:calc(var(--i) * .2s);opacity:0;transform:scale(0)}.fall-chocolate-river{position:absolute;bottom:0;left:0;width:100%;height:12%;background:linear-gradient(180deg,#8b4513,#5c2d0e);animation:riverFlow 3s ease-in-out infinite}.candy-canvas--river{background:linear-gradient(180deg,#fce4ec,#f8bbd0 30%,#8b4513 50%,#5c2d0e)}.scene-river{width:100%;height:100%;position:relative}.river-sky{position:absolute;top:0;left:0;width:100%;height:45%}.cookie-castle{position:absolute;top:5%;right:15%;font-size:4rem;animation:castleAppear 1s ease-out forwards}.marshmallow-cloud{position:absolute;font-size:3rem;animation:cloudDrift 6s ease-in-out infinite}.mc-1{top:5%;left:10%;animation-delay:0s}.mc-2{top:12%;left:40%;animation-delay:1s}.mc-3{top:3%;left:70%;animation-delay:2s}.river-body{position:absolute;top:45%;left:0;width:100%;height:30%}.river-boat{position:absolute;top:10%;left:10%;animation:boatSail 5s ease-in-out infinite;font-size:1.5rem}.boat-candy{display:inline-block;font-size:3rem}.boat-cat{position:relative;top:-1.8rem;left:.3rem;font-size:2.5rem;animation:catWave 1.5s ease-in-out infinite}.river-fish{position:absolute;font-size:1.8rem;animation:fishJump 3s ease-in-out infinite;animation-delay:calc(var(--i) * .8s)}.river-fish:nth-child(2){top:20%;left:40%}.river-fish:nth-child(3){top:40%;left:60%}.river-fish:nth-child(4){top:10%;left:75%}.river-fish:nth-child(5){top:50%;left:30%}.river-banks{position:absolute;bottom:0;left:0;width:100%;height:25%;display:flex;justify-content:space-between}.bank-left,.bank-right{font-size:2rem;display:flex;flex-direction:column;gap:.3rem;padding:.5rem}.candy-canvas--mountain{background:linear-gradient(180deg,#e8f5e9,#c8e6c9,#f8bbd0 60%,#fce4ec)}.scene-mountain{width:100%;height:100%;position:relative}.mountain-sky{position:absolute;top:0;left:0;width:100%;height:30%;display:flex;justify-content:center}.ice-cream-top{font-size:5rem;animation:iceCreamWobble 2s ease-in-out infinite}.mountain-body{position:absolute;top:20%;left:50%;transform:translate(-50%);width:80%;height:55%}.marshmallow-mtn{width:100%;height:100%;background:linear-gradient(180deg,#f8bbd0,#fce4ec,#fff);border-radius:50% 50% 0 0;box-shadow:inset 0 -20px 40px #ffb6c180}.mountain-cat{position:absolute;font-size:3rem;left:50%}.mountain-cat.climbing{animation:catClimb 4s ease-in-out forwards}.slide-trail{position:absolute;bottom:0;left:30%;width:40%;height:3px;background:linear-gradient(90deg,#ff6b9d,#c44dff,#4dc9f6,#ff6b9d);animation:trailAppear 2s ease-out 4s forwards;opacity:0}.mountain-ground{position:absolute;bottom:5%;left:0;width:100%;text-align:center}.ground-flower{display:inline-block;font-size:1.8rem;margin:0 .5rem;animation:flowerSway 2s ease-in-out infinite;animation-delay:calc(var(--i) * .3s)}.candy-canvas--party{background:linear-gradient(135deg,#ff9a9e,#fecfef,#a1c4fd,#c44dff,#ff6b9d);background-size:300% 300%;animation:partyGradient 4s ease infinite}.scene-party{width:100%;height:100%;position:relative}.party-sky{position:absolute;top:0;left:0;width:100%;height:30%}.party-confetti{position:absolute;top:-10%;left:var(--x);font-size:1.5rem;animation:confettiFall 3s ease-in-out infinite;animation-delay:calc(var(--i) * .4s)}.party-center{position:absolute;top:30%;left:50%;transform:translate(-50%);text-align:center}.party-cat{font-size:5rem;animation:catDance 1s ease-in-out infinite}.party-friends{margin-top:1rem}.party-friend{display:inline-block;font-size:2.5rem;margin:0 .5rem;animation:friendArrive .5s ease-out forwards;animation-delay:calc(var(--i) * .3s);opacity:0;transform:scale(0)}.party-fireworks{position:absolute;top:0;left:0;width:100%;height:60%;pointer-events:none}.party-firework{position:absolute;top:10%;left:var(--x)}.fw-burst{width:4px;height:4px;border-radius:50%;background:gold;animation:fwBurst 1.5s ease-out infinite;animation-delay:calc(var(--i) * .5s);box-shadow:0 0 10px #ff6b6b,0 0 20px gold,0 0 30px #c44dff}.party-ground{position:absolute;bottom:5%;left:0;width:100%;text-align:center}.party-candy{display:inline-block;font-size:2rem;margin:0 .6rem;animation:candyBounce 1.5s ease-in-out infinite;animation-delay:calc(var(--i) * .2s)}.candy-canvas--credits{background:linear-gradient(135deg,#ff9a9e,#fecfef 40%,#fdfcfb,#c44dff);display:flex;align-items:center;justify-content:center}.candy-credits{text-align:center;z-index:2}.candy-credits-fireworks{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.firework{position:absolute;top:var(--y);left:var(--x);font-size:1.5rem;animation:fireworkSparkle 2s ease-in-out infinite;animation-delay:calc(var(--i) * .3s)}.candy-credits-emoji{font-size:4rem;animation:candyBounce 1.5s ease-in-out infinite}.candy-credits-title{font-size:1.8rem;color:#d63384;text-shadow:2px 2px 0 #fff;margin:.5rem 0}.candy-credits-sub{font-size:1.1rem;color:#c084fc;margin-bottom:1rem}.candy-credits-friends{margin-bottom:1.5rem}.friend-bounce{display:inline-block;font-size:2.5rem;margin:0 .4rem;animation:candyBounce 1.2s ease-in-out infinite;animation-delay:calc(var(--i) * .2s)}.scene-overlay{position:absolute;bottom:12%;left:50%;transform:translate(-50%);text-align:center;z-index:10;pointer-events:none}.scene-title{font-size:1.5rem;color:#d63384;text-shadow:1px 1px 3px rgba(255,255,255,.8);font-weight:700;animation:fadeInUp .8s ease-out}.scene-text{font-size:1rem;color:#7c3aed;text-shadow:1px 1px 2px rgba(255,255,255,.6);margin-top:.3rem;animation:fadeInUp .8s ease-out .3s both}.scene-progress{position:absolute;bottom:4%;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10}.progress-dot{width:10px;height:10px;border-radius:50%;background:#fff6;transition:all .3s}.progress-dot.active{background:#d63384;transform:scale(1.3);box-shadow:0 0 8px #d63384}.progress-dot.done{background:#c084fc}@keyframes candyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes rainbowPulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes butterflyFly{0%{transform:translate(0) rotate(0)}25%{transform:translate(30px,-20px) rotate(10deg)}50%{transform:translate(-10px,-30px) rotate(-5deg)}75%{transform:translate(20px,-10px) rotate(8deg)}to{transform:translate(0) rotate(0)}}@keyframes catFall{0%{top:5%;opacity:0}20%{opacity:1}60%{top:35%}80%{top:30%}to{top:32%}}@keyframes candyGrow{0%{opacity:0;transform:scale(0) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes riverFlow{0%,to{transform:translate(0)}50%{transform:translate(-5px)}}@keyframes castleAppear{0%{opacity:0;transform:scale(.5) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes cloudDrift{0%,to{transform:translate(0)}50%{transform:translate(20px)}}@keyframes boatSail{0%{left:5%;transform:rotate(-3deg)}50%{left:60%;transform:rotate(3deg)}to{left:5%;transform:rotate(-3deg)}}@keyframes catWave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}@keyframes fishJump{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-30px) scale(1.2);opacity:1}}@keyframes iceCreamWobble{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes catClimb{0%{bottom:0%;transform:translate(-50%)}40%{bottom:70%;transform:translate(-50%) rotate(-10deg)}60%{bottom:70%;transform:translate(-50%) rotate(10deg)}to{bottom:0%;transform:translate(-50%) rotate(0)}}@keyframes trailAppear{0%{opacity:0;width:0}to{opacity:1;width:40%}}@keyframes flowerSway{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}@keyframes partyGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0);opacity:0}20%{opacity:1}to{transform:translateY(100px) rotate(360deg);opacity:0}}@keyframes catDance{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(-8deg)}75%{transform:translateY(-8px) rotate(8deg)}}@keyframes friendArrive{0%{opacity:0;transform:scale(0) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fwBurst{0%{transform:scale(0);opacity:0}30%{transform:scale(3);opacity:1}to{transform:scale(0);opacity:0}}@keyframes fireworkSparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.candy-intro-title{font-size:1.5rem}.candy-intro-emoji{font-size:3.5rem}.candy-btn{font-size:1rem;padding:.6rem 1.5rem}.fall-cat{font-size:3rem}.candy-tree{font-size:1.8rem;margin:0 .4rem}.cookie-castle{font-size:3rem}.boat-candy{font-size:2.2rem}.boat-cat{font-size:1.8rem;top:-1.2rem}.ice-cream-top{font-size:3.5rem}.mountain-cat{font-size:2.2rem}.party-cat{font-size:3.5rem}.party-friend{font-size:1.8rem;margin:0 .3rem}.scene-title{font-size:1.2rem}.scene-text{font-size:.85rem}.candy-credits-title{font-size:1.4rem}.candy-credits-emoji{font-size:3rem}}