:root{color:#344b3b;font-synthesis:none;--green:#476d4f;--cream:#fffdf5;--gold:#f7c956;--line:#e7e4d5;background:#f7f4e9;font-family:ui-rounded,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #629dc3}button{transition:transform .15s,background .15s}button:active:not(:disabled){transform:translateY(2px)}.layout{grid-template-columns:1fr 428px;align-items:center;gap:72px;max-width:1080px;min-height:100svh;margin:auto;padding:24px;display:grid}.intro{padding:30px 0}.eyebrow{letter-spacing:2.1px;color:#8b9980;font-size:10px;font-weight:700}.intro h1{letter-spacing:-2px;color:#3b5743;margin:24px 0;font-size:58px;line-height:1.25}.intro p{color:#87907c;font-size:18px;line-height:1.9}.intro ol{counter-reset:step;margin:0;padding:24px 0;list-style:none}.intro li{counter-increment:step;color:#7c8876;margin:16px 0;font-size:14px}.intro li:before{content:counter(step);background:#e9ecdf;border-radius:50%;place-items:center;width:25px;height:25px;margin-right:12px;font-size:12px;display:inline-grid}.prototype-note{color:#929d85;border:1px solid #d9dfce;border-radius:20px;padding:8px 12px;font-size:11px}.game{background:var(--cream);border:1px solid #fff;border-radius:32px;width:100%;max-width:440px;padding:20px;position:relative;box-shadow:0 22px 75px #44533312}.topbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.topbar h2{letter-spacing:1px;margin:5px 0 0;font-size:22px;font-weight:800}.topbar h2 span{color:#a1a386;letter-spacing:0;margin-left:10px;font-size:10px;font-weight:500}.icon-button{border:1px solid var(--line);background:#fffdf7;border-radius:50%;place-items:center;width:34px;height:34px;font-size:19px;display:grid}.resources{background:#f1f3e5;border:1px solid #e8edd8;border-radius:13px;justify-content:space-between;gap:12px;padding:10px 14px;font-size:12px;display:flex}.resources span{align-items:center;gap:6px;display:flex}.resources strong{font-size:17px;font-weight:800}.resources small{color:#929b84;font-size:10px}.seed-icon{background:#e5b345;border-radius:60% 20%;width:10px;height:14px;display:inline-block;transform:rotate(25deg)}.garden{background:linear-gradient(#e9f1de 0 64%,#e0ebc9 64%);border-radius:22px;height:208px;margin-top:12px;position:relative;overflow:hidden}.garden-label{color:#8b9b72;letter-spacing:2px;font-size:10px;position:absolute;top:15px;left:16px}.sun{background:#fff8cf;border-radius:50%;width:45px;height:45px;position:absolute;top:20px;right:33px;box-shadow:0 0 0 9px #fffbdd50}.cloud{background:#fffefaab;border-radius:40px;width:60px;height:15px;position:absolute}.cloud:before{content:"";background:inherit;border-radius:50%;width:27px;height:24px;position:absolute;bottom:0;left:14px}.cloud-one{top:59px;left:38px}.cloud-two{top:35px;right:95px;transform:scale(.6)}.hill{background:#cddfb7;border-radius:50%;position:absolute;bottom:34px}.hill-one{width:240px;height:72px;left:-120px}.hill-two{background:#d6e5ba;width:210px;height:86px;right:-118px}.pond{background:#b9dcd3;border:5px solid #d3e9d6;border-radius:50%;width:110px;height:35px;position:absolute;bottom:18px;right:-16px;transform:rotate(-12deg)}.duck-button{transform-origin:50% 89%;z-index:2;touch-action:manipulation;background:0 0;border:0;width:205px;height:205px;padding:0;animation:3.4s ease-in-out infinite breathe;position:absolute;top:0;left:calc(50% - 102.5px)}.duck-button img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 1px #a3894630);width:100%;height:100%}.duck-shadow{filter:blur(4px);background:#899d6535;border-radius:50%;width:105px;height:16px;position:absolute;bottom:22px;left:calc(50% - 52px)}.duck-button.responding{animation:.6s ease-in-out bounce}.flower{color:#fffdef;text-shadow:0 1px #c5d09c;font-size:18px;position:absolute;bottom:20px}.flower-one{left:25px}.flower-two{font-size:11px;bottom:36px;left:69px}.companions{pointer-events:none;z-index:3;height:64px;position:absolute;inset:auto 10px 7px}.companions .companion-walker{pointer-events:auto;cursor:pointer;width:30px;height:31px;animation:companion-walk var(--walk-duration,3.4s) ease-in-out infinite;will-change:transform;position:absolute}.companions .companion-walker.startled{animation:.76s cubic-bezier(.2,.9,.25,1) companion-flee}.companions .companion-duck{object-fit:contain;filter:drop-shadow(0 2px 1px #a3894630);will-change:transform,opacity;width:30px;height:30px;animation:.52s step-end infinite companion-waddle;position:absolute;top:0;left:0}.companions .companion-duck-idle{animation-name:companion-frame-idle,companion-waddle}.companions .companion-duck-step{opacity:0;animation-name:companion-frame-step,companion-waddle}.companions .companion-shadow{filter:blur(1px);will-change:transform;background:#899d6540;border-radius:50%;width:22px;height:5px;animation:.52s ease-in-out infinite companion-step;position:absolute;bottom:0;left:4px}.companions small{color:#77815f;background:#f9f7dd;border-radius:12px;padding:3px 6px;font-size:10px;position:absolute;bottom:0;right:0}.garden-effect{z-index:5;pointer-events:none;color:#fffef0;text-shadow:0 2px #ad8a36;font-size:22px;animation:.9s ease-out forwards float-up;position:absolute;top:45%;left:52%}.feeding-actions{gap:9px;margin:12px 0 18px;display:flex}.primary,.secondary,.hatch-button{border:0;border-radius:13px;min-height:42px;padding:12px 16px;font-size:13px;font-weight:700}.primary{color:#6c5423;background:#f6cb62;flex:1;box-shadow:0 3px #d9ac47}.primary span{margin-left:8px;font-size:10px;font-weight:400}.secondary{color:#71805f;background:#edf0e1;border:1px solid #dce2cb}.feeding-actions .secondary{min-width:127px;font-size:11px}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading h3{margin:0;font-size:15px}.section-heading span{color:#97a087;background:#f0f2e7;border-radius:10px;padding:4px 8px;font-size:11px}.instruction{color:#9a9e86;min-height:16px;margin:6px 0 10px;font-size:11px}.board{touch-action:none;background:#ede7d5;border:1px solid #e0d9c4;border-radius:20px;grid-template-columns:repeat(4,1fr);gap:7px;padding:9px;display:grid;box-shadow:inset 0 2px 5px #8a75430a}.cell{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#fcf8eb;border:1px solid #e7dfca;border-radius:14px;place-items:center;padding:0;display:grid;position:relative;box-shadow:0 2px #dcd4bc}.cell.empty:after{content:"·";color:#e4ddc9;font-size:24px}.cell.selected{outline-offset:-2px;background:#f5f8df;outline:2px solid #8cab65}.cell.drop-target{background:#dce9c8;transform:scale(.96)}.cell.drag-source{opacity:.38}.egg{pointer-events:none;background:radial-gradient(at 35% 24%,#fffdf0 4%,#f4e7bd 48%,#d7c59b 100%);border-radius:52% 52% 48% 48%/65% 65% 37% 37%;justify-content:center;align-items:center;width:36px;height:45px;display:flex;position:relative;transform:rotate(-6deg);box-shadow:0 4px 3px #9f86502b,inset -2px -2px 3px #c4ab6e25}.egg:before{content:"";background:#fff8;border-radius:50%;width:5px;height:8px;position:absolute;top:8px;left:8px;transform:rotate(28deg)}.egg-symbol{color:#ad9762;font-size:15px;line-height:1}.egg.level-2{background:radial-gradient(at 35% 24%,#f6fff4,#dceab9 50%,#acc48a)}.egg.level-2 .egg-symbol{color:#819b63}.egg.level-3{background:radial-gradient(at 35% 24%,#f6ffff,#bfdfdb 50%,#89b5b2)}.egg.level-3 .egg-symbol{color:#5f9997}.egg.level-4{background:radial-gradient(at 35% 24%,#fff6fb,#edcddd 50%,#c99fae)}.egg.level-4 .egg-symbol{color:#b2849b}.egg.level-5{background:radial-gradient(at 35% 24%,#fff9d3,#f9d783 50%,#d7a654)}.egg.level-5 .egg-symbol{color:#ab792d}.egg-level{color:#a49c7e;pointer-events:none;font-size:9px;position:absolute;bottom:3px;right:7px}.cell.pulse .egg{animation:.45s ease-out egg-pop}.nest-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.nest-actions>span{color:#9b9d88;font-size:10px}.hatch-button{color:#fffef3;background:#56774f;min-height:36px;padding:9px 13px;font-size:12px;box-shadow:0 2px #3c5837}.feedback{text-align:center;color:#80906f;min-height:34px;margin-top:12px;padding:4px 3px;font-size:11px;line-height:1.55}footer{color:#adb19d;border-top:1px solid #efeddf;justify-content:space-between;gap:8px;padding-top:10px;font-size:9px;display:flex}.text-button{color:#839673;background:0 0;border:0;padding:0;font-size:9px}.drag-ghost{z-index:50;pointer-events:none;opacity:.9;filter:drop-shadow(0 6px 4px #40503230);position:fixed;transform:translate(-50%,-50%)scale(1.2)}dialog{color:#4d634b;background:#fffdf4;border:1px solid #e7e6d7;border-radius:24px;width:calc(100% - 32px);max-width:430px;padding:23px;box-shadow:0 18px 80px #27362c30}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#283b3459}.dialog-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.dialog-heading h2{font-size:19px}.setting-row{border-bottom:1px solid #eae9dc;justify-content:space-between;padding:16px 0;font-size:14px;display:flex}dialog p{color:#8b977f;font-size:12px;line-height:1.8}.close-dialog{width:100%;margin-top:12px}.expression-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.expression-grid figure{text-align:center;background:#edf0df;border-radius:14px;margin:0;padding:8px}.expression-grid img{object-fit:contain;width:125px;max-width:100%;height:125px}.expression-grid figcaption{color:#879675;font-size:12px}.reduce-motion *,.reduce-motion :before{transition:none!important;animation:none!important}@keyframes breathe{50%{transform:scale(1.025,.98)translateY(1px)}}@keyframes bounce{25%{transform:scale(1.06,.94)}60%{transform:translateY(-8px)scale(.98,1.03)}to{transform:none}}@keyframes companion-walk{0%,to{transform:translate(0,0)}50%{transform:translate3d(var(--travel),0,0)}}@keyframes companion-waddle{0%,to{transform:translateY(0) scaleX(var(--face,1)) rotate(-2deg) scaleY(1)}50%{transform:translateY(0) scaleX(var(--face,1)) rotate(2deg) scaleY(1)}}@keyframes companion-frame-idle{0%,49.9%{opacity:1}50%,to{opacity:0}}@keyframes companion-frame-step{0%,49.9%{opacity:0}50%,to{opacity:1}}@keyframes companion-step{0%,to{opacity:.55;transform:scaleX(.82)}50%{opacity:.8;transform:scaleX(1)}}@keyframes companion-flee{0%{transform:translate(0,0)rotate(0)}18%{transform:translate3d(calc(var(--flee) * .14),-6px,0) rotate(-7deg)}72%{transform:translate3d(calc(var(--flee) * .82),-1px,0) rotate(6deg)}to{transform:translate3d(var(--flee),0,0) rotate(0)}}@keyframes float-up{to{opacity:0;transform:translateY(-60px)rotate(12deg)}}@keyframes egg-pop{0%{transform:scale(.5)}60%{transform:scale(1.2)rotate(5deg)}to{transform:rotate(-6deg)}}@media (width<=850px){.layout{min-height:100svh;padding:16px 10px;display:block}.intro{display:none}.game{margin:auto}}@media (width<=430px){.layout{padding:0}.game{box-shadow:none;padding:16px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;border-radius:0}.garden{height:190px}.duck-button{width:190px;height:190px;left:calc(50% - 95px)}.egg{width:33px;height:41px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width>=431px) and (height<=850px){.layout{grid-template-columns:1fr 350px;padding-top:10px;padding-bottom:10px}.game{max-width:350px;padding:14px}.topbar{margin-bottom:9px}.topbar h2{font-size:20px}.resources{padding:7px 11px}.garden{height:140px;margin-top:9px}.duck-button{width:148px;height:148px;top:-5px;left:calc(50% - 74px)}.duck-shadow{width:75px;bottom:15px;left:calc(50% - 37.5px)}.garden-label{font-size:8px}.pond{width:85px;height:25px;bottom:10px}.sun{width:30px;height:30px;top:18px;right:25px}.cloud-one{top:46px;left:18px;transform:scale(.75)}.feeding-actions{margin:9px 0 12px}.primary,.secondary{min-height:38px;padding:10px 11px}.feeding-actions .secondary{min-width:108px;font-size:10px}.primary span{margin-left:5px;font-size:9px}.board{gap:6px;padding:8px}.egg{width:28px;height:36px}.egg-symbol{font-size:12px}.egg-level{font-size:8px}.nest-actions{margin-top:9px}.nest-actions>span{font-size:9px}.feedback{min-height:28px;margin-top:8px;font-size:10px}footer{padding-top:8px}.companions{height:58px;bottom:7px;left:10px}.companions .companion-walker{width:25px;height:26px}.companions .companion-duck{width:25px;height:25px}.companions .companion-shadow{width:19px;height:4px;left:3px}}.topbar-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.sound-button{color:#60764f;white-space:nowrap;background:#edf0e1;border:1px solid #dce2cb;border-radius:14px;min-height:34px;padding:7px 9px;font-size:10px}.sound-status{color:#89967c;min-height:14px;margin:-6px 0 9px;font-size:9px;line-height:1.5}.sound-settings{border:0;min-width:0;margin:10px 0 4px;padding:0}.sound-settings legend{color:#8b977f;font-size:12px}.sound-settings .setting-row{border-bottom:0;align-items:center;padding:11px 0}.setting-row input[type=checkbox]{accent-color:#56774f;width:19px;height:19px}.volume-row{color:#839175;border-bottom:1px solid #eae9dc;flex-direction:column;gap:9px;margin-bottom:4px;padding:0 0 13px;font-size:11px;display:flex}.volume-row span{justify-content:space-between;display:flex}.volume-row input{accent-color:#6f8e5d;width:100%}.sound-settings>.secondary{margin-top:12px}.sound-settings p{margin:8px 0;font-size:11px}input:focus-visible{outline-offset:3px;outline:3px solid #629dc3}.progress-section{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.progress-card{background:#f7f7ea;border:1px solid #e6e8d9;border-radius:13px;min-width:0;padding:10px 11px}.progress-card .section-heading h3{font-size:12px}.progress-card .section-heading span{padding:3px 6px;font-size:9px}.progress-list{color:#839174;white-space:nowrap;text-overflow:ellipsis;min-height:15px;margin:7px 0 0;font-size:10px;line-height:1.5;overflow:hidden}.cloud-panel{background:#f7f8ed;border:1px solid #e2e7d7;border-radius:14px;margin-top:10px;padding:11px 12px}.cloud-heading,.cloud-account{justify-content:space-between;align-items:center;gap:8px;display:flex}.cloud-heading strong{color:#536b4e;font-size:11px}.cloud-heading span,.cloud-feedback{color:#8a977d;font-size:9px}.cloud-auth-form{grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;display:grid}.cloud-auth-form label{color:#819071;flex-direction:column;gap:4px;font-size:9px;display:flex}.cloud-auth-form input{color:#42583f;width:100%;min-height:30px;font:inherit;background:#fffdf4;border:1px solid #dce3d1;border-radius:8px;padding:5px 7px}.cloud-auth-actions{grid-column:1/-1;align-items:center;gap:10px;display:flex}.cloud-auth-actions button{min-height:30px}.cloud-account{color:#647961;margin-top:8px;font-size:10px}.cloud-account .text-button{font-size:9px}.cloud-feedback{margin:8px 0 0;line-height:1.5}.cloud-panel button:disabled,.cloud-panel input:disabled{opacity:.55;cursor:wait}@media (width<=370px){.topbar h2 span{margin:4px 0 0;display:block}.sound-button{padding:7px;font-size:9px}}