:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;--pig-filter:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#2f6f50}button{font:inherit;touch-action:manipulation}.game-shell{height:100svh;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#a6df55,#2c7454 75%)}.scene{position:relative;width:min(100vw,480px);height:100svh;max-height:calc(480px * 16 / 9);overflow:hidden;isolation:isolate;background:#8bd43a url("./assets/farm-background-v2.png") center/cover no-repeat;box-shadow:0 0 50px #1238;user-select:none}.topbar{position:absolute;z-index:20;top:calc(5.6% + env(safe-area-inset-top));left:5.2%;display:flex;gap:10px}.square{width:clamp(43px,11vw,57px);aspect-ratio:1;padding:8px;border-radius:15px;border:3px solid #075b9d;color:#fff;background:linear-gradient(#53c8ff,#138ed9);box-shadow:0 5px 0 #07558b,inset 0 2px 0 #c8f1ff}.square:active,.tools button:active{translate:0 3px}.square svg{width:100%;height:100%;fill:#fffbea;stroke:#264c63;stroke-width:3;stroke-linejoin:round}h1{position:absolute;z-index:10;top:calc(7.5% + env(safe-area-inset-top));left:50%;translate:-50% 0;margin:0;color:#fff;font-size:clamp(26px,7vw,38px);font-weight:1000;white-space:nowrap;text-shadow:-2px -2px #111,2px -2px #111,-2px 2px #111,2px 2px #111,0 4px #111}.board{position:absolute;z-index:5;left:9.6%;top:26.4%;width:80.8%;height:47.7%;border-radius:9%;overflow:visible;background-image:linear-gradient(#d2ffbb24 1px,transparent 1px),linear-gradient(90deg,#d2ffbb24 1px,transparent 1px);background-size:10% calc(100%/14)}.pig{--rotation:0deg;--escape-x:0px;--escape-y:0px;position:absolute;z-index:2;width:13.8%;aspect-ratio:1.32;padding:0;border:0;background:transparent;transform:translate(-50%,-50%) rotate(var(--rotation));transform-origin:50%;transition:transform 560ms linear,filter 180ms;will-change:transform;filter:var(--pig-filter) drop-shadow(0 5px 3px #143e273f);cursor:pointer}.pig::before{content:"";display:block;width:100%;height:100%;background:url("./assets/pig.png") center/contain no-repeat}.pig.blocked{animation:blocked .34s ease}.pig.escaping{z-index:12;pointer-events:none;transform:translate(calc(-50% + var(--escape-x)),calc(-50% + var(--escape-y))) rotate(var(--rotation));filter:var(--pig-filter) drop-shadow(0 7px 4px #143e2738)}.pig.removing{opacity:0;scale:1.4;transition:.28s}.pig.target::after{content:"";position:absolute;inset:8%;border:3px dashed #fff8a7;border-radius:45%;animation:pulse .7s infinite alternate}@keyframes blocked{25%{translate:-6px}55%{translate:6px}75%{translate:-3px}}@keyframes pulse{to{scale:1.13;opacity:.5}}.streak{position:absolute;z-index:16;top:11.3%;left:50%;translate:-50%;padding:5px 14px;border-radius:7px;background:linear-gradient(#f5f9ff,#bcdcff);border:2px solid #3b789c;color:#2d5670;font-weight:1000;opacity:0;transform:scale(.8);transition:.2s}.streak.show{opacity:1;transform:scale(1)}.praise{position:absolute;z-index:15;top:14%;left:50%;translate:-50%;color:#fff4a3;font-weight:1000;font-size:clamp(25px,7vw,39px);font-style:italic;text-shadow:-2px -2px #356c54,2px -2px #356c54,-2px 2px #356c54,2px 2px #356c54,0 5px 3px #173e3760;opacity:0}.praise.pop{animation:praise .9s ease}@keyframes praise{0%{opacity:0;scale:.5}25%,72%{opacity:1;scale:1.08}100%{opacity:0;translate:-50% -18px}}.tools{position:absolute;z-index:20;left:4.2%;right:4.2%;bottom:calc(4.1% + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(5px,2vw,11px);align-items:end}.tools button{position:relative;min-width:0;padding:4px 2px 3px;border-radius:16px;border:3px solid #075b9d;color:#fff;background:linear-gradient(#53c8ff,#138ed9);box-shadow:0 6px 0 #07558b,inset 0 2px #c8f1ff}.tools button.active{outline:4px solid #fff18a;translate:0 -4px}.tools button.empty{filter:grayscale(.8) brightness(.72)}.tools i{display:block;width:70%;height:auto;aspect-ratio:1;margin:-2px auto -8px}.tools svg{width:100%;height:100%;fill:#ffe067;stroke:#633d35;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.tools b{display:block;font-size:clamp(17px,5vw,27px);font-weight:1000;line-height:1;text-shadow:-2px -2px #17364d,2px -2px #17364d,-2px 2px #17364d,2px 2px #17364d,0 4px #17364d}.tools em{position:absolute;right:-5px;top:-9px;min-width:23px;height:23px;border-radius:50%;border:2px solid #6a4417;display:grid;place-items:center;background:#ffcf37;color:#593715;font-size:12px;font-style:normal;font-weight:1000}.toast{position:absolute;z-index:40;left:50%;bottom:18%;translate:-50% 20px;max-width:80%;padding:9px 15px;border-radius:20px;background:#173c38df;color:#fff;font-weight:800;font-size:13px;opacity:0;transition:.25s;text-align:center}.toast.show{opacity:1;translate:-50% 0}.spark{position:absolute;z-index:14;width:9px;height:9px;border-radius:50%;background:#fffde8;box-shadow:0 0 8px #fff;animation:spark .52s ease-out forwards}@keyframes spark{to{translate:var(--sx) var(--sy);scale:0;opacity:0}}.panel{width:min(86vw,380px);border:0;padding:24px;border-radius:24px;color:#17364d;background:#fff8da;box-shadow:0 18px 60px #0b2c2678,inset 0 0 0 4px #f5d66c;text-align:center}.panel::backdrop{background:#103c3470;backdrop-filter:blur(4px)}.panel h2{margin:0 0 16px;font-size:28px}.panel>button,.skinrow button{width:100%;padding:13px;margin-top:9px;border:2px solid #d4bc69;border-radius:14px;background:#fff;color:#17364d;font-weight:900}.panel .primary{color:#fff;background:linear-gradient(#55c9ff,#138fd7);border:0;box-shadow:0 5px #075b9d}.panel p{line-height:1.55}.skinrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.skinrow button{min-height:72px;padding:5px}.result>span{display:block;color:#ffd63e;font-size:72px;line-height:1;text-shadow:0 5px #d98d21}body[data-skin=gold]{--pig-filter:sepia(.35) saturate(1.25) hue-rotate(345deg) brightness(1.05)}body[data-skin=berry]{--pig-filter:saturate(1.35) hue-rotate(320deg) brightness(.95)}@media(min-aspect-ratio:9/16){.board{left:17%;width:66.3%}}@media(prefers-reduced-motion:reduce){*,::before,::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}