:root{--cream: #fff8e8;--cream-dark: #f1e2c0;--wood: #8a5a33;--wood-dark: #5e3b1f;--honey: #f7b538;--leaf: #4caf50;--leaf-dark: #2f7d32;--sky: #9fd6f0;--ink: #3b2a1a;--danger: #d9534f;--gem: #2ec4d6;--radius: 14px;--shadow: 0 3px 0 rgba(94, 59, 31, .35), 0 6px 16px rgba(0, 0, 0, .15);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--sky);font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;overscroll-behavior:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}#ui{position:fixed;inset:0;pointer-events:none;padding:calc(10px + var(--safe-top)) calc(10px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(10px + var(--safe-left))}#ui>*{pointer-events:auto}.hidden{display:none!important}.muted{opacity:.7}.btn{font:inherit;font-weight:800;min-height:44px;min-width:44px;padding:8px 16px;border-radius:12px;border:2px solid var(--wood);background:var(--cream-dark);color:var(--wood-dark);cursor:pointer;box-shadow:0 3px #5e3b1f59;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:none}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--leaf);color:#fff;border-color:var(--leaf-dark)}.btn.danger{background:var(--danger);color:#fff;border-color:#a33a36}.btn.ghost{background:transparent;box-shadow:none}.btn.small{min-height:40px;padding:6px 12px;font-size:14px}.btn.wide{width:100%;margin-top:12px}.btn.gem-btn{background:#dff9fc;border-color:#1792a3;color:#0f6470}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.row.end{justify-content:flex-end}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;pointer-events:none!important}.hud-top>*{pointer-events:auto}.hud-left{display:flex;align-items:center;gap:8px}.level-badge{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe08a,var(--honey));border:3px solid var(--wood);box-shadow:var(--shadow);display:grid;place-items:center;font-weight:900;font-size:22px;color:var(--wood-dark);flex:none}.hud-left-col{display:flex;flex-direction:column;gap:5px}.farm-name{font:inherit;font-weight:800;font-size:15px;color:var(--wood-dark);background:var(--cream);border:2px solid var(--wood);border-radius:999px;padding:6px 14px;min-height:34px;box-shadow:var(--shadow);cursor:pointer;max-width:44vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xp-bar{position:relative;height:16px;width:150px;border-radius:999px;background:var(--cream-dark);border:2px solid var(--wood);overflow:hidden}.xp-fill{height:100%;background:linear-gradient(90deg,#7fd36b,var(--leaf));transition:width .4s ease}.xp-text{position:absolute;inset:0;font-size:10px;font-weight:900;display:grid;place-items:center;color:var(--wood-dark)}.hud-right{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.pill{display:flex;align-items:center;gap:6px;min-width:100px;min-height:34px;padding:4px 12px 4px 6px;background:var(--cream);border:2px solid var(--wood);border-radius:999px;box-shadow:var(--shadow);font-weight:900;font-size:15px;justify-content:space-between}.pill-icon{width:22px;height:22px;border-radius:50%;flex:none}.pill.coin .pill-icon{background:radial-gradient(circle at 35% 30%,#fff1a8,#f2b01e 60%,#c98a0b);border:2px solid #b07a08}.pill.gem .pill-icon{border-radius:4px;transform:rotate(45deg) scale(.8);background:linear-gradient(135deg,#b3f3ff,var(--gem));border:2px solid #1792a3}.banner{position:absolute;top:calc(84px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;background:var(--cream);border:3px solid var(--honey);border-radius:999px;padding:6px 8px 6px 16px;box-shadow:var(--shadow);font-weight:800;font-size:14px;max-width:calc(100% - 24px)}.hint{position:absolute;left:50%;top:calc(84px + var(--safe-top));transform:translate(-50%);background:#3b2a1ac7;color:#fff;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:700;white-space:nowrap;pointer-events:none!important;transition:opacity .4s;animation:nudge 2.4s ease-in-out infinite}.hint.faded{opacity:0;animation:none}@keyframes nudge{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(3px)}}.toolbar{position:absolute;right:calc(10px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));display:flex;flex-direction:column;gap:8px}.tool{position:relative;width:64px;height:64px;border-radius:18px;border:3px solid var(--wood);background:var(--cream);box-shadow:var(--shadow);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font:inherit;padding:0}.tool:active{transform:translateY(2px)}.tool:last-child{background:radial-gradient(circle at 35% 30%,#ffe08a,var(--honey));width:72px;height:72px}.tool-icon{font-size:26px;line-height:1}.tool-label{font-size:10px;font-weight:900;color:var(--wood-dark);margin-top:2px}.badge{position:absolute;top:-6px;left:-6px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}.sheet{position:absolute;left:calc(10px + var(--safe-left));right:calc(96px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));max-width:560px;max-height:48vh;overflow:auto;background:var(--cream);border:3px solid var(--wood);border-radius:18px;box-shadow:var(--shadow);padding:10px 12px 12px;animation:rise .18s ease-out}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.sheet-title{font-size:16px;color:var(--wood-dark)}.sheet-close,.modal-close{border:none;background:var(--cream-dark);border-radius:50%;width:36px;height:36px;font-size:16px;font-weight:900;cursor:pointer;color:var(--wood-dark);flex:none}.sheet-body{margin-top:6px}@keyframes rise{0%{transform:translateY(20px);opacity:0}}.item-icon{font-size:20px;line-height:1}.item-icon.big{font-size:30px}.seed-list{display:flex;gap:8px;overflow-x:auto;padding:6px 2px 4px}.seed{flex:none;width:104px;min-height:96px;border:2px solid var(--wood);border-radius:14px;background:#fff;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;box-shadow:0 3px #5e3b1f40}.seed.locked{filter:grayscale(1);opacity:.55}.seed-name{font-weight:800}.seed small{font-size:11px}.crop-status{display:flex;gap:12px;align-items:center}.crop-status .grow{flex:1;display:flex;flex-direction:column;gap:4px}.progress{height:10px;border-radius:999px;background:var(--cream-dark);border:1px solid rgba(94,59,31,.4);overflow:hidden;min-width:60px}.progress-fill{height:100%;background:linear-gradient(90deg,#ffd166,var(--honey));transition:width .9s linear}.countdown{font-size:12px;font-weight:800}.queue{display:flex;gap:6px}.qslot{width:64px;height:64px;border-radius:12px;border:2px dashed rgba(94,59,31,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#fff;font-size:11px}.qslot.empty{background:transparent}.qslot.running{border-style:solid;border-color:var(--honey)}.qslot.done{border-style:solid;border-color:var(--leaf);background:#eaf8e4}.qtime{display:flex;flex-direction:column;align-items:center;gap:2px;width:54px}.qtime .progress{width:100%;min-width:0}.recipe-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:10px}.recipe{display:flex;gap:8px;align-items:center;text-align:left;border:2px solid rgba(94,59,31,.35);border-radius:12px;background:#fff;padding:8px;font:inherit;cursor:pointer;min-height:64px}.recipe.can{border-color:var(--leaf);background:#f3fbef}.recipe.locked{filter:grayscale(1);opacity:.55}.recipe-info{display:flex;flex-direction:column;gap:2px;font-size:13px}.recipe-inputs{display:flex;gap:6px;flex-wrap:wrap;font-size:12px;font-weight:800}.have{color:var(--leaf-dark)}.need{color:var(--danger)}.animal-slots{display:flex;gap:8px}.aslot{width:84px;min-height:78px;border-radius:12px;border:2px solid rgba(94,59,31,.35);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px;font-weight:700}.aslot.hungry{background:#fff2e8}.aslot.ready{border-color:var(--leaf);background:#eaf8e4}.overlay{position:fixed;inset:0;background:#28190a73;display:grid;place-items:center;padding:calc(12px + var(--safe-top)) 12px calc(12px + var(--safe-bottom));z-index:10}.modal,.dialog{width:min(560px,100%);max-height:100%;display:flex;flex-direction:column;background:var(--cream);border:3px solid var(--wood);border-radius:20px;box-shadow:var(--shadow);padding:14px 16px 16px;animation:pop .18s ease-out}.dialog{width:min(360px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.modal h2,.dialog h2{margin:0;font-size:19px;color:var(--wood-dark)}.dialog h2{margin-bottom:12px}.modal h3{margin:14px 0 6px;font-size:15px;color:var(--wood-dark)}.modal-body{overflow:auto;-webkit-overflow-scrolling:touch}.modal p{margin:4px 0 10px;font-size:14px}.dialog input[type=text]{width:100%;font:inherit;font-size:16px;padding:10px 12px;min-height:44px;border:2px solid var(--wood);border-radius:10px;background:#fff;user-select:text}.dialog-error{color:var(--danger);min-height:1.2em;margin:6px 0 10px;font-size:14px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}@keyframes pop{0%{transform:scale(.92);opacity:0}}.tabs{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto}.tab{font:inherit;font-weight:800;border:2px solid var(--wood);border-radius:999px;background:#fff;padding:8px 14px;min-height:40px;cursor:pointer;white-space:nowrap;color:var(--wood-dark)}.tab.active{background:var(--honey)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.card{font:inherit;border:2px solid var(--wood);border-radius:16px;background:#fff;padding:12px 8px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 3px #5e3b1f40}.card:disabled{cursor:default}.card.locked{filter:grayscale(1);opacity:.55}.card-icon{font-size:40px}.card-name{font-weight:900}.card-sub{font-size:12px;opacity:.7}.card-price{font-weight:900;font-size:14px}.card-price.bad{color:var(--danger)}.cap-row{display:flex;gap:10px;align-items:center;margin-bottom:10px}.cap-bar{flex:1;height:14px;border-radius:999px;background:var(--cream-dark);border:2px solid var(--wood);overflow:hidden}.cap-fill{height:100%;background:var(--leaf)}.cap-fill.full{background:var(--danger)}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.item-cell{position:relative;font:inherit;display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff;border:2px solid rgba(94,59,31,.3);border-radius:12px;padding:8px 4px;min-height:78px;cursor:default}button.item-cell{cursor:pointer}.item-cell.active{border-color:var(--leaf);background:#eaf8e4}.item-cell .item-icon{font-size:28px}.item-count{position:absolute;top:4px;right:6px;font-weight:900;font-size:13px}.item-cell small{font-size:11px;text-align:center}.upgrade-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.order-card{background:#fff;border:2px solid rgba(94,59,31,.35);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;min-height:150px}.order-card.ready{border-color:var(--leaf);background:#f3fbef}.order-card.empty{align-items:center;justify-content:center;opacity:.75;background:var(--cream-dark)}.truck{font-size:34px}.order-reqs{display:flex;flex-wrap:wrap;gap:6px}.req{display:flex;flex-direction:column;align-items:center;font-size:12px;font-weight:900;background:var(--cream);border-radius:10px;padding:4px 6px;min-width:44px}.req .item-icon{font-size:24px}.order-reward{font-weight:900;font-size:14px}.order-actions{display:flex;justify-content:space-between;margin-top:auto}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.shop-slot{font:inherit;background:#fff;border:2px solid rgba(94,59,31,.35);border-radius:14px;padding:10px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;font-size:13px}.shop-slot.empty{border-style:dashed;cursor:pointer;background:var(--cream)}.shop-slot.sold{border-color:var(--honey);background:#fff6dc}.shop-slot .plus{font-size:34px;font-weight:900;color:var(--wood)}.shop-slot .price{font-weight:900}.shop-wait{display:flex;align-items:center;gap:4px}.draft .stepper{display:flex;gap:12px;align-items:center;font-size:18px}.price-row{display:flex;gap:10px;align-items:center;margin-top:12px}.price-row input{flex:1;accent-color:var(--honey);height:32px}.price-hints{display:flex;justify-content:space-between;font-size:12px}.fair.cheap{color:var(--leaf-dark)}.fair.ok{color:#b07a08}.fair.pricey{color:var(--danger)}.levelup{text-align:center}.levelup-badge{width:96px;height:96px;margin:4px auto 8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe08a,var(--honey));border:4px solid var(--wood);font-size:44px;font-weight:900;display:grid;place-items:center;color:var(--wood-dark);animation:spin-in .5s ease-out}@keyframes spin-in{0%{transform:scale(.3) rotate(-30deg)}}.unlock-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.unlock{display:flex;flex-direction:column;align-items:center;width:84px;background:#fff;border-radius:12px;padding:8px 4px;border:2px solid var(--honey)}.settings .danger-zone{background:#fdecea;border-radius:12px;padding:8px}.toasts{position:fixed;top:calc(130px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none!important;z-index:20}.toast{background:var(--cream);border:2px solid var(--wood);border-radius:999px;padding:8px 16px;font-weight:800;font-size:14px;box-shadow:var(--shadow);animation:pop .18s ease-out;transition:opacity .4s}.toast.error{border-color:var(--danger);color:#8f2724}.toast.success{border-color:var(--leaf)}.toast.out{opacity:0}.floaters{position:fixed;inset:0;pointer-events:none!important;z-index:15}.floater{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:18px;color:#fff;text-shadow:0 2px 0 var(--wood-dark),0 0 4px rgba(0,0,0,.4);animation:float-up 1.2s ease-out forwards;white-space:nowrap}.floater.xp{color:#ffe08a}.floater.coin{color:#fff1a8}@keyframes float-up{0%{opacity:0;transform:translate(-50%,-30%) scale(.7)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.1)}to{opacity:0;transform:translate(-50%,-260%) scale(1)}}.fps{position:absolute;left:calc(8px + var(--safe-left));top:calc(70px + var(--safe-top));font:11px/1 ui-monospace,monospace;background:#0000008c;color:#9f9;padding:4px 6px;border-radius:4px;pointer-events:none!important}.fatal{position:fixed;inset:0;display:grid;place-items:center;font-weight:800;padding:24px;text-align:center}@media(max-width:480px){.xp-bar{width:104px}.hint,.banner{font-size:12px;white-space:normal;text-align:center;width:calc(100% - 20px)}.tool{width:56px;height:56px}.tool:last-child{width:62px;height:62px}.tool-icon{font-size:22px}.sheet{right:calc(78px + var(--safe-right))}}