@import"https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&family=Press+Start+2P&display=swap";:root{font-family:Pixelify Sans,ui-monospace,monospace;color:#735b51;background:#f9efdf;font-synthesis:none;text-rendering:geometricPrecision;--ink: #735b51;--cream: #fffaf3;--green: #6ca96c;--green-dark: #477f5d;--yellow: #f5c85f;--coral: #e98b73;--shadow: 6px 7px 0 rgba(112, 82, 68, .18), 0 18px 45px rgba(112, 82, 68, .12);--pixel-border: #bea08b;--pixel-border-soft: #ddc9b8}*{box-sizing:border-box}html,body,#game{width:100%;height:100%}body{margin:0;min-width:320px;min-height:100dvh;overflow:hidden}button,kbd{font:inherit}button{-webkit-tap-highlight-color:transparent}.game-shell{width:100%;height:100dvh;padding:16px}.game{position:relative;width:min(1180px,100%);height:100%;min-height:0;margin:auto;overflow:hidden;isolation:isolate;border:3px solid var(--pixel-border);border-radius:8px;background:linear-gradient(180deg,#a9dcef,#e4f0ce 62%,#99c77d);box-shadow:var(--shadow),inset 0 0 0 3px #fffaef5c;transition:background 1.2s ease}#game canvas{position:absolute;inset:0;z-index:-1;width:100%;height:100%;touch-action:none;image-rendering:pixelated;image-rendering:crisp-edges}.topbar{position:absolute;z-index:4;top:22px;left:50%;display:grid;grid-template-columns:118px minmax(220px,1fr) 118px;gap:0;width:min(620px,calc(100% - 160px));padding:6px;border:0;border-radius:14px;background:#fffaf2e6;box-shadow:0 10px 28px #654f471a,inset 0 1px #ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%);transition:opacity .25s ease,transform .25s ease}.stat-card,.growth-card{min-height:48px;border:0;border-radius:0;background:transparent;box-shadow:none}.stat-card{display:flex;flex-direction:column;justify-content:center;padding:5px 13px}.stat-label{font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.stat-card strong{font-family:"Press Start 2P",monospace;font-size:.86rem;line-height:1.45}.stat-card small{font-family:Pixelify Sans,monospace;font-size:.65rem;opacity:.65}.score-card{border-right:0}.leaf-meter{display:flex;align-items:center;gap:7px;min-height:18px;padding:2px 0 1px 2px}.life-leaf{position:relative;display:block;width:17px;height:13px;clip-path:polygon(0 46%,18% 15%,47% 0,100% 0,100% 54%,82% 85%,53% 100%,0 100%);transform:rotate(-10deg);transform-origin:20% 80%;background:#76b871;box-shadow:inset -4px -3px #3f7e5840}.life-leaf:after{position:absolute;right:2px;bottom:3px;width:12px;height:2px;content:"";transform:rotate(-25deg);transform-origin:right center;background:#3f7e586b}.life-leaf:nth-child(2){transform:rotate(4deg)}.life-leaf:nth-child(3){transform:rotate(16deg)}.life-leaf.is-empty{background:#e2d2bf;box-shadow:inset -4px -3px #9f7e6c1c;opacity:.62}.life-leaf.is-empty:after{background:#9f7e6c33}.life-leaf.is-nibbled{animation:leaf-nibbled .48s steps(2) both}.life-leaf.is-wilted{animation:leaf-wilted .62s ease-in both}@keyframes leaf-nibbled{0%{opacity:1;transform:translate(0) rotate(-10deg);background:#76b871}20%{transform:translate(-3px) rotate(-18deg)}40%{transform:translate(3px) rotate(2deg)}60%{transform:translate(-2px) rotate(-14deg);background:#b9a786}to{opacity:.62;transform:translate(0) rotate(-10deg);background:#e2d2bf}}@keyframes leaf-wilted{0%{opacity:1;transform:translateY(0) rotate(-10deg);background:#76b871}55%{opacity:0;transform:translateY(13px) rotate(36deg);background:#c5a37d}56%{opacity:0;transform:translateY(0) rotate(-10deg);background:#e2d2bf}to{opacity:.62;transform:translateY(0) rotate(-10deg);background:#e2d2bf}}.lives-card{border-left:0}.growth-card{padding:6px 14px}.growth-copy{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:.7rem;font-weight:700}.growth-copy span:last-child{opacity:.58}.growth-track{height:12px;overflow:hidden;border:0;border-radius:3px;background:#e8e6d2;box-shadow:inset 2px 2px #76594d17}.growth-track span{display:block;width:0%;height:100%;border-radius:0;background:repeating-linear-gradient(90deg,#76b871 0 8px,#91cb79 8px 12px,#edc35d 12px 20px);transition:width .25s steps(6)}.utility-buttons{position:absolute;z-index:6;top:24px;right:24px;display:flex;gap:8px}.icon-button{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:6px;color:var(--ink);background:#fffaf0c7;box-shadow:3px 4px #76594d2b,0 7px 15px #76594d14;cursor:pointer;transition:transform .08s steps(2),background .08s steps(2)}.icon-button:hover{transform:translate(-2px,-2px);background:var(--cream);box-shadow:5px 6px #76594d29}.icon-button:active{transform:translate(2px,3px);box-shadow:1px 1px #76594d26}.icon-button.is-off{opacity:.58}.screen{position:absolute;z-index:10;inset:0;display:grid;visibility:hidden;place-items:center;padding:24px;opacity:0;background:#2d4c4000;transition:opacity .35s ease,visibility .35s ease,background .35s ease;pointer-events:none}.screen.is-visible{visibility:visible;opacity:1;background:#70524426;pointer-events:auto}.panel{width:min(455px,100%);padding:30px 38px;border:0;border-radius:6px;text-align:center;background:#fffaf2f7;box-shadow:6px 7px #76594d2b,0 22px 55px #76594d29,inset 0 0 0 3px #eee2ce;clip-path:polygon(12px 0,calc(100% - 12px) 0,calc(100% - 12px) 4px,calc(100% - 4px) 4px,calc(100% - 4px) 12px,100% 12px,100% calc(100% - 12px),calc(100% - 4px) calc(100% - 12px),calc(100% - 4px) calc(100% - 4px),calc(100% - 12px) calc(100% - 4px),calc(100% - 12px) 100%,12px 100%,12px calc(100% - 4px),4px calc(100% - 4px),4px calc(100% - 12px),0 calc(100% - 12px),0 12px,4px 12px,4px 4px,12px 4px);transform:translateY(16px) scale(.97);transition:transform .45s cubic-bezier(.2,.9,.25,1.15)}.is-visible .panel{transform:none}.start-panel{max-height:calc(100dvh - 48px);padding-top:24px;overflow:auto;overscroll-behavior:contain}.compact-panel{max-width:370px}.eyebrow{margin:6px 0 7px;color:#739071;font-family:"Press Start 2P",monospace;font-size:.5rem;font-weight:400;letter-spacing:.04em;line-height:1.6;text-transform:uppercase}h1,h2{margin:0;color:var(--ink);font-family:"Press Start 2P",monospace;line-height:1.25;text-shadow:3px 3px 0 #d9dfbd}h1{font-size:clamp(1.75rem,5vw,2.75rem);letter-spacing:-.04em}h2{font-size:1.55rem;letter-spacing:-.03em}.intro{max-width:350px;margin:16px auto 20px;color:#658074;font-size:1rem;line-height:1.42}.intro strong:first-child{color:#5e9cc4}.intro strong:last-child{color:#d69a3b}.logo-plant{position:relative;width:76px;height:75px;margin:0 auto 10px;image-rendering:pixelated}.logo-pot{position:absolute;bottom:0;left:17px;display:grid;width:44px;height:32px;place-items:center;border:3px solid #c09e89;border-radius:0;color:#7c6256;font-size:1.2rem;font-weight:700;background:#df9c72;box-shadow:inset 5px 0 #f1af83,4px 4px #76594d21;clip-path:polygon(0 0,100% 0,100% 75%,85% 75%,85% 100%,15% 100%,15% 75%,0 75%)}.logo-leaf{position:absolute;top:29px;width:28px;height:16px;border:4px solid #477f5d;border-radius:0;background:#73ad68;clip-path:polygon(0 25%,25% 25%,25% 0,75% 0,75% 25%,100% 25%,100% 75%,75% 75%,75% 100%,25% 100%,25% 75%,0 75%)}.logo-leaf.left{left:8px;transform:rotate(10deg)}.logo-leaf.right{right:8px;transform:scaleX(-1) rotate(10deg)}.logo-flower{position:absolute;z-index:2;top:-1px;left:20px;color:#efad86;font-size:2.3rem;filter:drop-shadow(4px 4px 0 #fff0cb);animation:logo-float 1.2s steps(2) infinite}@keyframes logo-float{50%{transform:translateY(-4px)}}.how-to{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.how-to div{display:grid;grid-template-columns:28px auto;align-items:center;padding:9px 8px;border:0;border-radius:4px;text-align:left;background:#f3ebdc;box-shadow:inset -3px -3px #b8917a17}.how-to b{font-family:"Press Start 2P",monospace;font-size:.54rem}.how-to small{grid-column:2;color:#789084;font-size:.62rem}.item-dot{grid-row:1 / 3;font-size:1.25rem;text-align:center}.item-dot.water{color:#67b7db}.item-dot.sun{color:#eab74c}.item-dot.bug{color:#c46f71}.miss-rule{display:flex;align-items:center;justify-content:center;gap:7px;margin:-8px 0 16px;color:#94776a;font-size:.7rem;line-height:1.25}.miss-rule span{display:inline-grid;width:17px;height:17px;place-items:center;border-radius:50%;color:#fffaf2;font-family:"Press Start 2P",monospace;font-size:.46rem;background:#c89b78}.primary-button{display:flex;align-items:center;justify-content:center;gap:26px;width:100%;min-height:42px;padding:0 18px;border:0;border-radius:5px;color:#fff;font-family:"Press Start 2P",monospace;font-size:.67rem;font-weight:600;background:#5d9167;box-shadow:0 4px #496c55,3px 7px #76594d1c,inset 3px 3px #ffffff29;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.primary-button:hover{transform:translate(-1px,-1px);box-shadow:0 5px #496c55,4px 8px #76594d1c}.primary-button:active{transform:translateY(3px);box-shadow:0 1px #496c55}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:34px;margin:17px auto 0;padding:7px 13px;border:0;border-radius:8px;color:#806c61;font-family:Pixelify Sans,ui-monospace,monospace;font-size:.86rem;font-weight:700;line-height:1;background:#e8dac86b;box-shadow:none;cursor:pointer;transition:transform .12s ease,color .12s ease,background .12s ease}.text-button span{font-size:1rem;transition:transform .12s ease}.text-button:hover{color:#675148;background:#e8dac8b8}.text-button:hover span{transform:translate(-2px)}.text-button:active{transform:translateY(1px);background:#ddc9b8c7}#pause-screen h2+.primary-button{margin-top:24px}.controls-hint{margin:21px 0 8px;color:#819287;font-size:.68rem}.mobile-hint{display:none}kbd{display:inline-grid;min-width:25px;height:23px;place-items:center;border:0;border-radius:3px;color:#70594f;background:#fffdf7;box-shadow:0 3px #e1cdbd;font-size:.62rem;font-weight:700}.best-line{margin:0;color:#819287;font-size:.69rem}.best-line strong{color:#577263}.mini-icon{margin-bottom:14px;color:#e98b73;font-family:"Press Start 2P",monospace;font-size:2.5rem;line-height:1;text-shadow:5px 0 #ffd7ae,-5px 0 #ffd7ae,0 5px #ffd7ae,0 -5px #ffd7ae;animation:logo-float 1.2s steps(2) infinite}.end-copy{margin:13px auto 18px;color:#71877c;font-size:.88rem}.result-card{display:grid;grid-template-columns:1fr auto;gap:7px 20px;margin-bottom:22px;padding:14px 18px;border:0;border-radius:5px;text-align:left;background:#f3ebdc;box-shadow:inset -4px -4px #b8917a17}.result-card span{color:#788b7f;font-size:.74rem}.result-card strong{color:var(--ink);font-family:"Press Start 2P",monospace;font-size:.72rem;text-align:right}.toast{position:absolute;z-index:5;top:105px;left:50%;padding:9px 14px;border:0;border-radius:4px;color:var(--ink);font-family:"Press Start 2P",monospace;font-size:.54rem;line-height:1.4;background:#fffaf2f7;box-shadow:4px 4px #76594d24,0 8px 18px #76594d14;opacity:0;transform:translate(-50%,-8px);transition:.15s steps(3);pointer-events:none}.toast.is-visible{opacity:1;transform:translate(-50%)}.mobile-controls{position:absolute;z-index:6;right:18px;bottom:18px;left:18px;display:none;justify-content:space-between;pointer-events:none}.mobile-controls button{width:68px;height:58px;border:0;border-radius:6px;color:var(--ink);font-family:"Press Start 2P",monospace;font-size:1.2rem;background:#fffaf2ed;box-shadow:4px 5px #76594d29;pointer-events:auto;touch-action:none}.mobile-controls button:active{transform:scale(.94);background:#ffffffeb}.game.is-menu .topbar,.game.is-menu .utility-buttons{opacity:0;pointer-events:none;transform:translate(-50%,-8px)}.game.is-menu .utility-buttons{transform:translateY(-8px)}.game.is-menu .mobile-controls{display:none}:focus-visible{outline:3px solid #d49f55;outline-offset:3px}@media(max-width:720px),(pointer:coarse){.game-shell{padding:0}.game{min-height:100dvh;border:0;border-radius:0}.topbar{top:max(8px,env(safe-area-inset-top));left:8px;grid-template-columns:84px 1fr;width:calc(100% - 66px);padding:5px;transform:none;border-radius:10px}.growth-card{grid-column:1 / 3;grid-row:2;min-height:39px;padding:6px 8px 3px;border-top:0}.growth-copy{margin-bottom:4px;font-size:.64rem}.growth-track{height:9px}.stat-card{min-height:38px;padding:3px 8px}.stat-label{font-size:.5rem}.stat-card strong{font-size:.68rem}.leaf-meter{gap:5px}.life-leaf{width:15px;height:11px}.lives-card{grid-column:2;grid-row:1}.utility-buttons{top:max(8px,env(safe-area-inset-top));right:8px;flex-direction:column;gap:6px}.utility-buttons .icon-button{width:34px;height:34px}.mobile-controls{display:flex;right:12px;bottom:max(10px,env(safe-area-inset-bottom));left:12px}.mobile-controls button{width:58px;height:50px;font-size:1rem}.screen{padding:max(8px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom))}.panel{padding:22px 20px;border-radius:6px}.start-panel{max-height:calc(100dvh - 16px)}.primary-button{min-height:40px;font-size:.6rem}.controls-hint{margin-top:15px;font-size:.72rem}.desktop-hint{display:none}.mobile-hint{display:inline}.toast{top:99px;max-width:calc(100% - 28px);text-align:center}.game.is-menu .topbar{transform:translateY(-8px)}}@media(max-width:390px){.panel{padding-right:16px;padding-left:16px}h1{font-size:1.62rem}.intro{margin-top:12px;margin-bottom:14px;font-size:.9rem}.how-to{gap:5px;margin-bottom:14px}.how-to div{grid-template-columns:23px auto;padding:7px 5px}.how-to b{font-size:.45rem}.how-to small{font-size:.54rem}.item-dot{font-size:1rem}.miss-rule{margin-top:-6px;margin-bottom:12px;font-size:.64rem}}@media(max-height:650px){.logo-plant{transform:scale(.8);margin-top:-9px;margin-bottom:-5px}.panel{padding-top:18px;padding-bottom:18px}.intro{margin-top:8px;margin-bottom:11px;line-height:1.35}.how-to{margin-bottom:12px}.controls-hint{margin-top:11px}.best-line{margin-bottom:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}