:root{--ink:#304634;--cream:#fff9e9;--green:#74b66c;--soil:#9a6845}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100vh;color:var(--ink);background:linear-gradient(#9bd5e4 0 25%,#dff0bd 25% 100%);font-family:ui-rounded,"SF Pro Rounded","PingFang SC",system-ui,sans-serif}.cloud{position:fixed;width:130px;height:35px;border-radius:99px;background:rgba(255,255,255,.6);filter:blur(1px);pointer-events:none}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud:before{width:55px;height:55px;left:22px;bottom:5px}.cloud:after{width:72px;height:72px;right:13px;bottom:0}.c1{left:-30px;top:90px}.c2{right:-40px;top:45px;transform:scale(.7)}.app{position:relative;width:min(780px,calc(100% - 24px));margin:auto;padding:25px 0 70px}header{display:flex;justify-content:space-between;align-items:center;color:#fff;text-shadow:0 2px 8px rgba(42,87,91,.2)}header span{font-size:9px;font-weight:900;letter-spacing:.17em}h1{margin:2px 0 0;font:700 35px Georgia,"Songti SC",serif}header button{padding:10px 13px;border:1px solid rgba(255,255,255,.5);border-radius:12px;color:#fff;background:rgba(255,255,255,.17);font-weight:800;cursor:pointer}.welcome{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:17px 20px;border-radius:20px;background:#fff4b9;box-shadow:0 14px 35px rgba(55,83,45,.12)}.welcome small,.welcome strong{display:block}.welcome small{color:#8c7a49;font-size:9px}.welcome strong{margin-top:2px}.welcome>b{font-size:14px}.goal{width:min(300px,55vw);height:7px;margin-top:9px;overflow:hidden;border-radius:99px;background:rgba(104,89,49,.12)}.goal i{display:block;width:0;height:100%;border-radius:inherit;background:#f3a945;transition:.3s}.status{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.status>div{padding:13px;border:1px solid rgba(48,70,52,.08);border-radius:16px;background:rgba(255,255,255,.7);text-align:center}.status small,.status strong{display:block}.status small{color:#77877a;font-size:9px}.status strong{margin-top:2px;font-size:16px}.farm{padding:20px;border-radius:27px;background:#f7eccb;box-shadow:0 25px 60px rgba(68,87,47,.14)}.farm-title,.section-title{display:flex;justify-content:space-between;align-items:end}.farm-title span,.section-title span{color:#6c9667;font-size:9px;font-weight:900;letter-spacing:.13em}.farm-title h2,.section-title h2{margin:3px 0 0;font:700 24px Georgia,serif}.weather{padding:7px 10px;border-radius:99px;background:#fff;font-size:17px}.weather small{font-size:9px}.plots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.plot{position:relative;aspect-ratio:1;border:0;border-radius:19px;color:#fff;background:repeating-linear-gradient(168deg,#9b6843 0 12px,#ad7650 13px 25px);box-shadow:inset 0 -8px rgba(77,45,24,.17);cursor:pointer;font-size:35px}.plot small{display:block;margin-top:6px;font-size:9px;text-shadow:0 1px 4px #4a2e20}.plot.ready{background:#65a75f;animation:bob 1.2s infinite}.plot.growing:after{content:"";position:absolute;left:15%;right:15%;bottom:13%;height:4px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.25)}@keyframes bob{50%{transform:translateY(-3px)}}.shop{margin-top:25px}.section-title>small{color:#6e816f;font-size:9px}.seeds{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.seed{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:13px;border:2px solid transparent;border-radius:17px;background:rgba(255,255,255,.74);text-align:left;cursor:pointer}.seed.active{border-color:#588b55;background:#fff}.seed>span{font-size:30px}.seed strong,.seed small{display:block}.seed strong{font-size:12px}.seed small{margin-top:3px;color:#7e897f;font-size:8px}.toast{position:fixed;left:50%;bottom:25px;padding:11px 17px;border-radius:99px;color:#fff;background:#304634;opacity:0;transform:translate(-50%,20px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:520px){.app{padding-top:18px}h1{font-size:30px}.farm{padding:14px}.plots{gap:7px}.plot{border-radius:15px}.seeds{gap:6px}.seed{grid-template-columns:1fr;text-align:center;padding:10px 4px}.seed>span{font-size:26px}.section-title>small{display:none}}