@charset "UTF-8";
:root{--ink:#294536;--forest:#244d3b;--leaf:#5a8060;--sage:#e9efdf;--paper:#f8f6ee;--muted:#77816f;--line:#dfe3d5;--coral:#bf705c;--serif:Georgia,'Times New Roman',serif;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--shadow:0 14px 50px #2945360c;color-scheme:light;font-family:var(--sans);color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(ellipse at 12% 20%,#fffdf770,transparent 50%);font-size:14px;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #bf705c}button{color:inherit}button:disabled{opacity:.3;cursor:default}button svg{pointer-events:none}button:hover:not(:disabled){filter:brightness(.95)}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.page-shell{max-width:1240px;margin:0 auto;padding:0 38px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;color:inherit;text-decoration:none;gap:20px}.brand img{object-fit:contain;mix-blend-mode:multiply;width:94px;height:72px}.brand-rule{height:32px;width:1px;background:#d0d7c7}.brand-caption{font-size:9px;line-height:1.7;letter-spacing:1.7px}.brand-caption b{font:italic 13px var(--serif);letter-spacing:.2px}.header-actions{display:flex;align-items:center;gap:24px}.text-button{background:none;border:0;display:inline-flex;align-items:center;gap:8px;padding:8px 0;font-size:12px}.share-button{display:flex;gap:9px;align-items:center;background:transparent;border:1px solid #ccd5c4;padding:11px 17px;border-radius:30px;font-size:12px}.intro{display:flex;align-items:center;justify-content:space-between;padding:32px 0 26px}.eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:650;display:flex;align-items:center;gap:8px;color:#718467}.tiny-leaf{color:#a1834b;font-size:14px}h1{font:normal 55px/1.04 var(--serif);letter-spacing:-2.5px;margin:9px 0 0}h1 em{font-weight:normal;color:#648065}h2{font:normal 30px/1.13 var(--serif);letter-spacing:-.9px;margin:12px 0}h2 em{color:#68815f;font-weight:normal}h3{font:650 9px var(--sans);letter-spacing:1.5px;margin:0 0 14px}.intro>p{text-align:right;font:italic 18px/1.5 var(--serif);margin:20px 0 0;color:#7a836f}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}.game-panel{min-width:0;background:#fffdf6;border:1px solid #d6ddca;box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.scoreboard{display:flex;align-items:center;gap:30px;padding:17px 20px 16px;background:#fffef9;min-height:74px}.stat{display:flex;flex-direction:column;gap:6px;white-space:nowrap}.stat>span{font-size:8px;letter-spacing:1.3px;color:#83907b;font-weight:650}.stat>b{font-size:20px;font-weight:600;letter-spacing:.4px;font-variant-numeric:tabular-nums;line-height:1}.best-stat>b{color:#899477}.lives-stat b{font-size:18px;color:var(--coral);letter-spacing:1px}.game-actions{display:flex;gap:4px;margin-left:auto}.icon-button{width:32px;height:34px;display:grid;place-content:center;background:transparent;border:0;border-radius:8px}.icon-button:hover{background:#f1f4e9}.icon-button .icon{width:17px;height:17px}.canvas-wrap{position:relative;line-height:0;background:#e7eed9;margin:0 10px;overflow:hidden;border-radius:11px;border:1px solid #d3ddc3}#garden{display:block;width:100%;height:auto;aspect-ratio:35/31;touch-action:none;user-select:none;-webkit-user-select:none}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;line-height:1.5;background:linear-gradient(180deg,#e9efdf08,#dce7cc18);z-index:3;pointer-events:none}.welcome-card{pointer-events:auto;background:#fffef8f5;border:1px solid #d9dfce;box-shadow:0 14px 70px #28422f2b;backdrop-filter:blur(10px);padding:28px 32px 22px;border-radius:18px;text-align:center;max-width:340px}.overline{font-size:8px;font-weight:650;letter-spacing:1.7px;color:#8d9b7d}.welcome-card h2{font-size:36px;margin:15px 0 12px}.welcome-card>p{font-size:12px;line-height:1.8;color:#74806b;margin:0 0 20px}.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:20px;background:var(--forest);color:#fffef1;border:1px solid var(--forest);border-radius:8px;padding:14px 24px;font-size:13px;min-height:48px;box-shadow:0 4px 10px #244d3b12}.welcome-card .primary-button{min-width:212px}.welcome-card .overlay-footnote{font-size:9px;color:#8c9382;margin:14px 0 0}.game-toast{position:absolute;bottom:16px;left:50%;transform:translateX(-50%) translateY(10px);background:#fffef4ef;border:1px solid #c4d1b4;border-radius:30px;padding:10px 18px;color:#3b6045;line-height:1.3;font-size:12px;text-align:center;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;min-width:160px;max-width:88%;z-index:4}.game-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.garden-status{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;font-size:10px;color:#7b876e}.garden-status>span{display:flex;align-items:center;gap:4px}.garden-status .icon{width:15px;height:15px;margin-right:4px;color:#608a51}.garden-status b{color:#3b6244;font-size:12px}.status-hint{display:none!important}.sound-label{font-size:7px;letter-spacing:1px;white-space:nowrap}.sound-label i{width:5px;height:5px;border-radius:50%;background:#7d996b;margin-right:4px}.controls-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e7eade;padding:12px 22px;background:#f9faf3;gap:12px}.keyboard-note{display:flex;align-items:center;gap:4px}.keycap{border:1px solid #d5ddca;border-bottom-width:2px;border-radius:5px;width:22px;height:26px;display:grid;place-content:center;color:#6d8062;font-size:11px}.keyboard-note p{margin:0 0 0 8px;font-size:10px;color:#6d7d62;line-height:1.8}.keyboard-note p span{font-size:8px;color:#929a86}.keyboard-note b{font-size:8px;font-weight:600;letter-spacing:1px}.direction-pad{display:grid;grid-template-columns:34px 34px 34px;grid-template-rows:30px 30px 30px;gap:3px;flex-shrink:0;touch-action:none}.direction-pad button{display:grid;place-content:center;background:#ecf1e3;border:1px solid #d7dfcb;border-radius:7px;font-size:18px;line-height:1;touch-action:none;-webkit-user-select:none;user-select:none}.direction-pad button:active,.direction-pad button.active{background:#ceddc0}.d-up{grid-area:1/2}.d-left{grid-area:2/1}.d-right{grid-area:2/3}.d-down{grid-area:3/2}.d-centre{grid-area:2/2;display:grid;place-content:center;color:#a4b28e;font-size:19px}.milk-meter{display:flex;align-items:center;gap:10px;margin:10px 16px 0;background:#fff2cc;border-radius:8px;border:1px solid #e4d8ab;padding:10px 12px;font-size:10px;color:#92713b}.milk-meter .icon{color:#b2965d;width:19px;height:19px}.milk-meter span{line-height:1.5;max-width:250px}.milk-meter b{font-weight:700}.milk-track{height:5px;border-radius:8px;background:#e7d8b3;flex:1;min-width:35px;overflow:hidden}.milk-track div{height:100%;width:100%;background:#bb9852;transform-origin:left center}.milk-meter strong{min-width:24px;font-variant-numeric:tabular-nums}.sidebar{padding-top:1px}.panda-note{text-align:center;border:1px solid #dfe5d4;border-radius:15px;background:#f0f3e8;padding:19px 16px 17px;overflow:hidden;position:relative}.edition-label{font-size:7px;letter-spacing:1.65px;color:#849477}.panda-portrait{height:149px;position:relative;margin:4px auto 0;width:190px}.panda-portrait img{position:relative;z-index:1;width:144px;height:152px;object-fit:contain;transform:rotate(-4deg);filter:drop-shadow(1px 7px 3px #61744c12)}.portrait-orbit{position:absolute;inset:14px 28px 0;border:1px solid #ccd7bd;border-radius:50%;background:#e4ebd7}.portrait-orbit:after{content:'✦';position:absolute;right:-12px;top:32px;color:#c9b879;font-size:17px}.mew-label{position:absolute;top:44px;right:0;font:italic 16px var(--serif);transform:rotate(12deg);color:#8a966e;z-index:2}.panda-note h2{font-size:27px;line-height:1.12;margin:8px 0 11px}.panda-note>p{color:#7b896e;font-size:10px;line-height:1.8;margin:0}.quick-guide{padding:14px 0 9px}.guide-item{display:flex;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #e1e6d7}.guide-item:last-child{border-bottom:0}.guide-symbol{width:31px;height:34px;display:grid;place-content:center;border-radius:8px;flex-shrink:0}.bamboo-symbol{background:#e6edda;color:#648748}.milk-symbol{background:#efe7d4;color:#b2945b}.keeper-symbol{background:#ebe0d3;color:#927455;font-size:26px}.guide-item p{font-size:10px;line-height:1.6;margin:0;flex:1}.guide-item p b{display:block;font-weight:600;color:#466040}.guide-item p span{font-size:9px;color:#8a937d;display:block;margin-top:3px;max-width:143px}.points{align-self:center;font-size:9px;color:#9ba48a;font-variant-numeric:tabular-nums}.mode-section{padding:11px 0 13px}.mode-section h3{color:#829072;font-size:8px;margin-bottom:10px}.mode-switch{display:flex;padding:4px;gap:3px;background:#e9eedf;border:1px solid #dce2d1;border-radius:9px}.mode-switch button{flex:1;background:none;border:0;border-radius:6px;padding:9px 4px;font-size:10px;color:#849574;min-height:34px}.mode-switch button.selected{background:#fffef7;color:#426344;box-shadow:0 2px 6px #2a432012}.mode-section>p{font-size:9px;line-height:1.6;color:#89967a;margin:10px 0 0}.garden-checklist{border-top:1px solid #dfe5d4;padding:16px 0 10px}.garden-checklist h3{color:#829072;font-size:8px}.zone-row{display:flex;align-items:center;font-size:10px;gap:8px;margin:13px 0;color:#708262}.zone-dot{height:6px;width:6px;border-radius:50%;background:var(--zone-color)}.zone-row>span:nth-child(2){flex:1}.zone-progress-line{height:3px;width:46px;background:#e0e6d6;border-radius:3px;overflow:hidden}.zone-progress-line i{height:100%;display:block;width:0;background:var(--zone-color)}.zone-done{font-size:9px;color:#8f9d7f;min-width:28px;text-align:right}.audio-settings{border-top:1px solid #dfe5d4;margin-top:2px;padding:11px 0}.audio-settings>button{display:flex;align-items:center;gap:8px;width:100%;padding:4px 0;border:0;background:none;font-size:10px;color:#788a69}.audio-settings>button>.icon{width:14px;height:14px}.audio-settings>button>span{margin-left:auto}.audio-settings label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#718263;padding:7px 0}.audio-settings input{accent-color:var(--forest)}.audio-settings input[type=range]{width:130px}.audio-settings p{font-size:9px;line-height:1.8;color:#8c9680;margin:6px 0}.below-game{display:flex;align-items:center;justify-content:space-between;padding:20px 0 27px;gap:20px}.below-game p{display:flex;align-items:center;gap:8px;margin:0;font:italic 13px var(--serif);color:#7e8d70}.below-game .icon{width:13px;height:13px;stroke:#98a789}.below-game>span{font-size:9px;line-height:1.6;color:#9aa48b;text-align:right}footer{padding:19px 0 24px;border-top:1px solid #dfe3d6;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.1px;color:#9aa58e}.footer-dot{margin:0 8px;color:#b9c1ad}footer button{font-size:9px!important;color:#8d9b7f}.global-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(10px);opacity:0;background:#244d3bf2;color:#fffef5;padding:13px 22px;border-radius:12px;z-index:50;font-size:12px;text-align:center;max-width:90vw;pointer-events:none;transition:.2s;box-shadow:0 5px 25px #14322026}.global-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;border:1px solid #d0d9c3;border-radius:18px;background:#fffdf5;color:var(--ink);padding:34px;box-shadow:0 20px 80px #244d3b33}dialog::backdrop{background:#17351c65;backdrop-filter:blur(4px)}dialog h2{font-size:35px;margin-bottom:20px}dialog p{font-size:12px;line-height:1.8;color:#7c8870}dialog .dialog-close{position:absolute;top:14px;right:14px;width:32px;height:32px;background:#f0f3e7;border:0;border-radius:50%;font-size:24px;font-weight:300;color:#8a987a}dialog ol{padding-left:20px;margin:20px 0}dialog li{font-size:12px;line-height:1.8;padding:0 0 13px 7px;color:#7c8870}dialog li b{color:#446340}dialog .primary-button{margin-top:14px;width:100%}dialog .small-note{font-size:10px}.help-controls{display:grid;grid-template-columns:95px 1fr;gap:10px;font-size:11px;line-height:1.8;background:#eef2e5;border-radius:8px;padding:14px;color:#7c896c}.help-controls b{color:#546e46}dialog .text-button{width:100%;justify-content:center;margin-top:12px}#share-url{width:100%;padding:12px;border:1px solid #cdd8c2;border-radius:8px;font-size:12px;background:#f6f8ef;color:#476b3c}.game-panel.focus-mode{position:fixed;inset:12px;z-index:30;width:min(1000px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;overflow:auto;box-shadow:0 0 0 100vmax #183523d9}.game-panel:fullscreen{background:#f6f8ef;display:flex;flex-direction:column;border-radius:0;overflow:auto}.game-panel:fullscreen .canvas-wrap{height:calc(100dvh - 220px);margin:auto;aspect-ratio:35/31}.game-panel:fullscreen canvas{height:100%;width:auto}.game-panel:fullscreen .scoreboard,.game-panel:fullscreen .controls-row{flex-shrink:0}.game-panel.focus-mode .canvas-wrap{max-width:calc((100dvh - 230px)*35/31);margin:auto}.game-panel.focus-mode .controls-row{padding:6px 22px}
.welcome-card{position:relative}.welcome-mascot{position:absolute;top:-62px;right:7px;width:77px;height:83px;object-fit:contain;filter:drop-shadow(0 5px 3px #29453612);pointer-events:none}
@media(min-width:1450px){.page-shell{max-width:1330px}.game-layout{grid-template-columns:minmax(0,1fr) 275px;gap:34px}.sidebar{padding-top:0}.panda-note{padding-top:23px;padding-bottom:24px}.panda-portrait{height:175px}.panda-portrait img{width:169px;height:178px}.panda-note h2{font-size:30px}.guide-item{padding:15px 0}.guide-item p{font-size:11px}.guide-item p span{font-size:10px}}
@media(max-width:1100px){.page-shell{padding:0 24px}.game-layout{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.scoreboard{gap:20px;padding-left:16px;padding-right:12px}.best-stat{display:none}.stat>b{font-size:19px}.panda-note h2{font-size:24px}.sound-label{display:none!important}.status-hint{display:flex!important}.keyboard-note{flex-wrap:wrap;max-width:260px}.keyboard-note p{margin-left:6px}.guide-item{gap:8px}.points{display:none}}
@media(max-width:820px){.page-shell{padding:0 24px;max-width:720px}.site-header{height:85px}.intro{padding:26px 0 23px}h1{font-size:49px}.intro>p{font-size:16px}.game-layout{grid-template-columns:1fr;gap:22px}.scoreboard{gap:30px;padding:16px 18px}.best-stat{display:flex}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.panda-note{display:none}.quick-guide{grid-column:1;grid-row:1/3;padding-top:0}.mode-section{grid-column:2;padding-top:5px}.garden-checklist{grid-column:2}.audio-settings{grid-column:1/-1}.audio-settings #audio-options{max-width:360px}.points{display:block}.guide-item{padding:13px 0}.guide-item p{font-size:11px}.guide-item p span{max-width:none;font-size:10px}.below-game{padding-top:13px}.edition-label{font-size:9px}.game-panel{border-radius:14px}.direction-pad{grid-template-columns:39px 39px 39px;grid-template-rows:32px 32px 32px;gap:4px}.keyboard-note p{font-size:10px}.controls-row{padding:12px 20px}}
@media(max-width:520px){.page-shell{padding:0 14px}.site-header{height:72px}.brand img{width:72px;height:58px}.brand{gap:10px}.brand-rule{height:26px}.brand-caption{font-size:6px;letter-spacing:1px}.brand-caption b{font-size:10px}.header-actions{gap:10px}.header-actions .text-button{padding:9px}.header-actions .text-button span{display:none}.share-button{padding:9px;border-radius:50%}.share-button span{display:none}.header-actions .icon{width:17px;height:17px}.intro{padding:21px 0 19px}.eyebrow{font-size:6px;letter-spacing:1.6px;gap:5px}.tiny-leaf{font-size:10px}h1{font-size:40px;letter-spacing:-2px;margin-top:7px}.intro>p{font-size:12px;line-height:1.6;margin-top:13px}.scoreboard{padding:12px 10px;gap:17px;min-height:64px}.stat>span{font-size:6px;letter-spacing:.7px}.stat>b{font-size:16px}.best-stat{display:none}.lives-stat b{font-size:15px}.game-actions{gap:0}.icon-button{width:28px;height:30px}.icon-button .icon{width:16px;height:16px}.canvas-wrap{margin:0 5px;border-radius:8px}.welcome-card{padding:20px 20px 17px;max-width:260px;border-radius:13px}.welcome-card .overline{font-size:6px;letter-spacing:1.3px}.welcome-card h2{font-size:29px;margin:11px 0}.welcome-card>p{font-size:10px;margin-bottom:14px}.welcome-card .primary-button{min-width:175px;min-height:44px;padding:11px 15px;font-size:12px}.welcome-card .overlay-footnote{font-size:7px;margin-top:11px}.garden-status{padding:11px 12px;font-size:8px;min-height:39px}.garden-status b{font-size:10px}.garden-status .icon{width:13px;height:13px}.status-hint{font-size:8px}.controls-row{padding:9px 16px;gap:10px;min-height:115px}.direction-pad{grid-template-columns:43px 43px 43px;grid-template-rows:34px 34px 34px;gap:4px}.direction-pad button{font-size:20px}.keyboard-note{max-width:160px;gap:3px;justify-content:flex-start}.keycap{width:21px;height:23px}.keyboard-note p{width:100%;margin:4px 0 0;font-size:9px}.keyboard-note p span{font-size:8px;display:block;max-width:155px;line-height:1.6}.milk-meter{font-size:8px;margin:7px 9px 0;gap:7px;padding:8px}.milk-meter span{max-width:175px}.milk-meter strong{font-size:10px}.game-toast{font-size:9px;padding:8px 12px;bottom:10px}.sidebar{gap:0 18px}.quick-guide{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 0 17px}.guide-item{display:flex;flex-direction:column;border-bottom:0;align-items:flex-start;padding:0;gap:8px}.guide-symbol{width:28px;height:29px}.guide-item p{font-size:9px}.guide-item p span{font-size:8px;margin-top:4px}.points{display:none}.mode-section{grid-column:1;grid-row:auto;border-top:1px solid #dfe5d4;padding-top:16px}.mode-section h3,.garden-checklist h3{font-size:6px;letter-spacing:1px}.mode-switch button{font-size:9px;padding:7px 2px}.mode-section>p{font-size:8px}.garden-checklist{grid-column:2}.zone-row{font-size:8px;gap:5px;margin:11px 0}.zone-progress-line{width:27px}.zone-done{min-width:25px;font-size:8px}.below-game{display:block;padding-bottom:17px}.below-game p{font-size:12px}.below-game>span{display:block;text-align:left;margin-top:8px;font-size:8px}.footer-dot{margin:0 4px}footer{font-size:6px;letter-spacing:.6px;padding:13px 0 18px}footer button{font-size:8px!important}dialog{padding:27px 23px}dialog h2{font-size:31px}dialog li{font-size:11px}.game-panel.focus-mode{inset:5px;width:calc(100vw - 10px);max-height:calc(100dvh - 10px)}.game-panel.focus-mode .canvas-wrap{max-width:100%}}
@media(max-width:355px){.scoreboard{gap:10px}.intro>p{display:none}.brand-caption{display:none}.brand-rule{display:none}.direction-pad{grid-template-columns:37px 37px 37px;grid-template-rows:33px 33px 33px}.keyboard-note{max-width:130px}.status-hint{display:none!important}.sidebar{grid-template-columns:1fr}.garden-checklist{grid-column:1}.game-actions .expand-button{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.audio-settings .sound-check{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 6px}.sound-check strong{font-size:11px;font-weight:600;color:var(--forest)}.audio-settings #test-sound{width:auto;min-height:44px;flex-shrink:0;justify-content:center;border:1px solid #bdccb3;border-radius:8px;background:#edf3e6;padding:9px 13px;font-size:12px;color:var(--forest)}.audio-settings #sound-help{font-size:11px;line-height:1.65;margin:8px 0 12px;color:#617254}