:root{font-family:ui-rounded,'SF Pro Rounded',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#294b3b;background:#dce9c9;font-synthesis:none;font-size:16px;--pine:#294f3d;--cream:#fff8e6;--gold:#f5d581;--border:#e5dcc0;--shadow:0 5px 0 #31533815,0 12px 32px #31533812}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{position:fixed;inset:0;touch-action:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}button:focus-visible,summary:focus-visible{outline:3px solid #365fbe;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}button svg,span>svg{width:24px;height:24px;flex:none;vertical-align:middle}button{transition:transform .12s,background .12s}button:active:not(:disabled){transform:translateY(2px)}[hidden]{display:none!important}#game{position:absolute;inset:105px 0 150px}#game canvas{display:block;touch-action:none;outline:none}#ui{position:absolute;inset:0;pointer-events:none}#ui button,#ui .joystick,#ui dialog,#ui details{pointer-events:auto}.topbar{position:absolute;top:max(20px,env(safe-area-inset-top));left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:51px;height:54px;display:grid;place-items:center;background:var(--pine);color:#e0eca4;border-radius:17px;box-shadow:0 4px 0 #365d3440;transform:rotate(-5deg)}.brand-mark svg{width:31px;height:31px;transform:rotate(5deg)}h1{font-size:23px;letter-spacing:2px;margin:0;font-weight:850;line-height:1.25;color:#214933}.brand-sub{display:block;font-size:13px;color:#365b3c;margin-top:4px}.brand-sub b{font-size:11px;font-weight:700;opacity:.75;margin-left:8px}.top-actions{display:flex;gap:10px;align-items:center}.wallet{display:flex;align-items:center;gap:8px;padding:11px 17px;height:49px;background:#fff6d9;border:1px solid #f3e4b5;border-radius:17px;box-shadow:var(--shadow)}.wallet svg{color:#b1862c;fill:#f6d37533}.wallet strong{font-size:22px;min-width:30px}.wallet>span{font-size:14px;color:#8b825e}.icon-button{width:45px;height:45px;display:inline-grid;place-items:center;border:1px solid #e5dfc666;border-radius:14px;background:#fff8e6ed;color:#536b48;box-shadow:0 3px 0 #3153380d}.icon-button svg{width:21px;height:21px}.shop-button{height:49px;display:flex;align-items:center;gap:9px;padding:0 19px;border:1px solid #244a36;border-radius:16px;color:#fff5d8;background:var(--pine);box-shadow:0 4px 0 #294d3940;font-weight:700;font-size:15px}.guide{position:absolute;top:104px;left:28px;max-width:415px;display:flex;align-items:center;gap:12px;padding:15px 18px 15px 14px;border-radius:18px;background:#fff8e6ed;border:1px solid #ffffed70;box-shadow:var(--shadow)}.guide-icon{display:grid;place-items:center;align-self:stretch;width:34px;color:#699453}.guide-icon svg{width:25px;height:25px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.7px;color:#7b865d}.guide p{font-size:14px;font-weight:600;line-height:1.5;margin:4px 0 0;max-width:320px}.guide-dots{display:none;gap:4px}.guide-dots i{height:5px;width:5px;background:#dddcc7;border-radius:50%}.guide-dots .done{background:#759c58}.basket-card{position:absolute;right:28px;top:104px;width:224px;padding:18px;border-radius:20px;background:#fff8e6ee;border:1px solid #ffffed70;box-shadow:var(--shadow)}.card-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:750;margin-bottom:14px}.card-heading>span:first-child{display:flex;align-items:center;gap:8px}.card-heading svg{width:20px;height:20px;color:#81925d}.little-tag{background:#ebeccb;padding:4px 8px;border-radius:8px;font-size:12px}.basket-row{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px}.basket-emoji{width:30px;height:30px;display:grid;place-items:center;background:#f3ecd3;border-radius:10px;font-size:20px}.basket-row strong{margin-left:auto;font-size:16px}.basket-note{font-size:12px;line-height:1.6;color:#7d8569;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--border)}.scene-actions{position:absolute;left:28px;bottom:177px;display:flex;align-items:center;gap:8px}.scene-actions .icon-button{width:40px;height:40px;background:#f4f5d9b8}.scene-actions>span{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#375c3b;margin-right:4px}#save-status svg{width:15px;height:15px}.save-error{color:#873e2e!important;background:#fff5df;padding:8px;border-radius:10px}.controls-area{position:absolute;left:0;bottom:max(16px,env(safe-area-inset-bottom));right:0;height:138px;display:flex;align-items:center;justify-content:center;gap:24px;padding-bottom:25px}.toolbelt{display:flex;gap:7px;border-radius:23px;padding:10px;background:#fff8e6;border:1px solid #fff9eccc;box-shadow:0 6px 0 #4f694326,0 15px 36px #36573222}.tool{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;width:73px;height:82px;border:1px solid transparent;border-radius:14px;background:#f0eedb}.tool.active{background:#f5d789;border-color:#dab866;box-shadow:inset 0 -3px 0 #deba6370}.tool-icon{height:30px;display:grid;place-items:center;font-size:28px;line-height:1}.tool-icon svg{width:29px;height:29px}.tool-name{font-size:13px;font-weight:750;white-space:nowrap}.tool-shortcut{position:absolute;left:7px;top:4px;font-size:10px;color:#89916d}.seed-count{position:absolute;right:4px;top:3px;font-size:11px;font-weight:800;background:#fff9e7;min-width:19px;height:19px;border-radius:7px;display:grid;place-items:center;color:#5d7248;border:1px solid #dfd8bc}.joystick-area{display:none;text-align:center}.joystick{position:relative;width:100px;height:100px;border-radius:50%;background:#f6f7dd40;border:2px solid #f8f9dc80;box-shadow:inset 0 3px 10px #46683715;touch-action:none}.stick-knob{position:absolute;left:27px;top:27px;width:42px;height:42px;border-radius:50%;background:#fff7df;box-shadow:0 5px 0 #54794625,0 4px 10px #37533225;border:1px solid #ffffee}.stick-cross{position:absolute;left:calc(50% - 1px);top:12px;bottom:12px;width:2px;background:#f9ffe030}.stick-cross.y{transform:rotate(90deg)}.move-label{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#456c45;display:block;margin-top:7px}.selected-tile{position:absolute;bottom:149px;left:50%;transform:translateX(-50%);text-align:center;min-height:64px;background:#dce9c9cc;padding:7px 15px;border-radius:12px;max-width:380px}.selected-tile .eyebrow{font-size:10px;color:#4a7044;letter-spacing:1.5px}.selected-tile strong{display:block;font-size:14px;margin-top:4px;color:#294e35}.selected-tile>span:last-child{display:block;font-size:12px;color:#41653e;margin-top:4px}.crop-progress{height:4px;width:130px;background:#6a965950;border-radius:8px;margin:7px auto 3px;overflow:hidden}.crop-progress>span{display:block;background:#ffe5a2;height:100%;transition:width .2s}.action-button{order:3;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;flex:none;width:92px;height:92px;border:3px solid #fbf1c4;border-radius:50%;color:#fff7dc;background:var(--pine);box-shadow:0 5px 0 #2e563c50,0 10px 20px #315c3620;font-size:13px;font-weight:750}.action-button svg{width:29px;height:29px}.action-button>span:first-child{font-size:28px;line-height:1}.action-button.ready{background:#8b681f;border-color:#ffe8a1}.keyboard-hint{font-size:9px;letter-spacing:1px;color:#d8e7bd}.desktop-hint{position:absolute;bottom:0;left:0;right:0;display:flex;gap:10px;justify-content:center;align-items:center;font-size:12px;color:#466b40}.desktop-hint i{font-style:normal;opacity:.5}.desktop-hint kbd{font-family:inherit;font-size:10px;background:#dce8bbaa;border:1px solid #bdcda575;padding:2px 4px;border-radius:4px;margin-right:2px}#toast{position:absolute;left:50%;bottom:293px;transform:translate(-50%,8px);background:#294f3def;color:#fff5d7;padding:11px 20px;border-radius:14px;max-width:90%;font-size:14px;text-align:center;opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 5px 18px #37593620}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#795636}.farm-dialog{width:min(500px,calc(100% - 28px));max-height:calc(100dvh - 40px);border:1px solid #e5dbb9;border-radius:27px;background:var(--cream);color:var(--pine);padding:28px;box-shadow:0 24px 80px #1d3e4455;touch-action:pan-y;overflow-y:auto;overscroll-behavior:contain}.farm-dialog::backdrop{background:#193e3b70;backdrop-filter:blur(5px)}.dialog-top{display:flex;gap:8px;align-items:center;justify-content:space-between}.dialog-top h2{font-size:28px;letter-spacing:-.6px;margin:5px 0 0}.dialog-top .eyebrow{font-size:10px}.dialog-top .icon-button{flex:none;border:1px solid #e1dbc0;box-shadow:none;background:#f1edd8}.dialog-intro{font-size:14px;line-height:1.65;color:#758068;margin:18px 0}.shop-balance{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;background:#f0ecd4;border-radius:13px;padding:13px;margin:20px 0 16px}.shop-balance svg{width:20px;height:20px;color:#b78f30}.shop-balance strong{font-size:18px}.shop-item{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #e7e0c8}.shop-crop{width:64px;height:69px;border-radius:19px;display:grid;place-items:center;font-size:38px;flex:none;background:#f1e2bd}.shop-crop.tomato{background:#f6e0ca}.shop-crop.strawberry{background:#f1dce0}.shop-copy{flex:1}.shop-copy h3{font-size:17px;margin:0 0 6px}.shop-copy p{font-size:12px;color:#7e8869;margin:0 0 5px;white-space:nowrap}.shop-copy p span{margin:0 3px}.owned{font-size:12px;color:#6d7c5c;font-weight:600}.buy-button{min-width:65px;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:13px;background:var(--pine);color:#fff3d4;font-size:12px;font-weight:650}.buy-button strong{font-size:17px;display:flex;align-items:center;gap:3px}.buy-button svg{width:16px;height:16px;color:#f0d38a}.shop-feedback{font-size:13px;min-height:20px;text-align:center;color:#7b8266;margin:18px 0}.return-button{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;min-height:49px;border:1px solid #d7d8b8;border-radius:13px;background:#e9edcf;font-size:14px;font-weight:750}.return-button svg{width:18px;height:18px}.inventory-head,.inventory-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;align-items:center;text-align:center;font-size:14px;gap:9px;padding:15px 0}.inventory-head{font-size:12px;color:#7b8566;margin-top:15px;border-bottom:1px solid var(--border)}.inventory-row{border-bottom:1px solid var(--border)}.inventory-row>:first-child,.inventory-head>:first-child{text-align:left}.bag-coins{display:flex;align-items:center;justify-content:center;gap:8px;background:#f1e6bb;padding:14px;border-radius:13px;margin-top:15px;font-weight:700}.help-steps{padding-left:28px;counter-reset:item}.help-steps li{padding:12px 0 12px 7px;color:#617a48}.help-steps b{display:block;font-size:16px}.help-steps span{display:block;font-size:14px;line-height:1.6;margin-top:5px;color:#7a8268}.save-explainer{font-size:12px;line-height:1.7;background:#f0ecd4;border-radius:13px;padding:13px;color:#7d8163}#debug-panel{position:absolute;left:8px;top:46%;padding:7px;border-radius:8px;font-size:12px;background:#fff8e6db;z-index:10}#debug-panel summary{cursor:pointer}#debug-panel>div{display:flex;flex-direction:column;gap:5px;padding-top:7px}#debug-panel button{padding:10px;border-radius:7px;border:1px solid #dfd7b9;background:#f2edce;font-size:12px}
@media(hover:hover){.tool:hover:not(.active){background:#e8e9cb}.shop-button:hover,.action-button:hover{background:#356347}.buy-button:hover{background:#396a4d}.icon-button:hover{background:#fffbea}}
@media(pointer:coarse){.joystick-area{display:block}.tool-shortcut,.keyboard-hint,.desktop-hint{display:none}.controls-area{height:135px;padding-bottom:0;gap:22px}.scene-actions{bottom:165px}.selected-tile{bottom:150px}.tool{height:84px}.move-label{display:none}}
@media(max-width:1050px){.basket-card{display:none}.guide{max-width:365px}.topbar{left:20px;right:20px}.scene-actions{left:20px}.guide{left:20px}.controls-area{gap:18px}.tool{width:65px}.toolbelt{gap:6px}.brand-sub{font-size:12px}.selected-tile{max-width:300px}}
@media(max-width:700px){#game{inset:141px 0 213px}.topbar{top:max(13px,env(safe-area-inset-top));left:14px;right:14px;gap:8px}.brand{gap:8px}.brand-mark{width:38px;height:41px;border-radius:13px}.brand-mark svg{width:24px;height:24px}h1{font-size:17px;letter-spacing:1.2px}.brand-sub{font-size:10px;margin-top:3px}.brand-sub b{font-size:9px;margin-left:2px}.wallet{gap:5px;height:42px;padding:8px 11px;border-radius:13px}.wallet strong{font-size:18px}.wallet svg{width:20px;height:20px}.wallet>span{display:none}.top-actions{gap:7px}.shop-button{width:43px;height:42px;padding:0;justify-content:center;border-radius:13px}.shop-button span{display:none}.shop-button svg{width:21px;height:21px}.bag-button{position:absolute;top:108px;right:0;width:38px;height:38px;background:#f7f8e1bb;border-color:#f2f2d270}.guide{top:70px;left:14px;right:14px;max-width:none;padding:10px 12px;gap:8px;border-radius:14px;min-height:58px}.guide p{font-size:13px;margin:3px 0 0;line-height:1.4;max-width:300px}.guide-icon{width:24px}.guide-icon svg{width:22px;height:22px}.guide .eyebrow{font-size:9px;letter-spacing:1.3px}.guide-dots{display:flex;margin-left:auto}.scene-actions{left:14px;right:64px;top:121px;bottom:auto;gap:6px}.scene-actions .icon-button{width:36px;height:36px;border-radius:12px}.scene-actions .icon-button svg{width:18px;height:18px}.scene-actions>span{font-size:10px;margin-right:auto;gap:3px}.scene-actions>span svg{width:12px;height:12px}.controls-area{height:198px;bottom:max(12px,env(safe-area-inset-bottom));display:block;padding:0 12px}.toolbelt{position:absolute;left:12px;right:12px;bottom:0;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:8px;border-radius:20px}.tool{width:100%;height:72px;gap:5px;border-radius:12px}.tool-name{font-size:11px}.tool-icon{font-size:25px;height:28px}.tool-icon svg{width:27px;height:27px}.seed-count{font-size:10px;min-width:17px;height:17px;right:2px;top:2px}.tool-shortcut,.keyboard-hint,.desktop-hint{display:none}.joystick-area{display:block;position:absolute;left:23px;bottom:105px}.joystick{width:89px;height:89px}.stick-knob{width:38px;height:38px;left:23.5px;top:23.5px}.move-label{display:none}.action-button{position:absolute;right:23px;bottom:106px;width:86px;height:86px;font-size:12px}.action-button svg{width:28px;height:28px}.selected-tile{left:116px;right:116px;bottom:113px;transform:none;min-height:65px;max-width:none;padding:0;background:transparent;display:flex;flex-direction:column;justify-content:center}.selected-tile .eyebrow{font-size:9px;letter-spacing:.7px}.selected-tile strong{font-size:12px;line-height:1.4}.selected-tile>span:last-child{font-size:10px;line-height:1.4}.crop-progress{width:100%;max-width:110px;height:4px}#toast{bottom:232px;font-size:13px;padding:10px 15px;min-width:210px}.farm-dialog{padding:22px 19px;border-radius:23px;max-height:calc(100dvh - 28px)}.dialog-top h2{font-size:26px}.shop-crop{width:50px;height:60px;font-size:32px;border-radius:15px}.shop-item{gap:10px}.shop-copy p{font-size:11px;white-space:normal;line-height:1.5}.shop-copy h3{font-size:16px}.buy-button{min-width:61px}.inventory-row{font-size:13px}}
@media(max-width:370px){.brand-sub{display:none}h1{font-size:14px}.brand-mark{width:32px;height:36px}.wallet{padding:8px}.top-actions{gap:5px}.guide p{font-size:12px}.guide-dots{display:none}.toolbelt{gap:3px;padding:7px}.tool-name{font-size:10px}.selected-tile{left:107px;right:107px}.joystick-area{left:17px}.action-button{right:17px}.shop-item{gap:8px}}
@media(max-height:600px) and (min-width:701px){#game{inset:68px 0 102px}.topbar{top:10px}.brand-mark{height:40px;width:40px}h1{font-size:19px}.brand-sub{display:none}.guide{top:75px;max-width:300px;padding:10px 12px}.guide-icon,.guide .eyebrow{display:none}.guide p{font-size:12px;margin:0}.basket-card{display:none}.controls-area{height:93px;bottom:7px;padding:0;gap:15px}.toolbelt{padding:7px}.tool{height:66px;width:60px;gap:3px}.tool-icon{height:26px;font-size:23px}.tool-icon svg{height:25px;width:25px}.action-button{height:73px;width:73px;font-size:11px}.joystick{height:75px;width:75px}.stick-knob{height:33px;width:33px;left:19px;top:19px}.selected-tile{bottom:100px;min-height:0;padding:0}.selected-tile>span:last-child{display:none}.scene-actions{left:14px;bottom:112px}.scene-actions>span{display:none}.desktop-hint{display:none}.move-label{display:none}#toast{bottom:185px}.farm-dialog{max-height:calc(100dvh - 20px)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Readable primary controls on small screens. */
@media(max-width:700px){.tool-name{font-size:13px;letter-spacing:-.35px}.guide p{font-size:14px}.selected-tile strong{font-size:13px}.selected-tile>span:last-child{font-size:12px}.action-button{font-size:13px}.seed-count{font-size:12px;min-width:19px;height:19px}.shop-copy p,.owned{font-size:13px}.scene-actions .icon-button{width:44px;height:44px}.bag-button{width:44px;height:44px;top:108px}.scene-actions{top:121px}.shop-button{width:44px;height:44px}}

svg{width:24px;height:24px;flex:none}
@media(max-width:1050px){.joystick-area{display:block}.move-label{display:none}}
@media(max-width:700px){#game{top:193px}.guide{min-height:72px}.scene-actions{top:151px}.bag-button{top:138px}.guide p{max-width:270px}.guide-dots{flex:none}.guide-icon{flex:none}}

@media(min-width:1051px){.joystick-area{display:block}.move-label{display:none}}