@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Nunito:wght@600;700;800;900&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#263e2d;background:#f6f8ef;--green:#285d3c;--light:#e8f0dc;--line:#e0e6d7;--amber:#e9b93d;--ink:#263e2d}
*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #007fcc;outline-offset:3px}button{touch-action:manipulation}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:'Nunito',system-ui,sans-serif}h1{font-size:1.8rem;font-weight:900;letter-spacing:-.04em}h2{font-size:1.18rem;line-height:1.25;margin-top:6px}h3{font-size:1rem;font-weight:800}.topbar{height:91px;background:#fffef8;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:0 clamp(20px,4vw,64px)}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:12px;font-size:1.4rem;font-weight:800;line-height:1.1}.brand b{display:block;font-size:1rem;font-weight:600;color:#5b725d}.brand-mark{display:grid;place-items:center;background:#d8e9c5;border-radius:16px;width:48px;height:48px;font-size:1.8rem}.resources{display:flex;align-items:center;gap:28px;margin-left:auto}.resource{display:flex;align-items:center;gap:9px}.resource>span{font-size:1.7rem}.resource small{display:block;font-size:.75rem;color:#657566}.resource strong{font-size:1.15rem;font-variant-numeric:tabular-nums}.icon-button{background:transparent;border:1px solid var(--line);border-radius:50%;width:36px;height:36px;font-weight:700;color:var(--green)}.workspace{display:grid;grid-template-columns:242px minmax(350px,1fr) 244px;max-width:1440px;gap:24px;margin:32px auto;padding:0 32px;align-items:start}.panel{background:#fffef8;border:1px solid var(--line);border-radius:22px;padding:23px 20px;box-shadow:0 6px 20px #27442904}.section-heading{display:flex;gap:5px;align-items:center;justify-content:space-between}.eyebrow{font-size:.65rem;letter-spacing:.12em;font-weight:700;color:#768463}.heading-icon{font-size:1.8rem}.muted{font-size:.875rem;color:#6d7c67;line-height:1.5;margin-top:12px}.seed-list{display:grid;gap:10px;margin-top:22px}.seed{background:#fffef8;border:1px solid var(--line);border-radius:15px;padding:10px;text-align:left;display:flex;align-items:center;gap:10px;transition:background .2s,border-color .2s;position:relative}.seed.selected{background:#edf4df;border:2px solid #668a48;padding:9px}.seed>span{font-size:1.7rem;width:35px;text-align:center}.seed .seed-name{font-weight:700;font-size:1rem}.seed small{font-size:.75rem;color:#65755d;display:block;margin-top:3px}.seed .qty{margin-left:auto;font-size:.8rem;font-weight:700;background:#eff0e8;border-radius:9px;padding:6px;min-width:29px;text-align:center}.seed.selected .qty{background:#d6e5be;color:#325322}.seed-shop{border-top:1px dashed #d9dfcf;margin-top:23px;padding-top:20px}.purchase-row{display:grid;gap:10px;margin-top:12px;font-size:.875rem}.button{border:0;background:var(--green);color:#fffdf1;border-radius:12px;font-weight:700;padding:13px 16px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;transition:background .2s}.button:hover:not(:disabled){background:#164526}.button.small{padding:9px 12px;min-height:40px;font-size:.875rem}.button.secondary{background:#e4efdc;color:#315534}.water-card{display:flex;align-items:center;gap:9px;margin-top:24px;background:#eaf5f5;border:1px solid #d3e5e5;border-radius:15px;padding:12px;flex-wrap:wrap}.water-card p{font-size:.75rem;margin-top:3px;color:#53767a}.water-card .button{width:100%;background:#d3e9ec;color:#315c64}.farm-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:5px 0 21px}.weather{font-size:1.6rem;display:flex;gap:8px;align-items:center}.weather span{font-size:.75rem;line-height:1.4;max-width:80px;color:#63795c}.farm-stage{position:relative;aspect-ratio:1/1;border-radius:25px;overflow:hidden;background:#8cc866;border:4px solid #fffef5;box-shadow:0 8px 0 #dce6cd,0 18px 38px #32522513;background-size:cover;background-position:center}.field-label{position:absolute;z-index:1;top:5%;right:5%;background:#fffff2e8;box-shadow:0 3px 10px #23461315;border-radius:12px;padding:9px 13px;display:grid;gap:3px}.field-label span{font-size:.6rem;letter-spacing:.1em;color:#738065;font-weight:700}.field-label strong{font-size:.8rem}.field-grid{position:absolute;left:10%;width:80%;top:38%;height:48%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:7px;touch-action:none;user-select:none;-webkit-user-select:none}.plot{position:relative;background:#9c623b;border:2px solid #b98452;box-shadow:0 4px 0 #72462d,inset 0 2px 6px #683a2733;border-radius:10px;padding:0;color:#fff6e0;touch-action:none;overflow:visible;transition:background .25s,transform .15s;min-width:0;min-height:0}.plot:before{content:'';position:absolute;inset:18% 12%;background:repeating-linear-gradient(0deg,transparent 0,transparent 11px,#59352135 11px,#59352135 13px);pointer-events:none;border-radius:4px}.plot:hover{transform:translateY(-2px);border-color:#ffdf82}.plot:active{transform:translateY(1px)}.plot.wet{background:#614d37;border-color:#7b6746;box-shadow:0 4px 0 #433628,inset 0 2px 6px #28221833}.plot.ready{border-color:#ffdd65;background:#815534;box-shadow:0 4px 0 #655022,0 0 0 2px #ffe39166}.crop-icon{position:absolute;inset:-15% -6% 4%;display:grid;place-items:center;font-size:clamp(20px,3vw,38px);z-index:1;pointer-events:none;filter:drop-shadow(0 4px 2px #251b2333)}.crop-icon.sprite{font-size:0;background-image:url('assets/crops.png');background-size:400% 300%;background-repeat:no-repeat;filter:drop-shadow(0 4px 2px #251b2322)}.plot.empty .plus{position:relative;color:#ecc29666;font-size:1.4rem;font-weight:400}.plot .water-dot{position:absolute;right:3px;top:3px;font-size:.7rem;z-index:3}.plot .ready-star{position:absolute;right:3px;top:-9px;color:#ffdd48;font-size:1rem;text-shadow:0 1px 3px #513912;z-index:3}.plot .growth-track{position:absolute;bottom:5px;left:15%;width:70%;height:4px;background:#33291777;border-radius:3px;overflow:hidden;z-index:3}.plot .growth-fill{height:100%;background:#bede78;border-radius:3px;transition:width .2s linear}.plot .growth-text{position:absolute;bottom:12px;left:0;width:100%;font-size:.55rem;line-height:1;color:#fff6de;z-index:3}.stage-tip{position:absolute;bottom:4%;left:5%;right:5%;text-align:center;color:#254b31;font-size:.8rem;font-weight:600;background:#fffff0d9;max-width:380px;margin:auto;border-radius:30px;padding:8px 12px}.toolbox{display:flex;gap:8px;margin-top:25px;background:#e8eddf;border:1px solid #dae0d2;border-radius:18px;padding:7px}.tool{flex:1;display:flex;gap:7px;align-items:center;justify-content:center;border:0;background:transparent;border-radius:12px;padding:11px 7px;color:#5a7154;min-width:0}.tool.selected{background:#fffef6;box-shadow:0 2px 4px #223a2112;color:#244f33}.tool>span{font-size:1.55rem}.tool b{display:block;font-size:.875rem}.tool small{display:block;font-size:.6rem;line-height:1.4;margin-top:2px}.tool kbd{background:#edf1e5;border:1px solid #d5dec9;border-radius:4px;font-size:.7rem;padding:2px 4px;color:#829075}.action-hint{text-align:center;margin-top:14px;font-size:.875rem;color:#54734b;line-height:1.5}.session-note{text-align:center;font-size:.75rem;color:#7d8975;margin-top:8px}.harvest-total{display:flex;align-items:baseline;gap:10px;padding:22px 0 18px;border-bottom:1px dashed #dce3d1}.harvest-total strong{font-family:'Nunito';font-size:2.7rem;line-height:1;font-weight:900}.harvest-total span{font-size:.75rem;color:#6a7f5b;max-width:85px}.barn-list{display:grid;gap:2px;padding:14px 0}.barn-row{display:flex;align-items:center;gap:9px;font-size:.875rem;padding:9px 0}.barn-row>span:first-child{font-size:1.2rem}.barn-row b{margin-left:auto;background:#f1f1e7;border-radius:8px;min-width:28px;text-align:center;padding:4px}.sell{width:100%;justify-content:space-between;font-size:.875rem}.sell>span{white-space:nowrap;font-size:.75rem}.tiny{font-size:.75rem;text-align:center}.field-status{border-top:1px dashed #dce3d1;margin-top:23px;padding-top:20px}.field-status div{display:flex;justify-content:space-between;font-size:.8rem;margin-top:13px;color:#5d7356}.field-status b{color:var(--ink)}.care-note{margin-top:25px;border-radius:14px;background:#f4f0de;padding:14px;line-height:1.5}.care-note b{font-size:.8rem;color:#706234}.care-note p{font-size:.75rem;margin-top:7px;color:#827754}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:30;background:#244d35;color:#fffcef;padding:13px 20px;border-radius:15px;font-size:.875rem;box-shadow:0 8px 25px #13392333;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{background:#fffef6;color:var(--ink);border:1px solid #d2deca;border-radius:23px;max-width:480px;width:calc(100% - 32px);padding:32px;box-shadow:0 20px 100px #173d3233}dialog::backdrop{background:#143c2c88;backdrop-filter:blur(3px)}dialog h2{font-size:1.65rem;margin-top:7px}dialog ol{padding-left:22px;font-size:1rem;line-height:1.6}dialog li{margin:12px 0}dialog p{font-size:.875rem;color:#678065;line-height:1.5}dialog .button{width:100%;margin-top:22px}.close-dialog:not(.button){position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:1.6rem;color:#63815d}
@media(min-width:1500px){.workspace{margin-top:45px}.farm-stage{max-width:660px;margin:auto}.farm-heading,.toolbox{max-width:660px;margin-left:auto;margin-right:auto}}
@media(max-width:1130px){.workspace{grid-template-columns:210px minmax(330px,1fr);gap:20px;padding:0 24px}.barn-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.barn-panel>.section-heading{grid-column:1}.harvest-total{grid-column:1;border:0;padding:0}.barn-list{grid-column:2;grid-row:1/4;padding:0}.sell{grid-column:3;grid-row:1;align-self:center}.tiny{grid-column:3}.field-status{grid-column:3;grid-row:3/5;margin:0;padding:0;border:0}.care-note{grid-column:1/3;margin:0}.tool kbd{display:none}}
@media(max-width:720px){.topbar{height:76px;padding:0 16px;gap:12px}.brand{font-size:1rem;gap:8px}.brand b{font-size:.8rem}.brand-mark{width:38px;height:38px;border-radius:12px;font-size:1.4rem}.resources{gap:14px}.resource{gap:4px}.resource>span{font-size:1.2rem}.resource strong{font-size:.9rem}.resource small{font-size:.6rem}.water-resource strong{font-size:.75rem}.icon-button{width:30px;height:30px;flex-shrink:0}.workspace{display:flex;flex-direction:column;gap:18px;margin:20px auto;padding:0 14px;max-width:600px}.farm-panel{order:0;width:100%}.seeds-panel{order:1;width:100%;padding:19px}.barn-panel{order:2;width:100%;display:block;padding:19px}.farm-heading{padding:0 3px 13px;gap:8px}h1{font-size:1.45rem}.eyebrow{font-size:.6rem}.weather{font-size:1.3rem}.weather span{max-width:62px;font-size:.65rem}.farm-stage{border-width:3px;border-radius:21px}.field-grid{left:5%;width:90%;top:35%;height:51%;gap:6px}.plot{border-width:1px;border-radius:7px;box-shadow:0 3px 0 #72462d}.crop-icon{font-size:26px}.toolbox{margin-top:19px;padding:6px;gap:3px;border-radius:15px}.tool{padding:10px 4px;gap:5px}.tool>span{font-size:1.3rem}.tool b{font-size:.8rem}.tool small{display:none}.stage-tip{font-size:.65rem;padding:6px 9px;bottom:3%}.field-label{padding:6px 9px}.field-label strong{font-size:.7rem}.field-label span{font-size:.55rem}.action-hint{font-size:.8rem}.session-note{font-size:.65rem}.seed-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.seed{gap:8px}.seed>span{font-size:1.4rem;width:26px}.seed .seed-name{font-size:.875rem}.seed small{font-size:.65rem}.seed .qty{font-size:.7rem;padding:4px;min-width:25px}.seed-shop{margin-top:17px;padding-top:16px}.purchase-row{display:flex;justify-content:space-between;align-items:center}.water-card{margin-top:17px;flex-wrap:nowrap}.water-card .button{width:auto;margin-left:auto}.barn-list{grid-template-columns:1fr 1fr;gap:0 20px}.harvest-total{padding:18px 0}.field-status{margin-top:20px;padding-top:17px;border-top:1px dashed #dce3d1}.care-note{margin-top:20px}.plot .growth-text{font-size:.5rem}.plot .water-dot{font-size:.65rem}}
.crop-icon[hidden]{display:none}
@media(max-width:720px){.field-grid{top:30%;height:58%}}
@media(max-width:359px){.farm-stage{aspect-ratio:.62;background-size:100% 100%}.field-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));top:26%;height:64%}.resources{gap:7px}.topbar{gap:7px;padding:0 10px}.resource small{display:none}.brand-mark{width:30px;height:30px}.brand{font-size:.875rem}}
@media(min-width:721px){.farm-stage{aspect-ratio:1.3;max-height:max(350px,calc(100dvh - 290px));background-size:100% 100%}.toolbox{margin-top:20px}.field-grid{top:35%;height:49%}.stage-tip{bottom:3%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.progression-header{display:flex;align-items:center;gap:14px;margin:0 0 14px;background:#fffef8;border:1px solid var(--line);border-radius:18px;padding:14px}.level-badge{border:0;border-radius:13px;background:#f6d56b;color:#4f3c12;padding:12px;display:grid;gap:4px;min-width:90px;font-weight:800;font-size:1rem}.xp-info{flex:1;min-width:0}.xp-info>div{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.875rem}.xp-info>div span{white-space:nowrap;font-size:.8rem;color:#55714d}.xp-info small{font-size:.8rem;display:block;margin-top:5px;line-height:1.45;color:#52634a}progress{display:block;width:100%;height:10px;border:0;border-radius:8px;overflow:hidden;margin-top:8px;accent-color:#568730;background:#e7eadb}progress::-webkit-progress-bar{background:#e7eadb;border-radius:8px}progress::-webkit-progress-value{background:#568730;border-radius:8px}.mission-card{display:flex;align-items:center;gap:12px;margin-bottom:17px;background:#fff4cc;border:1px solid #ead993;border-radius:16px;padding:13px 15px}.mission-icon{font-size:1.5rem}.mission-card>div{flex:1;min-width:0}.mission-card b{font-family:Nunito;font-weight:900}.mission-card p{font-size:.875rem;line-height:1.4;margin-top:3px}.mission-card small{font-size:.8rem;display:block;margin-top:4px;color:#766336}.mission-card .button{min-width:85px;white-space:nowrap}.plot.locked{background:#69895070;border:1px dashed #486b4299;box-shadow:none;opacity:.8}.plot.locked:before{display:none}.plot.locked .plus{font-size:1rem;opacity:.65}.plot.locked .growth-text{color:#fff;bottom:5px;font-size:.75rem;font-weight:700}.plot.pending{outline:3px solid #ffe167;outline-offset:2px}.seed.locked{background:#edf0e7;opacity:.75}.seed.locked>span:first-child{filter:grayscale(.8)}.barn-row small{display:block;font-size:.8rem;color:#6d7c67;margin-top:3px}.evolution-panel{grid-column:1/-1;width:100%;margin-top:12px}.evolution-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:15px 0 18px}.evolution-heading h2{font-size:1.6rem}.evolution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.evolution-grid .panel{padding:20px}.pill{font-size:.8rem;border-radius:8px;padding:5px 8px;background:#edf1de;white-space:nowrap}.text-button{background:none;border:0;color:#285d3c;font-weight:700;text-decoration:underline;text-underline-offset:4px;padding:8px;font-size:.875rem}.production-card,.upgrade-card{border-top:1px dashed #dce2d4;margin-top:16px;padding-top:16px}.item-title{display:flex;align-items:center;gap:8px}.item-title>span{font-size:1.4rem}.item-title small{margin-left:auto;font-size:.8rem;color:#677b5f}.production-card p,.upgrade-card p{font-size:.875rem;line-height:1.55;margin:8px 0 12px;color:#5a6d52}.production-card .button,.upgrade-card .button{width:100%}.locked-card{opacity:.7}.timer{font-size:.8rem;color:#5d714e;margin-bottom:10px;line-height:1.5}.button-pair{display:flex;gap:8px}.order-card{background:#f4f0df;border:1px solid #e6dfc8;border-radius:14px;padding:17px;margin-top:16px}.order-card p{font-size:1.1rem;margin:13px 0 5px}.order-card small{font-size:.875rem;color:#6c7256}.reward{font-weight:800;color:#7b5c13;margin:16px 0}.order-card .button{width:100%}.order-card .text-button{width:100%;margin-top:8px}.locked-info{font-size:.875rem;line-height:1.5;background:#edf1e8;border-radius:13px;padding:18px;margin-top:17px}.session-note{font-size:.8rem;line-height:1.5;min-height:24px}.session-note button{border:0;background:transparent;color:#21532f;text-decoration:underline;font-weight:700;padding:5px}.session-note a{color:#21532f}.roadmap{list-style:none;padding:0;max-height:55dvh;overflow:auto}.roadmap li{display:flex;gap:13px;padding:14px;background:#eff1e9;border-radius:13px;border:1px solid #e0e5d5}.roadmap li.unlocked{background:#e3efd6;border-color:#a0bd85}.roadmap li>span{font-size:1.4rem}.roadmap p{margin-top:4px}.roadmap small{font-size:.8rem;color:#6e7b62}.eyebrow{font-size:.75rem}.resource small,.seed small,.water-card p,.harvest-total span,.tiny,.care-note p{font-size:.8rem}.tool small{font-size:.75rem}.field-status div,.care-note b{font-size:.875rem}
@media(min-width:721px){.farm-stage{max-height:max(340px,calc(100dvh - 450px));aspect-ratio:1.4}.field-grid{top:34%;height:50%}}
@media(max-width:1130px){.evolution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.evolution-grid>.panel:last-child{grid-column:1/-1}.evolution-grid #upgrades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.evolution-panel{grid-column:1/-1}}
@media(max-width:720px){.evolution-panel{order:3;margin-top:0}.evolution-grid{display:block}.evolution-grid>.panel{margin-bottom:17px}.evolution-grid #upgrades{display:block}.progression-header{padding:11px;gap:10px}.level-badge{min-width:72px;padding:10px;font-size:.875rem}.xp-info>div{display:block}.xp-info>div span{display:block;margin-top:3px}.mission-card{gap:8px;padding:12px}.mission-card .mission-icon{display:none}.mission-card .button{min-width:70px;padding:8px}.mission-card small{font-size:.75rem}.mission-card b{font-size:.95rem}.weather{display:none}.tool b{font-size:.875rem}.seed .seed-name{font-size:.95rem}.seed small{font-size:.75rem}.session-note{font-size:.8rem}.eyebrow{font-size:.75rem}.field-label span{font-size:.75rem}.field-label strong{font-size:.8rem}.field-label{top:4%;right:4%}.stage-tip{font-size:.75rem}.plot .growth-text{font-size:.7rem;bottom:11px}.evolution-heading h2{font-size:1.3rem}.evolution-heading .text-button{white-space:nowrap}.resource small{font-size:.75rem}.resources{gap:8px}.topbar{padding:0 12px;gap:8px}.icon-button{width:34px;height:34px}.purchase-row{flex-wrap:wrap}}
@media(max-width:359px){.resource small{display:none}.plot .growth-text{font-size:.7rem}.mission-card{align-items:flex-start}}
.farm-panel{display:flex;flex-direction:column}.farm-heading{order:0;padding-bottom:13px}.progression-header{order:1}.mission-card{order:2}.toolbox{order:3;margin:0 0 16px}.farm-stage{order:4;flex-shrink:0;width:100%}.action-hint{order:5}.session-note{order:6}
@media(min-width:721px){.farm-stage{max-height:none;aspect-ratio:1.4}.farm-heading .eyebrow{display:none}.xp-info small{font-size:.8rem}.progression-header{padding:11px}.mission-card{padding:10px 13px}.tool small{display:none}}