:root{color-scheme:dark;--bg: #0e160d;--panel: #162114;--panel-2: #1d2b1a;--line: #2c3f27;--text: #e8f0e3;--muted: #93a88a;--accent: #8fd45a;--accent-2: #58a83a;--danger: #ef7d6c}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(circle at 50% -10%,#22361c 0%,var(--bg) 55%) fixed;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}body,button{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.screen{display:flex;flex-direction:column;width:100%;max-width:520px;height:100dvh;margin:0 auto;padding:calc(10px + env(safe-area-inset-top)) 14px 0}.content{display:flex;flex:1;flex-direction:column;min-height:0}.center{align-items:center;justify-content:center}.hud{padding:0 2px 8px}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.balance{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:700;letter-spacing:-.02em}.coin{font-size:21px}.level{padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);font-size:12px;white-space:nowrap}.xp-bar{height:6px;margin-top:10px;border-radius:999px;background:#1a2617;overflow:hidden}.xp-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .3s ease}.xp-label{margin-top:4px;text-align:right;font-size:11px;color:var(--muted)}.farm-canvas{position:relative;flex:1;min-height:0;touch-action:none}.farm-canvas canvas{display:block}.tabbar{display:grid;flex:none;grid-template-columns:repeat(5,1fr);gap:2px;margin:6px -14px 0;padding:6px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0e160df0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px 5px;border:0;border-radius:12px;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s ease,background .15s ease,transform .12s ease}.tab:active{transform:scale(.96)}.tab-icon{position:relative;font-size:19px;line-height:1;opacity:.72}.tab-badge{position:absolute;top:-5px;right:-10px;min-width:15px;padding:0 4px;border-radius:999px;background:#d2453f;color:#fff;font-size:9px;font-weight:700;line-height:15px;text-align:center}.tab-label{font-size:10.5px;letter-spacing:.01em}.tab.active{background:#1a2717;color:var(--accent)}.tab.active .tab-icon{opacity:1}.panel{display:flex;flex:1;flex-direction:column;gap:12px;min-height:0;padding:4px 2px 14px;overflow-y:auto}.panel h2{margin:0;font-size:20px;letter-spacing:-.01em}.panel-sub{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45}.empty{padding:26px 16px;border:1px dashed var(--line);border-radius:16px;color:var(--muted);font-size:13px;line-height:1.5;text-align:center}.price-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.price-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--panel-2)}.price-emoji{display:grid;flex:none;place-items:center;width:38px;height:38px;border-radius:11px;background:#223020;font-size:20px}.price-main{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.price-name{font-size:14.5px;font-weight:600}.price-meta{color:var(--muted);font-size:11px}.price-values{display:flex;flex-direction:column;gap:3px;font-size:11.5px;text-align:right;white-space:nowrap}.price-buy{color:var(--muted)}.price-sell{color:var(--accent);font-weight:600}.market-h2{margin-top:6px}.orders-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.orders-title{font-size:14px;font-weight:600}.orders-timer{color:var(--muted);font-size:11px}.order-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.order-card{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--panel-2)}.order-card.done{opacity:.6}.order-top{display:flex;align-items:center;gap:8px}.order-avatar{display:grid;flex:none;place-items:center;width:34px;height:34px;border-radius:10px;background:#223020;font-size:18px}.order-who{flex:1;font-size:14px;font-weight:600}.order-reward{color:var(--accent);font-size:12px;font-weight:600;white-space:nowrap}.order-lines{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px}.order-line{display:flex;align-items:center;gap:6px}.order-have{color:var(--accent);font-variant-numeric:tabular-nums}.order-line.short .order-have{color:var(--danger)}.order-btn{padding:9px 12px;border:1px solid #3c5534;border-radius:12px;background:#223020;color:var(--accent);font-size:12.5px;font-weight:600;cursor:pointer}.order-btn:disabled{opacity:.5;cursor:default}.capacity{height:8px;border-radius:999px;background:#1a2617;overflow:hidden}.capacity-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .3s ease}.capacity-fill.full{background:linear-gradient(90deg,#d9772f,#d2453f)}.capacity-note{padding:10px 12px;border:1px solid #4a3324;border-radius:14px;background:#2a1f16;color:#e8b98c;font-size:12px;line-height:1.45}.shop-card{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel-2)}.shop-head{display:flex;align-items:center;gap:12px}.shop-emoji{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:12px;background:#223020;font-size:22px}.shop-name{font-size:15.5px;font-weight:600}.shop-meta{color:var(--muted);font-size:11.5px}.menu-list{display:flex;flex-direction:column;gap:10px}.menu-row{display:flex;align-items:center;gap:12px;width:100%;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--panel-2);color:inherit;text-align:left;cursor:pointer;transition:border-color .12s ease,transform .12s ease}.menu-row:active{transform:scale(.99)}.menu-emoji{display:grid;flex:none;place-items:center;width:42px;height:42px;border-radius:12px;background:#223020;font-size:20px}.menu-main{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.menu-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.menu-meta{color:var(--muted);font-size:11.5px}.menu-badge{min-width:18px;padding:0 5px;border-radius:999px;background:#d2453f;color:#fff;font-size:10px;font-weight:700;line-height:18px;text-align:center}.menu-chevron{color:var(--muted);font-size:20px;line-height:1}.menu-foot{margin:0;color:var(--muted);font-size:11.5px;line-height:1.45}.back-link{align-self:flex-start;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.streak-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #4a3324;border-radius:18px;background:linear-gradient(180deg,#261d15,var(--panel-2))}.streak-head{display:flex;align-items:center;gap:12px}.streak-emoji{display:grid;flex:none;place-items:center;width:44px;height:44px;border-radius:12px;background:#33251a;font-size:22px}.streak-dots{display:flex;gap:6px}.streak-dot{display:grid;flex:1;place-items:center;height:26px;border-radius:9px;background:#1a2617;color:var(--muted);font-size:11px;font-weight:600}.streak-dot.done{background:linear-gradient(135deg,#e5862a,#d2453f);color:#1d1208}.quest-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.quest-row{display:flex;flex-direction:column;gap:9px;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--panel-2)}.quest-row.ready{border-color:#4d7a35}.quest-row.done{opacity:.7}.quest-head{display:flex;align-items:center;gap:11px}.quest-emoji{display:grid;flex:none;place-items:center;width:38px;height:38px;border-radius:11px;background:#223020;font-size:19px}.quest-main{display:flex;flex-direction:column;gap:2px;min-width:0}.quest-title{font-size:14.5px;font-weight:600}.quest-done{color:var(--accent);font-size:12.5px;font-weight:600}.quest-wait{color:var(--muted);font-size:12px}.profile{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel-2)}.avatar{display:grid;flex:none;place-items:center;width:52px;height:52px;border:1px solid #3c5534;border-radius:50%;background:linear-gradient(135deg,#2c4526,#1f301b);color:var(--accent);font-size:20px;font-weight:700}.profile-name{font-size:16px;font-weight:600}.profile-meta{margin-top:3px;color:var(--muted);font-size:11.5px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat{padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2)}.stat-label{color:var(--muted);font-size:11px}.stat-value{margin-top:3px;font-size:15px;font-weight:600}.setting{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:var(--panel-2);text-align:left}.setting:disabled{opacity:.6}.setting-text{display:flex;flex:1;flex-direction:column;gap:3px}.setting-name{font-size:14px;font-weight:600}.setting-hint{color:var(--muted);font-size:11.5px;line-height:1.35}.switch{position:relative;flex:none;width:44px;height:26px;border:1px solid var(--line);border-radius:999px;background:#24331f;transition:background .2s ease,border-color .2s ease}.switch.on{border-color:var(--accent-2);background:var(--accent-2)}.switch .knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#e8f0e3;transition:transform .2s ease}.switch.on .knob{transform:translate(18px)}.loader{width:34px;height:34px;border-radius:50%;border:3px solid #22301f;border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fatal{max-width:320px;color:var(--danger);font-size:14px;line-height:1.45;text-align:center}.retry{margin-top:16px;padding:10px 20px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);font-size:14px}.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));z-index:20;max-width:88vw;padding:10px 14px;border:1px solid #4a2b26;border-radius:12px;background:#2b1a17;color:#ffb4a8;font-size:13px;text-align:center;transform:translate(-50%)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;background:#0408039e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .18s ease}.sheet{width:100%;max-width:520px;max-height:78dvh;padding:10px 16px calc(18px + env(safe-area-inset-bottom));border:1px solid var(--line);border-bottom:none;border-radius:22px 22px 0 0;background:linear-gradient(180deg,#1a2717,#121c10);overflow-y:auto;animation:slide-up .22s ease}.sheet-handle{width:42px;height:4px;margin:0 auto 12px;border-radius:999px;background:#3a4a35}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-head h2{margin:0;font-size:18px}.ghost{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.seed-list{display:flex;flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none}.seed{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--panel-2);text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.seed:active:not(:disabled){border-color:#4d6b41;transform:scale(.985)}.seed:disabled{opacity:.42;cursor:default}.seed-emoji{display:grid;flex:none;place-items:center;width:42px;height:42px;border-radius:12px;font-size:22px}.seed-main{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.seed-name{font-size:15px;font-weight:600}.seed-meta{font-size:11.5px;color:var(--muted)}.seed-cost{color:var(--accent);font-size:12.5px;font-weight:600;white-space:nowrap}.seed-cost.short{color:var(--danger)}.harvest-hero{display:flex;align-items:center;gap:14px;margin-top:16px}.harvest-emoji{display:grid;flex:none;place-items:center;width:64px;height:64px;border-radius:18px;font-size:34px}.harvest-name{font-size:17px;font-weight:600}.sheet-tip{margin:14px 0 0;padding:10px 12px;border:1px solid #3c5534;border-radius:14px;background:#1b2a17;color:#c7eea9;font-size:12.5px;line-height:1.45}.action-col{display:flex;flex-direction:column;gap:8px;margin-top:18px}.action{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);font-size:14px;font-weight:600;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.action:active:not(:disabled){transform:scale(.985)}.action.primary{border-color:#4d7a35;background:linear-gradient(180deg,#3f6b2c,#335624);color:#eaf7df}.action:disabled{opacity:.5;cursor:default}.market-actions{display:flex;flex-direction:column;gap:6px;flex:none}.chip{padding:6px 10px;border:1px solid #3c5534;border-radius:999px;background:#223020;color:var(--accent);font-size:11.5px;font-weight:600;white-space:nowrap;cursor:pointer}.chip:disabled{opacity:.5;cursor:default}.toast.ok{border-color:#3f5d31;background:#1d2a18;color:#c7eea9}.hint{display:flex;flex:none;align-items:center;gap:10px;margin:0 2px 8px;padding:10px 12px;border:1px solid #3c5534;border-radius:14px;background:#1b2a17}.hint-emoji{flex:none;font-size:20px}.hint-text{flex:1;min-width:0;color:#c7eea9;font-size:12.5px;line-height:1.45}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sheet,.sheet-backdrop{animation:none}.xp-fill,.seed,.action,.tab{transition:none}.tab:active{transform:none}}