:root{font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;color:#24331d;background:#d8f3c0;font-synthesis:none;--blue: #168bd1;--blue-deep: #0966a3;--yellow: #ffd44d;--wood: #94541e;--wood-dark: #663611;--panel: #fff9dc;--ink: #24331d}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-width:320px;overflow:hidden}button{font:inherit}button:focus-visible{outline:3px solid #fff7a8;outline-offset:3px}.page-shell{min-height:100dvh;display:grid;place-items:center;background:linear-gradient(90deg,rgb(87 134 51 / .08) 1px,transparent 1px),linear-gradient(rgb(87 134 51 / .08) 1px,transparent 1px),#d8f3c0;background-size:32px 32px}.game{position:relative;isolation:isolate;width:min(100vw,45.03dvh);height:min(100dvh,222.08vw);min-height:600px;overflow:hidden;background:#a9e96f;box-shadow:0 0 0 1px #3e652438,0 28px 80px #25491447}.mascot-art{display:block;background-image:url(/farm-mascots-sprite.png);background-repeat:no-repeat;background-size:200% 200%}.mascot-cow{background-position:0 0}.mascot-sheep.sheep-frame-0{background-position:100% 0}.mascot-sheep.sheep-frame-1{background-position:0 100%}.mascot-sheep.sheep-frame-2{background-position:100% 100%}.home-game:after{content:"";position:absolute;z-index:-1;inset:42% 0 0;background:linear-gradient(to bottom,transparent,rgb(57 119 31 / .18));pointer-events:none}.home-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:max(52px,calc(env(safe-area-inset-top) + 34px)) 22px max(38px,env(safe-area-inset-bottom));text-align:center}.home-cow{width:112px;height:112px;margin-bottom:-13px;filter:drop-shadow(0 8px 0 rgb(58 90 30 / .18));animation:cow-wobble 1.6s ease-in-out infinite;transform-origin:50% 72%}.home-title{display:grid;gap:0;color:#fff9ae;text-shadow:0 4px 0 #42612d,0 7px 0 rgb(49 76 32 / .3);line-height:.92}.home-title span{font-size:30px;font-weight:900}.home-title strong{font-size:54px;letter-spacing:0}.home-content>p{margin:20px 0 0;padding:6px 12px;border-radius:7px;color:#f8ffe9;background:#2a4421b8;font-size:13px}.best-record{width:72%;margin-top:auto;padding:13px 16px 12px;border:3px solid #61360f;border-radius:9px;color:#fff5b5;background:#8e511c;box-shadow:inset 0 3px #ffce5f33,0 6px #48280d3b}.best-record span{display:block;font-size:12px}.best-record strong{display:block;margin-top:2px;color:#fff;font-size:30px;line-height:1}.home-start{width:72%;min-height:58px;margin-top:20px;border:4px solid #fff4a8;border-radius:10px;color:#fff;background:var(--blue);box-shadow:0 7px 0 var(--blue-deep),0 13px 22px #1a567038,inset 0 3px #fff3;font-size:20px;font-weight:900;cursor:pointer}.home-start:active{transform:translateY(5px);box-shadow:0 2px 0 var(--blue-deep)}.background{position:absolute;inset:0;z-index:-2;background:url(/ranch-meadow-bg.png) center / cover no-repeat}.background:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#aeef7708,#aeef772b 70%,#4c7a291a)}.topbar{position:absolute;z-index:900;top:max(14px,env(safe-area-inset-top));left:12px;right:12px;height:52px;display:grid;grid-template-columns:44px 1fr auto;align-items:start;gap:10px}.round-button{width:42px;height:42px;display:grid;place-items:center;border:3px solid #fff5bb;border-radius:10px;color:#fff;background:var(--blue);box-shadow:0 4px 0 var(--blue-deep),0 7px 14px #20546f40;cursor:pointer}.round-button svg{width:24px;height:24px}.round-button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--blue-deep)}.level-sign{justify-self:center;min-width:138px;text-align:center;filter:drop-shadow(0 4px 0 rgb(28 48 21 / .2))}.level-sign strong{display:block;padding:5px 17px 4px;border:2px solid #ecffc9;border-radius:5px;color:#fff8ad;background:#263b20;font-size:16px;line-height:1;white-space:nowrap}.level-sign span{display:inline-block;padding:1px 12px 3px;border-radius:0 0 8px 8px;color:#f4ffe5;background:#49693b;font-size:10px}.score-badge{margin-top:3px;padding:7px 8px;border:2px solid rgb(255 255 255 / .7);border-radius:8px;color:#36562b;background:#f5ffe0d4;font-size:11px;white-space:nowrap}.score-badge b{color:#db5d2a;font:700 15px system-ui,sans-serif}.progress-row{position:absolute;z-index:800;top:max(72px,calc(env(safe-area-inset-top) + 58px));left:14%;right:14%;height:17px;border:3px solid #38542d;border-radius:9px;background:#243a1cad;box-shadow:0 3px #2c45202e,inset 0 2px 3px #182b1152}.progress-row>span{display:block;height:100%;overflow:hidden;border-radius:5px;background:linear-gradient(#ffe276,#ffc832);box-shadow:inset 0 2px #ffffff59;transition:width .35s cubic-bezier(.16,1,.3,1)}.progress-row>b{position:absolute;z-index:3;top:50%;right:7px;transform:translateY(-50%);color:#fff;font-size:9px;line-height:1;text-shadow:0 1px 1px rgb(29 49 21 / .65)}.progress-cow{position:absolute;z-index:4;top:50%;width:42px;height:42px;transform:translate(-50%,-50%);transition:left .42s cubic-bezier(.16,1,.3,1);pointer-events:none}.progress-cow .mascot-cow{width:100%;height:100%;filter:drop-shadow(0 3px 1px rgb(44 64 28 / .32));animation:cow-wobble 1s ease-in-out infinite;transform-origin:50% 70%}.board{position:absolute;z-index:10;top:7.4%;left:0;right:0;height:67.5%}.tile{position:absolute;width:11.6%;aspect-ratio:1;padding:0;transform:translate(-50%,-50%);overflow:hidden;border:2px solid #65733d;border-radius:7px;background:#fbf6d8;box-shadow:0 4px #727a45,0 5px 8px #344b1d59,inset 0 0 0 2px #ffffffa6;cursor:pointer;touch-action:manipulation;transition:filter .18s ease,transform .18s ease,opacity .18s ease}.tile:before{content:"";position:absolute;inset:4px;border:1px dashed rgb(112 126 72 / .22);border-radius:4px;pointer-events:none}.tile-free:hover{transform:translate(-50%,-54%) scale(1.04)}.tile-free:active{transform:translate(-50%,-46%) scale(.95)}.tile-blocked{cursor:not-allowed;filter:saturate(.78) brightness(.88)}.tile-shade{position:absolute;inset:0;background:#25371938;pointer-events:none}.icon-art{display:block;width:112%;height:112%;margin:-6%;background-image:url(/farm-icons-sprite.png);background-repeat:no-repeat;background-size:400% 300%;filter:drop-shadow(0 2px 1px rgb(48 57 25 / .18))}.tile-side-left,.tile-side-right{border-color:#596634;box-shadow:0 3px #5d6637,0 5px 7px #2d411b61,inset 0 0 0 2px #ffffff94}.icon-corn{background-position:0 0}.icon-carrot{background-position:33.333% 0}.icon-cabbage{background-position:66.667% 0}.icon-berry{background-position:100% 0}.icon-milk{background-position:0 50%}.icon-jam{background-position:33.333% 50%}.icon-boot{background-position:66.667% 50%}.icon-shovel{background-position:100% 50%}.icon-wheat{background-position:0 100%}.icon-stump{background-position:33.333% 100%}.icon-apple{background-position:66.667% 100%}.icon-can{background-position:100% 100%}.toast{position:absolute;z-index:850;left:50%;bottom:25.5%;max-width:82%;transform:translate(-50%);padding:5px 11px;border-radius:7px;color:#f8ffe7;background:#263b20d1;box-shadow:0 3px 10px #2e4a1e26;font-size:11px;line-height:1.25;text-align:center;pointer-events:none}.tray-wrap{position:absolute;z-index:820;left:3%;right:3%;bottom:13.7%;height:10.8%}.tray-wrap:before,.tray-wrap:after{content:"";position:absolute;z-index:2;top:-5px;bottom:-7px;width:12px;border:2px solid #57300e;border-radius:5px;background:#a96827;box-shadow:inset 2px 0 #ffd2644d}.tray-wrap:before{left:0}.tray-wrap:after{right:0}.tray{position:absolute;inset:0 4px;display:grid;grid-template-columns:repeat(7,1fr);align-items:center;gap:3px;padding:7px 12px;border:4px solid var(--wood-dark);border-radius:6px;background:linear-gradient(rgb(255 255 255 / .06),transparent 55%),repeating-linear-gradient(90deg,transparent 0 44px,rgb(94 48 13 / .12) 45px 47px),var(--wood);box-shadow:inset 0 4px #ffc95a2e,0 5px #442a1140}.tray-slot{aspect-ratio:1;min-width:0;border:2px solid rgb(77 42 17 / .34);border-radius:5px;background:#4c260d29;box-shadow:inset 0 2px 3px #3a1c0926}.tray-slot.filled{padding:5%;border-color:#65733d;background:#fbf6d8;box-shadow:0 3px #6d7541,inset 0 0 0 1px #fff;animation:tray-in .24s cubic-bezier(.17,.84,.44,1.35)}.holding{position:absolute;left:14px;bottom:calc(100% + 8px);display:flex;gap:4px}.mini-tile{width:42px;aspect-ratio:1;padding:3px;border:2px solid #8b773a;border-radius:6px;background:#fff5cf;box-shadow:0 3px #77612e;cursor:pointer}.tools{position:absolute;z-index:840;left:9%;right:9%;bottom:max(1.8%,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9%}.tool-button{position:relative;min-width:0;height:67px;display:grid;place-items:center;align-content:center;gap:2px;border:3px solid #fff4a8;border-radius:9px;color:#fff;background:var(--blue);box-shadow:0 5px 0 var(--blue-deep),0 8px 14px #21587138,inset 0 2px #ffffff3b;font-size:12px;font-weight:900;text-shadow:0 2px 0 rgb(0 70 112 / .45);cursor:pointer}.tool-button:not(:disabled):active{transform:translateY(4px);box-shadow:0 1px 0 var(--blue-deep)}.tool-button:disabled{filter:grayscale(.72) brightness(.78);cursor:not-allowed}.tool-icon svg{width:26px;height:26px;color:var(--yellow);filter:drop-shadow(0 2px 0 #7e5f07)}.tool-count{position:absolute;top:-9px;right:-8px;width:24px;height:24px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;color:#fff;background:#2b3824;font:700 12px system-ui,sans-serif;text-shadow:none}.holding-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:8px 12px;border:2px solid #fff7b5;border-radius:8px;color:#fff;background:var(--blue);box-shadow:0 4px 0 var(--blue-deep);font-size:12px}.level-clear,.result-overlay,.settings-overlay{position:absolute;z-index:1200;inset:0;display:grid;place-items:center;padding:24px;background:#193014ad;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.level-clear{align-content:center;gap:8px;color:#fff;text-align:center;animation:overlay-in .35s ease both}.level-clear span{color:var(--yellow);font-size:20px;font-weight:900}.level-clear b{font-size:28px}.result-panel,.settings-panel{position:relative;width:min(100%,360px);padding:28px 22px 22px;border:4px solid #6c3d17;border-radius:14px;color:var(--ink);background:var(--panel);box-shadow:inset 0 0 0 3px #edc96f,0 12px #331f0d4d,0 26px 60px #182b1159;text-align:center;animation:panel-pop .38s cubic-bezier(.17,.84,.44,1.28) both}.result-crest{width:66px;height:66px;margin:-64px auto 8px;display:grid;place-items:center;border:5px solid #fff3aa;border-radius:50%;color:#fff;background:#dc6a2c;box-shadow:0 5px #944018;font:900 38px system-ui,sans-serif}.result-panel h1,.settings-panel h2{margin:4px 0 7px;font-size:28px;letter-spacing:0}.result-panel p{margin:0 auto 18px;max-width:25ch;color:#58704b;font-size:14px;line-height:1.55}.win-panel{padding-top:26px}.sheep-runway{position:relative;height:72px;margin:-2px -16px 14px;overflow:hidden;border-bottom:4px solid #84a451;background:linear-gradient(to bottom,transparent 60%,#d8e99e 61%)}.sheep-runner{position:absolute;bottom:2px;left:-62px;width:58px;height:58px;filter:drop-shadow(0 3px 1px rgb(57 78 34 / .22));animation:sheep-dash 2.8s linear infinite}.sheep-runner-1{bottom:0;width:52px;height:52px;animation-delay:-.7s}.sheep-runner-2{bottom:5px;width:61px;height:61px;animation-delay:-1.4s}.sheep-runner-3{bottom:1px;width:55px;height:55px;animation-delay:-2.1s}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.result-stats span{padding:8px;border-radius:7px;background:#e6efbd;font-size:12px;font-weight:700}.primary-button,.secondary-button{width:100%;min-height:46px;border:3px solid #fff5a9;border-radius:9px;color:#fff;background:var(--blue);box-shadow:0 5px 0 var(--blue-deep);font-weight:900;cursor:pointer}.secondary-button{margin-top:16px}.primary-button:active,.secondary-button:active{transform:translateY(3px);box-shadow:0 2px 0 var(--blue-deep)}.text-button{margin-top:14px;border:0;color:#48653e;background:transparent;text-decoration:underline;cursor:pointer}.close-button{position:absolute;top:9px;right:9px;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:7px;color:#fff;background:#6d4c26;cursor:pointer}.setting-row{width:100%;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;margin-top:10px;padding:12px;border:0;border-radius:8px;color:#304829;background:#e7efc4;text-align:left;cursor:pointer}.setting-row svg{width:24px;height:24px;color:#5f863d}.setting-row b{color:#0d6a9e}@keyframes tray-in{0%{opacity:0;transform:translateY(-28px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panel-pop{0%{opacity:0;transform:translateY(22px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes cow-wobble{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}@keyframes sheep-dash{0%{transform:translate(0) translateY(0) rotate(-2deg)}25%{transform:translate(105px) translateY(-3px) rotate(2deg)}50%{transform:translate(210px) translateY(0) rotate(-2deg)}75%{transform:translate(315px) translateY(-3px) rotate(2deg)}to{transform:translate(430px) translateY(0) rotate(-2deg)}}@media(max-height:700px){.game{min-height:100dvh}.tool-button{height:58px}.tool-icon svg{width:21px;height:21px}.toast{bottom:25%}}@media(prefers-color-scheme:dark){:root{background:#152117}.page-shell{background-color:#152117;background-image:linear-gradient(90deg,rgb(184 223 145 / .05) 1px,transparent 1px),linear-gradient(rgb(184 223 145 / .05) 1px,transparent 1px)}.game{box-shadow:0 0 0 1px #bee19c29,0 28px 80px #0000008c}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}