@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;700;900&display=swap";:root{font-family:DM Sans,Arial,PingFang SC,sans-serif;color:#263d30;background:#eeeade;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid #bc6b39;outline-offset:5px}button:disabled{cursor:not-allowed}header{height:100px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b413322}.brand{text-decoration:none;color:inherit;font-weight:700;font-size:32px;letter-spacing:-2px;display:flex;align-items:center;gap:10px}.brand-icon{font-size:43px}.brand small{font-size:15px;letter-spacing:3px;font-weight:500;border-left:1px solid #829084;padding-left:14px;margin-left:5px}nav{display:flex;gap:32px;height:100%}nav button{font-size:13px;position:relative}nav button span{margin-left:15px;font-size:10px;opacity:.5}nav .active:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:0;background:#304a38}.header-right{display:flex;gap:20px;align-items:center}.demo{font-size:11px;letter-spacing:1px}.demo i,.plot-label i{display:inline-block;width:6px;height:6px;background:#64824a;border-radius:50%;margin-right:8px}.round{border:1px solid #263d3029;border-radius:50%;width:36px;height:36px}main{position:relative;min-height:750px;margin:0 4.5%;padding-top:50px}.hero{position:relative;z-index:2;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;gap:10px;align-items:center}.eyebrow>span{width:20px;height:1px;background:#61754a}h1{font-size:64px;letter-spacing:-3px;font-weight:500;margin:22px 0 17px;line-height:1.2}.serif{font-family:"Noto Serif SC",serif;font-weight:700}.tiny-flower{display:inline-block;font-size:40px;color:#b77947;vertical-align:top;margin-left:13px;transform:rotate(15deg)}.hero p{font-size:13px;color:#728074;line-height:1.9}.season{display:flex;align-items:center;gap:12px;margin-top:28px;font-size:11px}.season>span{font-size:30px;color:#a27a49}.season small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:6px;color:#889080}.world{position:absolute;left:-4.95%;width:83%;height:635px;top:75px}#scene{width:100%;height:100%;touch-action:pan-y}#scene canvas{display:block;width:100%;height:100%;cursor:grab}.world-label{position:absolute;bottom:27px;left:8%;display:flex;flex-direction:column;gap:9px;pointer-events:none}.coordinate{font-size:8px;letter-spacing:1.3px;color:#899283}.world-label strong{font-size:12px;font-weight:400}.plot-label{position:absolute;top:57%;left:53%;background:#fffdf1e8;border:1px solid #ffffff;border-radius:3px;box-shadow:0 8px 35px #46523513;padding:12px 15px;font-size:10px;pointer-events:none;white-space:nowrap}.plot-label:after{content:"";position:absolute;top:100%;left:20px;border-top:8px solid #fffdf1;border-left:5px solid transparent;border-right:5px solid transparent}.plot-label span{color:#939b8a;margin-left:10px;font-size:9px}.camera-button{position:absolute;bottom:25px;right:8%;border:1px solid #2b413322;border-radius:30px;padding:9px 15px;font-size:15px;background:#eeeadea0}.camera-button span{font-size:10px;margin-left:6px}.scene-note{position:absolute;bottom:75px;left:46%;font-size:9px;letter-spacing:1px;color:#899281;pointer-events:none}.scene-note span{margin:0 10px}.garden-panel{position:absolute;right:0;top:66px;width:290px;padding:23px;border:1px solid #fffdf4;background:#f9f7edc9;border-radius:5px;box-shadow:0 15px 60px #4c58330b;z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;color:#85907f}.panel-top span:last-child{font-size:16px}h2{font-family:"Noto Serif SC",serif;font-size:22px;font-weight:500;margin:18px 0 12px}.garden-panel>p{font-size:11px;line-height:1.8;color:#879080;min-height:40px}.seed-options{display:flex;gap:7px;margin:23px 0}.seed{width:33.33%;border:1px solid #dddccd;border-radius:4px;padding:13px 2px 10px;transition:.2s}.seed:hover{transform:translateY(-4px)}.seed.selected{border-color:#6d7f50;background:#e8ecd9}.seed>span{display:block;font-size:33px;color:#6c8b44;margin-bottom:10px}.seed:nth-child(2)>span{color:#bb794b}.seed:nth-child(3)>span{color:#849581}.seed strong{display:block;font-size:10px;font-weight:500}.seed small{font-size:6px;letter-spacing:1px;display:block;margin-top:6px;color:#88927d}.progress-steps{display:flex;justify-content:space-between;font-size:8px;color:#aaa99a;align-items:center;margin:25px 0 17px}.progress-steps b{font-weight:400;color:#d4d3c5}.progress-steps .current{color:#405535}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;background:#314c39;color:#fffbed;border-radius:3px;padding:16px;font-size:12px;transition:.2s}.primary:hover{background:#466546;transform:translateY(-2px)}.inventory{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e0e1d5;padding:23px 0 17px;font-size:10px;color:#7b8775}.inventory strong{font-size:20px;color:#334b35;font-weight:500}.inventory small{font-size:9px}.refine{font-size:11px;display:flex;justify-content:space-between;width:100%;padding:20px 0 6px}.refine:disabled{opacity:.4}.local-note{font-size:8px;text-align:center;color:#8f9786;margin-top:22px}.bottom-story{position:absolute;bottom:9px;left:0;right:0;display:flex;align-items:center;gap:24px;border-top:1px solid #2b413320;padding:24px 0 20px}.story-number{font-size:10px;color:#9a9e8b;align-self:flex-start;margin-top:14px}.bottom-story p{font-size:11px;line-height:1.9;color:#7c8979;margin:0}.bottom-story strong{font-weight:500;color:#40543d}.handwritten{font-family:Georgia,serif;font-style:italic;font-size:23px;color:#879474;transform:rotate(-4deg);margin-left:auto}.story-flower{font-size:48px;color:#839368;margin-left:35px}footer{border-top:1px solid #2b413320;padding:23px 4.5%;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8b9382;letter-spacing:.8px}footer button{font-size:9px}footer small{font-size:8px;opacity:.7;margin-left:7px}footer i{font-size:16px;margin-left:25px}.intro{position:fixed;inset:0;z-index:10;background:radial-gradient(ellipse at 50% 100%,#566c38 0,#172c21 55%,#10231c);color:#f3eed7;overflow:hidden;animation:intro-away .9s 5.9s forwards}.intro[hidden]{display:none}.intro-top{position:absolute;top:35px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:14px;letter-spacing:3px}.intro-top button{color:#dfdec7;font-size:11px;border:1px solid #c3cda044;border-radius:25px;padding:10px 18px}.intro-copy{position:absolute;left:10%;top:33%;animation:copy-reveal 1s .3s both}.intro-copy small{font-size:10px;letter-spacing:3px;color:#bbca94}.intro-copy h2{font:clamp(45px,6.5vw,95px)/1.03 Georgia,serif;letter-spacing:-3px;margin-top:27px}.intro-copy em{color:#bcd29a}.intro-seed{position:absolute;left:66%;top:48%;width:220px;height:220px;transform:translate(-50%,-50%);animation:seed-reveal 6s both}.seed-core{position:absolute;inset:65px;border-radius:60% 15% 60% 30%;transform:rotate(-35deg);background:radial-gradient(ellipse at 30% 20%,#ffdb8c,#a46d32 55%,#4d3d25);box-shadow:0 0 90px #dfb95a45,inset -15px -5px 20px #2f321f70;animation:seed-open 6s both}.orbit{position:absolute;inset:-50px;border:1px solid #dfe8b729;border-radius:50%;transform:rotateX(65deg) rotate(-30deg);animation:orbit 6s linear infinite}.orbit-two{inset:-100px;animation-direction:reverse;opacity:.4}.shoot{position:absolute;left:108px;bottom:100px;width:5px;height:150px;background:linear-gradient(#c3d584,#527647);transform-origin:bottom;animation:grow 2s 2s both;border-radius:100%}.shoot i,.shoot b{position:absolute;width:70px;height:30px;border-radius:100% 0;background:linear-gradient(20deg,#45663c,#bad080);left:0;top:20px;transform:rotate(-20deg)}.shoot b{left:-65px;top:60px;transform:scaleX(-1) rotate(-15deg)}.intro-progress{position:absolute;bottom:85px;left:5%;right:5%;height:1px;background:#ffffff20}.intro-progress span{display:block;width:100%;height:100%;background:#c8d6a2;transform-origin:left;animation:grow-line 6s linear}.intro-bottom{position:absolute;bottom:33px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px}.intro-bottom span{font-size:26px}.scene-fallback{position:absolute;top:37%;left:35%;color:#708a48;text-align:center;font-size:120px}.scene-fallback p{font-size:20px}.scene-fallback small{font-size:12px}dialog{border:1px solid #fffdf5;border-radius:8px;background:#f5f2e6;padding:45px;width:min(440px,90vw);color:#314a38;box-shadow:0 30px 100px #12271d55}dialog::backdrop{background:#142b2370;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.close{position:absolute;right:15px;top:10px;font-size:27px}dialog .modal-symbol{font-size:45px;color:#9aaf75}dialog h2{font-size:28px}dialog .soon{font:76px Georgia,serif;margin:20px 0}dialog p{font-size:12px;line-height:1.9;color:#798671}dialog ul{padding-left:18px;font-size:12px;line-height:2.4}dialog .tag{font-size:9px;letter-spacing:2px;color:#9b8357}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#314c39;color:#fffbea;padding:13px 23px;border-radius:30px;font-size:12px;opacity:0;pointer-events:none;transition:.3s;z-index:20;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%)}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes orbit{to{transform:rotateX(65deg) rotate(330deg)}}@keyframes seed-reveal{0%{transform:translate(-50%,-90%) scale(.3);opacity:0}20%,60%{transform:translate(-50%,-50%) scale(1);opacity:1}90%,to{transform:translate(-50%,-50%) scale(1.7);opacity:1}}@keyframes seed-open{60%{transform:rotate(-35deg)}to{transform:translateY(20px) rotate(-80deg) scale(.65)}}@keyframes copy-reveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-away{to{opacity:0;transform:scale(1.12);visibility:hidden}}@keyframes grow-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(min-width:1500px){main{max-width:1500px;margin:auto;min-height:850px}.world{height:730px}.garden-panel{top:110px;width:310px}.hero{padding-left:25px}}@media(max-width:1050px){h1{font-size:47px}.garden-panel{width:255px;padding:19px}.world{width:85%;left:-10%}.hero p{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1px}}@media(max-width:760px){header{height:76px}.brand{font-size:25px}.brand-icon{font-size:32px}.brand small{font-size:12px}.header-right{gap:8px}.demo{font-size:8px}nav{display:none}main{padding-top:28px;min-height:0}.hero h1{font-size:44px;margin-top:17px}.hero p{font-size:11px}.season{position:absolute;right:0;bottom:8px;font-size:9px}.season small{font-size:6px;letter-spacing:0}.season>span{font-size:22px}.world{position:relative;left:-5%;top:auto;width:110%;height:390px;margin-top:-30px}.world-label{bottom:10px;left:5%}.world-label strong{font-size:10px}.coordinate{font-size:6px}.plot-label{left:47%;top:48%;padding:9px;font-size:8px}.plot-label span{font-size:7px}.scene-note{bottom:48px;left:35%;font-size:7px}.camera-button{right:5%;bottom:10px}.garden-panel{position:relative;top:auto;width:100%;margin-top:20px;padding:23px}.garden-panel>p{min-height:0}.seed-options{margin:18px 0}.seed{padding:10px}.seed>span{margin-bottom:6px;font-size:28px}.seed small{font-size:8px}.seed strong{font-size:11px}.progress-steps{font-size:10px;margin:20px 0 15px}.inventory{padding:16px 0}.local-note{margin-top:16px}.bottom-story{position:relative;margin-top:25px;gap:15px}.handwritten{font-size:15px;max-width:125px}.story-flower{display:none}.bottom-story p{font-size:9px}.story-number{font-size:8px}footer{font-size:8px;flex-wrap:wrap;gap:18px}footer>span:last-child{display:none}.intro-copy{left:8%;top:22%}.intro-copy h2{font-size:50px}.intro-seed{top:67%;left:58%;width:220px;height:220px}.intro-top{top:25px}.intro-bottom{font-size:6px}.intro-copy small{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}h1{font-size:60px;line-height:1.02;letter-spacing:-2.6px;margin-top:21px}.serif{font-family:Georgia,serif;font-style:italic;font-weight:400}.hero .tiny-flower{margin-top:-48px;margin-left:260px;display:block}.brand small{font-size:9px;letter-spacing:2px}.garden-panel h2{font-family:Georgia,serif;font-size:27px;letter-spacing:-.6px}.seed strong{font-size:10px}.progress-steps{font-size:8px}.refine{font-size:10px}.refine>span{font-size:8px}.plot-label{left:46%;font-size:8px}.plot-label span{font-size:8px;margin-left:7px}.toast{white-space:normal;text-align:center;max-width:90vw;width:max-content}dialog h2{font-family:Georgia,serif}.intro-copy h2{font-family:Georgia,serif}@media(max-width:1050px){h1{font-size:51px}.hero .tiny-flower{margin-left:220px;margin-top:-42px}.progress-steps{font-size:7px}.refine{flex-wrap:wrap;gap:8px}}@media(max-width:760px){h1{font-size:49px}.hero .tiny-flower{margin-left:210px;margin-top:-39px}.season{position:static;margin-top:18px}.world{margin-top:-15px}.garden-panel h2{font-size:29px}.progress-steps{font-size:10px}.plot-label{left:34%;font-size:7px}.plot-label span{font-size:7px}.hero p{font-size:11px}.intro-copy small{letter-spacing:1.4px}.intro-top{font-size:10px}.brand small{font-size:8px}.demo{font-size:7px}}