:root{color-scheme:light;--ink:#26362c;--muted:#65766b;--cream:#f8f2df;--paper:#fffaf0;--line:#d9d0b9;--moss:#355c42;--moss-2:#527a58;--leaf:#719e5d;--gold:#e1aa45;--rust:#c96d43;--sky:#a6d6dc;--shadow:0 18px 55px rgba(31,45,35,.18);--safe-bottom:env(safe-area-inset-bottom,0px) }*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#d7e0c7;color:var(--ink);font-family:Inter,ui-rounded,SF Pro Rounded,Avenir Next,system-ui,sans-serif;overscroll-behavior:none}body{overflow:hidden}button,input,select{font:inherit}button,a{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #1b6f84;outline-offset:3px}button{min-width:44px;min-height:44px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.farm-app{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr auto;isolation:isolate;background:linear-gradient(#a8d4dc 0 28%,#d5e3c5 52%,#b8ce9e)}.farm-app:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.68),transparent 18rem),linear-gradient(180deg,transparent 53%,rgba(45,76,52,.12));z-index:-1}.farm-hud{z-index:20;display:grid;grid-template-columns:auto auto minmax(110px,250px) auto auto auto auto;gap:8px;align-items:center;padding:max(10px,env(safe-area-inset-top)) 12px 8px;background:linear-gradient(180deg,#fbf7e9f2,#f7f0dae6);border-bottom:1px solid rgba(74,89,71,.17);box-shadow:0 4px 20px #2d402e21;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.round-control,.home-link{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fffdf7;text-decoration:none;font-size:1.35rem;box-shadow:0 3px 8px #33423317}.farmer-chip{display:flex;align-items:center;gap:8px;border:0;background:transparent;text-align:left;padding:2px 4px}.farmer-chip>span:last-child{display:grid;line-height:1.08}.farmer-chip small{color:var(--muted);font-size:.72rem;margin-top:3px}#avatarMini{width:39px;height:39px;border-radius:50%;background:#d9e8c1;display:grid;place-items:center;overflow:hidden;border:2px solid white;box-shadow:0 1px 5px #0002}.xp-meter{position:relative;height:24px;background:#e5dec8;border:1px solid #cec4a8;border-radius:999px;overflow:hidden;min-width:120px}.xp-meter span{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#6fa55f,#9cc966);transition:width .35s ease}.xp-meter b{position:absolute;inset:0;display:grid;place-items:center;font-size:.71rem;text-shadow:0 1px white;color:#314230}.resource{height:44px;min-width:70px;padding:5px 9px;border:1px solid var(--line);border-radius:15px;background:#fffdf7;display:grid;grid-template-columns:auto auto;grid-template-rows:1fr 1fr;column-gap:6px;align-items:center;box-shadow:0 2px 8px #27362712}.resource>span{grid-row:1/3;font-size:1.05rem}.resource b{font-size:.92rem;line-height:1}.resource small{font-size:.61rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.resource.coin>span{color:var(--gold)}.resource.fuel>span{color:#d6813d}.resource.ready{border-color:#b8cca6;cursor:pointer}.world-shell{position:relative;min-height:0;overflow:hidden;touch-action:none}#farmCanvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#farmCanvas:active{cursor:grabbing}#worldShade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 30%,rgba(50,70,45,.06));mix-blend-mode:multiply}.floating-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.float-reward{position:absolute;font-weight:900;color:#fffdf4;text-shadow:0 2px 3px #243627,0 0 8px #31553e;animation:floatReward 1s ease-out forwards}@keyframes floatReward{to{transform:translateY(-55px) scale(1.08);opacity:0}}.view-controls{position:absolute;right:12px;bottom:126px;display:grid;gap:6px}.view-controls button{width:46px;height:46px;border:1px solid #ffffffad;border-radius:15px;background:#fff9e9e8;box-shadow:0 5px 14px #31463328;font-size:1.2rem}.visit-banner[hidden]{display:none}.visit-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:18px;background:#fff9e9ef;border:1px solid #ded2b6;box-shadow:var(--shadow);max-width:calc(100% - 24px)}.visit-banner div{display:grid;min-width:118px}.visit-banner small{font-size:.62rem;letter-spacing:.13em;color:var(--muted)}.visit-banner button{border:0;border-radius:12px;background:#e9eedc;padding:8px 12px}.selection-card{position:absolute;right:72px;bottom:126px;width:min(330px,calc(100% - 92px));padding:12px;border-radius:20px;background:#fffaf0f2;border:1px solid #d6ceb8;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.selection-card header{display:flex;justify-content:space-between;align-items:start}.selection-card header div{display:grid}.selection-card small{font-size:.63rem;letter-spacing:.13em;color:var(--muted)}.selection-card strong{font-size:1.03rem}.selection-card p{margin:7px 0 9px;font-size:.84rem;color:#526257}.selection-card header button{border:0;background:transparent;font-size:1.3rem}.selection-actions{display:flex;flex-wrap:wrap;gap:7px}.selection-actions button{min-height:38px;border:1px solid #cfc5a9;border-radius:11px;background:#fff;padding:6px 10px;font-size:.78rem}.selection-actions .primary{background:var(--moss);border-color:var(--moss);color:#fff}.tool-shelf{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;gap:5px;padding:6px;border-radius:22px;background:#fff8e9e8;border:1px solid #d6ccb0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tool{width:70px;border:0;border-radius:16px;background:transparent;display:grid;place-items:center;align-content:center;gap:1px;padding:4px}.tool span{font-size:1.18rem}.tool b{font-size:.67rem}.tool.active{background:#486e4c;color:#fff;box-shadow:inset 0 0 0 1px #32563a}.seed-ribbon{position:absolute;left:12px;bottom:17px}.seed-ribbon button{display:flex;align-items:center;gap:8px;border:1px solid #d4caae;border-radius:17px;background:#fff9e8ea;padding:7px 10px;box-shadow:0 6px 18px #33482f25}.seed-ribbon button>span:nth-child(2){display:grid;text-align:left}.seed-ribbon small{font-size:.56rem;letter-spacing:.12em;color:var(--muted)}.seed-ribbon strong{font-size:.78rem}.seed-ribbon b{font-size:.74rem;color:#7b5b2f}#seedSwatch{width:26px;height:26px;border-radius:50%;background:#db4f78;box-shadow:inset 0 0 0 3px #fff8}.farm-nav{z-index:20;display:flex;justify-content:center;gap:3px;padding:6px 10px calc(6px + var(--safe-bottom));background:linear-gradient(180deg,#f7efdb,#eee2c5);border-top:1px solid #cfc3a8;box-shadow:0 -4px 20px #3042321f}.farm-nav button{position:relative;min-width:72px;border:0;border-radius:15px;background:transparent;display:grid;place-items:center;padding:4px 8px;gap:0}.farm-nav button:hover{background:#fff8}.farm-nav span{font-size:1.05rem}.farm-nav b{font-size:.67rem}.farm-nav i{position:absolute;right:8px;top:1px;min-width:17px;height:17px;padding:1px 4px;border-radius:99px;background:#c95142;color:#fff;font:700 .61rem/15px system-ui;font-style:normal}.tutorial-card{position:absolute;z-index:35;left:18px;top:82px;width:min(430px,calc(100% - 36px));display:grid;grid-template-columns:70px 1fr;gap:12px;padding:13px 14px;border:1px solid #d5c9aa;border-radius:22px;background:#fffaf0f5;box-shadow:0 18px 50px #2737283b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tutorial-card[hidden]{display:none}.guide-portrait{width:66px;height:66px;border-radius:20px;background:#d8e5c3;display:grid;place-items:end center;overflow:hidden}.guide-portrait span{width:32px;height:45px;border-radius:15px 15px 5px 5px;background:#50795c;position:relative}.guide-portrait span:before{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:#c98d69;left:4px;top:-13px;box-shadow:0 -7px 0 -2px #60482f}.tutorial-copy small{font-size:.62rem;letter-spacing:.12em;color:var(--muted)}.tutorial-copy h2{font-size:1rem;margin:2px 0 4px}.tutorial-copy p{font-size:.8rem;line-height:1.35;color:#56665a;margin:0}.tutorial-actions{grid-column:2;display:flex;justify-content:flex-end;gap:8px}.tutorial-actions button{min-height:36px;border:0;border-radius:11px;padding:6px 12px;background:#e8eddd;font-size:.75rem}.tutorial-actions #tutorialNext{background:var(--moss);color:#fff}.farm-dialog{border:0;padding:0;background:transparent;max-width:none;max-height:none}.farm-dialog::backdrop{background:#1a271e73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-card{width:min(960px,calc(100vw - 28px));max-height:min(82dvh,760px);overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr);border-radius:25px;background:var(--paper);border:1px solid #d8cdb0;box-shadow:0 26px 90px #1f2d235c}.dialog-card.compact{width:min(520px,calc(100vw - 28px));display:block;overflow:auto;padding-bottom:16px}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 10px;border-bottom:1px solid #e6ddc8}.dialog-header small{font-size:.62rem;letter-spacing:.16em;color:#768277}.dialog-header h2{margin:1px 0 0;font:800 1.35rem/1.1 Georgia,serif;color:#314334}.icon-button{width:44px;height:44px;border:0;border-radius:50%;background:#ede6d3;font-size:1.3rem}.panel-tabs{display:flex;gap:4px;overflow:auto;padding:8px 12px;border-bottom:1px solid #e5dcc6;scrollbar-width:none}.panel-tabs button{border:0;border-radius:12px;background:transparent;padding:7px 11px;white-space:nowrap;font-size:.77rem}.panel-tabs button.active{background:#476c4a;color:#fff}.panel-content{min-height:0;overflow:auto;padding:14px 16px 22px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:10px}.market-card,.progress-card,.neighbor-card,.job-card,.quest-card,.storage-card{border:1px solid #dfd5bb;border-radius:18px;background:#fffdf6;padding:12px;box-shadow:0 2px 8px #28372b0b}.market-card{display:grid;grid-template-columns:48px 1fr;gap:9px;align-items:center;min-height:112px}.market-art{width:48px;height:48px;border-radius:15px;background:#e8eedf;display:grid;place-items:center;position:relative;overflow:hidden}.market-art:before,.market-art:after{content:"";position:absolute}.market-art.crop:before{width:10px;height:30px;background:var(--art,#6fa25e);border-radius:9px;bottom:7px}.market-art.crop:after{width:24px;height:16px;border-radius:60% 60% 45% 45%;background:color-mix(in srgb,var(--art,#6fa25e) 80%,white);bottom:25px}.market-art.animal:before{width:31px;height:22px;border-radius:48%;background:var(--art,#e9e1cf)}.market-art.animal:after{width:15px;height:15px;border-radius:50%;background:var(--art,#e9e1cf);right:5px;top:11px}.market-art.tree:before{width:9px;height:28px;background:#805b3c;bottom:3px}.market-art.tree:after{width:37px;height:32px;border-radius:50%;background:var(--art,#6b9e5c);top:4px}.market-art.building:before{width:34px;height:25px;background:#a76646;bottom:4px;border-radius:3px}.market-art.building:after{width:30px;height:30px;background:#d6b05f;transform:rotate(45deg);top:-7px}.market-art.decoration:before{width:31px;height:31px;border:4px solid #728f62;border-radius:50%}.market-art.vehicle:before{width:32px;height:18px;border-radius:5px;background:#b55e3e}.market-art.vehicle:after{width:29px;height:8px;border-radius:6px;background:#53634e;bottom:8px}.market-copy{min-width:0}.market-copy strong{display:block;font-size:.85rem}.market-copy small{display:block;color:var(--muted);font-size:.68rem;line-height:1.3;margin:2px 0}.market-copy .locked{color:#9c6556}.market-card button{grid-column:1/3;width:100%;min-height:38px;border:0;border-radius:11px;background:#e5ecdc;font-weight:800;font-size:.73rem}.market-card button.primary{background:var(--moss);color:#fff}.market-card button:disabled{opacity:.55}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:4px 0 10px}.section-head h3{margin:0;font:800 1.08rem Georgia,serif}.section-head p{margin:0;color:var(--muted);font-size:.75rem}.mastery-row{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center;margin-top:6px}.mastery-bar{grid-column:1/3;height:7px;background:#e5dec9;border-radius:99px;overflow:hidden}.mastery-bar i{display:block;height:100%;background:#789f63}.tier-pips{display:flex;gap:3px}.tier-pips i{width:14px;height:14px;border:1px solid #b9ad91;border-radius:50%;background:#eee6d3}.tier-pips i.on{background:#d6a841;border-color:#b9882c}.progress-card h3,.neighbor-card h3,.job-card h3,.quest-card h3,.storage-card h3{font-size:.9rem;margin:0 0 4px}.progress-card p,.neighbor-card p,.job-card p,.quest-card p,.storage-card p{font-size:.72rem;color:var(--muted);margin:0 0 8px}.progress-card button,.neighbor-card button,.job-card button,.quest-card button,.storage-card button{border:0;border-radius:10px;background:#e5ecdc;padding:6px 10px;font-size:.72rem;font-weight:800}.neighbor-card{position:relative;overflow:hidden}.neighbor-avatar{width:48px;height:48px;border-radius:50%;background:var(--neighbor);display:grid;place-items:center;margin-bottom:6px}.neighbor-avatar:before{content:"";width:22px;height:22px;border-radius:50%;background:#c7926f;box-shadow:0 15px 0 5px #f0e3ca}.neighbor-actions{display:flex;gap:6px;flex-wrap:wrap}.neighbor-actions .primary{background:var(--moss);color:#fff}.gift-card{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #e2d9c4;padding:9px 0}.gift-card:first-child{border-top:0}.gift-card span{font-size:.8rem}.gift-card button{border:0;border-radius:10px;background:#dfead6;padding:7px 11px}.job-progress,.quest-progress{height:9px;background:#e6dec9;border-radius:99px;overflow:hidden;margin:7px 0}.job-progress i,.quest-progress i{display:block;height:100%;background:#6f995c}.job-meta{display:flex;justify-content:space-between;font-size:.67rem;color:var(--muted)}.collection-items{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;margin:7px 0}.collection-items span{font-size:.67rem;padding:4px 6px;border-radius:8px;background:#ede6d4}.collection-items span.missing{opacity:.45}.storage-capacity{display:flex;align-items:center;gap:10px;margin-bottom:14px}.capacity-track{flex:1;height:10px;border-radius:99px;background:#e5ddc8;overflow:hidden}.capacity-track span{display:block;height:100%;background:#6e945b}.settings-list{display:grid;gap:10px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e4dbc5}.settings-row button{border:1px solid #d4c9ab;border-radius:11px;background:#fff;padding:7px 11px}.settings-row .danger{color:#9b3e38;border-color:#d8a7a1}.field-label{display:grid;gap:4px;margin:14px 18px 8px;font-size:.76rem;color:var(--muted)}.field-label input,.custom-grid select{min-height:44px;border:1px solid #cabfa4;border-radius:12px;background:#fffdf7;padding:8px 10px;color:var(--ink)}.avatar-preview{height:132px;margin:8px 18px;border-radius:20px;background:linear-gradient(#b9dce0 0 55%,#b9d09a 55%);display:grid;place-items:center}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:8px 18px}.custom-grid label{display:grid;gap:3px;font-size:.7rem;color:var(--muted)}.primary.full{display:block;width:calc(100% - 36px);margin:12px 18px;border:0;border-radius:13px;background:var(--moss);color:#fff;font-weight:800}.dialog-card.compact>h2,.dialog-card.compact>p{margin-left:18px;margin-right:18px}.dialog-card.compact>h2{margin-top:18px}.dialog-card.compact>p{color:var(--muted);font-size:.84rem}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:10px 18px}.dialog-actions button{border:0;border-radius:11px;background:#e5ecdc;padding:8px 14px}.dialog-actions .danger{background:#9d443e;color:#fff}.toast{position:fixed;z-index:100;left:50%;bottom:calc(88px + var(--safe-bottom));transform:translate(-50%,20px);max-width:min(480px,calc(100% - 28px));padding:10px 14px;border-radius:14px;background:#263c2d;color:#fff;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.2s ease;font-size:.8rem}.toast.show{opacity:1;transform:translate(-50%)}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:99px;background:#ece5d4;padding:4px 7px;font-size:.64rem;color:#5c695f}.badge.good{background:#dcebd3;color:#34563d}.empty-panel{text-align:center;padding:30px 16px;color:var(--muted)}@media(max-width:800px){.farm-hud{grid-template-columns:auto minmax(0,1fr) auto auto auto;padding-left:7px;padding-right:7px}.farmer-chip{min-width:0}.farmer-chip>span:last-child{overflow:hidden}.farmer-chip strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:92px}.xp-meter{grid-column:2/3;grid-row:2;height:15px;margin-top:-8px}.xp-meter b{font-size:.58rem}.resource{min-width:54px;padding:5px 7px}.resource small{display:none}.resource>span{grid-row:auto}.resource{grid-template-columns:auto auto;grid-template-rows:1fr}.resource.fuel{display:none!important}#settingsButton{display:none}.home-link{width:40px;height:40px}.tool-shelf{bottom:12px;width:calc(100% - 104px);justify-content:center;gap:0;padding:5px}.tool{flex:1;width:auto;min-width:51px}.tool b{font-size:.61rem}.seed-ribbon{left:6px;bottom:80px}.seed-ribbon button{padding:6px 8px}.seed-ribbon button>span:nth-child(2){display:none}.seed-ribbon b{font-size:.65rem}.view-controls{right:6px;bottom:82px}.view-controls button{width:43px;height:43px}.selection-card{right:56px;bottom:82px;width:min(310px,calc(100% - 68px))}.farm-nav{justify-content:space-around;gap:0;padding-left:2px;padding-right:2px}.farm-nav button{min-width:0;flex:1;padding:3px 2px}.farm-nav b{font-size:.58rem}.farm-nav span{font-size:.98rem}.tutorial-card{top:70px;left:8px;width:calc(100% - 16px);grid-template-columns:48px 1fr;padding:10px}.guide-portrait{width:46px;height:46px;border-radius:14px}.guide-portrait span{transform:scale(.75)}.tutorial-copy p{font-size:.74rem}.tutorial-actions{margin-top:-4px}.dialog-card{width:calc(100vw - 12px);max-height:88dvh;border-radius:20px}.panel-content{padding:10px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.market-card{grid-template-columns:36px 1fr;min-height:104px;padding:8px;gap:6px}.market-art{width:36px;height:36px;border-radius:11px}.market-copy strong{font-size:.74rem}.market-copy small{font-size:.6rem}.market-card button{font-size:.66rem}}@media(max-width:430px){.card-grid{grid-template-columns:1fr 1fr}.tutorial-card{grid-template-columns:42px 1fr}.guide-portrait{width:40px;height:40px}.selection-card{left:6px;right:56px;width:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}