:root{
  --ink:#1b1516;--cream:#f4ddb7;--sky:#9dd8f3;--grass:#69b954;--grass2:#4f9c43;--mud:#a86637;--red:#e94f3e;--yellow:#ffd735;--pink:#ef6aa5;--purple:#7b58d1;--blue:#4e9bd7;--teal:#53c6b4;--white:#fff7e9;
  --outline:4px solid #1b1516;--deep:0 8px 0 rgba(27,21,22,.28),0 13px 22px rgba(27,21,22,.14)
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Arial Rounded MT Bold,Arial Black,Arial,sans-serif;background:#86cf7b;color:var(--ink)}button,a{font:inherit}.site-shell{width:100%;height:100%;position:relative;overflow:hidden}.site-shell:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:120;opacity:.09;background-image:radial-gradient(circle,#251721 0 1px,transparent 1.3px),radial-gradient(circle,#fff 0 1px,transparent 1.5px);background-size:13px 17px,23px 19px;mix-blend-mode:overlay}.hud{position:fixed;z-index:80;top:18px;left:18px;right:18px;height:72px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.hud>*{pointer-events:auto}.clay-logo,.mini-clay{border:var(--outline);color:var(--ink);box-shadow:var(--deep);cursor:pointer}.clay-logo{background:var(--yellow);height:64px;padding:0 20px;border-radius:26px 23px 29px 20px;display:flex;align-items:center;gap:11px;font-weight:1000;letter-spacing:-1px;transform:rotate(-1deg)}.logo-eye{width:31px;height:31px;background:#fff;border:4px solid var(--ink);border-radius:52% 48% 54% 46%;position:relative}.logo-eye:after{content:"";width:11px;height:11px;border-radius:50%;background:var(--ink);position:absolute;left:9px;top:7px}.hud-center{background:rgba(255,247,233,.86);backdrop-filter:blur(8px);border:3px solid var(--ink);padding:10px 16px;border-radius:22px;display:flex;align-items:center;gap:9px;box-shadow:0 6px 0 rgba(27,21,22,.18)}.hud-center small{font-size:8px;letter-spacing:1px}.status-dot{width:10px;height:10px;border-radius:50%;background:#4fd64e;box-shadow:0 0 0 4px rgba(79,214,78,.17)}.hud-actions{display:flex;gap:8px}.mini-clay{background:#fff3d8;border-radius:17px;padding:13px 15px;font-size:11px}.mini-clay.yellow{background:var(--yellow)}.farm-frame{width:100%;height:100%;overflow:hidden;cursor:grab}.farm-frame.dragging{cursor:grabbing}.farm-world{position:relative;width:100%;height:100%;min-width:1180px;min-height:700px;overflow:hidden}.sky{position:absolute;inset:0 0 44%;background:linear-gradient(#93d4f1,#d8f1f1);z-index:0}.sun{position:absolute;z-index:1;width:150px;height:150px;right:9%;top:12%;background:var(--yellow);border:var(--outline);border-radius:46% 54% 48% 52%;box-shadow:inset -18px -17px rgba(230,145,28,.22),0 0 0 14px rgba(255,215,53,.16)}.cloud{position:absolute;z-index:1;width:160px;height:58px;background:#fff9ec;border:3px solid var(--ink);border-radius:48% 52% 42% 58%;box-shadow:inset -10px -9px rgba(150,193,219,.2)}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff9ec;border:3px solid var(--ink);border-bottom:0;border-radius:50% 50% 20% 20%}.cloud:before{width:70px;height:55px;left:24px;top:-32px}.cloud:after{width:58px;height:44px;right:22px;top:-23px}.c1{left:10%;top:11%;transform:rotate(-4deg)}.c2{left:47%;top:7%;transform:scale(.8) rotate(4deg)}.c3{right:22%;top:27%;transform:scale(.65) rotate(-3deg)}.hill{position:absolute;z-index:2;bottom:34%;height:230px;border:4px solid var(--ink);border-bottom:0;border-radius:52% 48% 0 0}.h1{left:-8%;width:48%;background:#7ecb68;transform:rotate(1deg)}.h2{left:29%;width:51%;background:#64b555;bottom:31%}.h3{right:-11%;width:48%;background:#79c766;bottom:35%}.ground{position:absolute;z-index:3;inset:52% 0 0;background:linear-gradient(#67b955,#58a94d 62%,#4a963f)}.field-lines{position:absolute;z-index:4;inset:60% -5% -20%;opacity:.24;background:repeating-linear-gradient(104deg,transparent 0 65px,rgba(29,88,39,.6) 67px 71px,transparent 73px 115px);transform:perspective(500px) rotateX(18deg)}.path{position:absolute;z-index:5;background:#c99058;border:4px solid var(--ink);box-shadow:inset -15px -12px rgba(116,68,42,.16);border-radius:50%}.p1{width:620px;height:180px;left:30%;bottom:-55px;transform:rotate(-4deg)}.p2{width:440px;height:115px;left:42%;bottom:18%;transform:rotate(70deg)}.p3{width:330px;height:95px;left:14%;bottom:20%;transform:rotate(-44deg)}.fence{position:absolute;z-index:8;height:14px;background:#ead09a;border:3px solid var(--ink);box-shadow:0 7px rgba(74,49,29,.24)}.fence:before,.fence:after{content:"";position:absolute;top:-42px;width:18px;height:70px;border:3px solid var(--ink);background:#dfb878;border-radius:10px}.fence:before{left:30px}.fence:after{right:28px}.left-fence{width:280px;left:2%;bottom:20%;transform:rotate(-7deg)}.right-fence{width:300px;right:2%;bottom:18%;transform:rotate(8deg)}.zone{position:absolute;z-index:12;border:0;background:none;padding:0;cursor:pointer;filter:drop-shadow(0 10px 7px rgba(31,22,23,.22));transition:.18s transform,.18s filter}.zone:hover{transform:translateY(-7px) scale(1.035)!important;filter:drop-shadow(0 16px 8px rgba(31,22,23,.25))}.zone:active{transform:translateY(2px) scale(.98)!important}.zone-label{position:absolute;left:50%;bottom:-35px;transform:translateX(-50%);white-space:nowrap;background:#fff0c8;border:3px solid var(--ink);border-radius:15px 18px 13px 17px;padding:8px 12px;font-size:10px;font-weight:1000;box-shadow:4px 5px 0 var(--ink);opacity:0;pointer-events:none;transition:.15s}.zone-label i{display:block;font-style:normal;font-size:7px;letter-spacing:1.5px;opacity:.6}.zone:hover .zone-label{opacity:1;bottom:-41px}.barn{left:7%;top:22%;width:270px;height:230px}.roof{position:absolute;left:12px;top:0;width:245px;height:92px;background:#d94d3d;border:var(--outline);clip-path:polygon(50% 0,100% 100%,0 100%)}.barn-body{position:absolute;left:38px;top:72px;width:198px;height:145px;background:#e86b43;border:var(--outline);border-radius:7px 7px 14px 12px;box-shadow:inset -16px -9px rgba(158,55,44,.2)}.barn-door{position:absolute;width:74px;height:91px;background:#663c30;border:4px solid var(--ink);left:102px;top:126px;border-radius:33px 33px 2px 2px}.barn-door:after{content:"X";color:#efbd71;font-size:56px;position:absolute;left:14px;top:12px;opacity:.5}.barn-window{position:absolute;width:40px;height:42px;background:#80cfe7;border:4px solid var(--ink);top:111px}.w1{left:55px}.w2{right:50px}.pond{right:7%;bottom:12%;width:360px;height:185px}.pond-water{position:absolute;inset:0;background:#54b9d6;border:var(--outline);border-radius:52% 48% 55% 45%/55% 43% 57% 45%;box-shadow:inset -20px -16px rgba(35,98,148,.18),0 8px 0 rgba(27,21,22,.25)}.lily{position:absolute;width:54px;height:34px;background:#65b84b;border:3px solid var(--ink);border-radius:60% 20% 60% 20%}.l1{left:58px;top:39px}.l2{right:72px;top:92px;transform:rotate(25deg)}.l3{left:156px;bottom:22px;transform:rotate(-15deg)}.tiny-duck{position:absolute;width:42px;height:31px;background:var(--yellow);border:3px solid var(--ink);border-radius:55% 45% 50% 50%;font-size:0}.tiny-duck:after{content:"";position:absolute;width:17px;height:10px;background:#f19b2d;border:2px solid var(--ink);right:-14px;top:9px;border-radius:60%}.td1{left:135px;top:54px}.td2{right:106px;top:33px;transform:scale(.8)}.market{right:27%;top:28%;width:230px;height:190px}.stall-body{position:absolute;left:22px;top:66px;width:190px;height:112px;background:#eec45b;border:var(--outline);border-radius:8px 8px 13px 13px}.stall-roof{position:absolute;left:2px;top:23px;width:224px;height:56px;background:repeating-linear-gradient(90deg,#f05c5c 0 30px,#fff1c9 30px 58px);border:var(--outline);border-radius:26px 24px 15px 17px}.crate{position:absolute;width:54px;height:48px;background:#9d6338;border:3px solid var(--ink);bottom:6px}.cr1{left:25px}.cr2{left:87px}.cr3{right:25px}.lab{left:28%;top:14%;width:210px;height:190px}.lab-house{position:absolute;left:20px;top:50px;width:175px;height:126px;background:#8459d1;border:var(--outline);border-radius:16px}.lab-roof{position:absolute;left:4px;top:18px;width:205px;height:62px;background:#51308d;border:var(--outline);clip-path:polygon(12% 100%,25% 10%,75% 10%,91% 100%)}.lab-tube{position:absolute;width:28px;height:67px;border:4px solid var(--ink);border-radius:5px 5px 14px 14px;bottom:26px}.t1{left:65px;background:#69d6c3}.t2{right:51px;background:#f57cb1}.lab-bubble{position:absolute;border:3px solid var(--ink);border-radius:50%;background:#c582ef}.b1{width:26px;height:26px;right:21px;top:19px}.b2{width:15px;height:15px;right:2px;top:3px}.hatchery{left:48%;bottom:11%;width:220px;height:170px}.coop{position:absolute;left:30px;top:63px;width:160px;height:93px;background:#f0b155;border:var(--outline);border-radius:8px 8px 15px 15px}.coop-roof{position:absolute;left:17px;top:35px;width:188px;height:56px;background:#d04f3d;border:var(--outline);clip-path:polygon(10% 100%,25% 0,75% 0,92% 100%)}.egg{position:absolute;width:34px;height:44px;background:#fff4d7;border:3px solid var(--ink);border-radius:50% 50% 43% 43%;bottom:7px}.e1{left:57px}.e2{left:94px;bottom:13px}.e3{left:132px}.windmill{right:9%;top:10%;width:170px;height:270px}.mill-tower{position:absolute;width:77px;height:190px;left:49px;top:65px;background:#c08a55;border:var(--outline);clip-path:polygon(35% 0,65% 0,90% 100%,10% 100%)}.mill-head{position:absolute;width:87px;height:70px;left:44px;top:36px;background:#7b4931;border:var(--outline);border-radius:40%}.mill-blades{position:absolute;left:84px;top:70px;width:0;height:0;animation:spin 10s linear infinite}.mill-blades i{position:absolute;width:14px;height:105px;background:#efddae;border:3px solid var(--ink);border-radius:9px;transform-origin:50% 100%;left:-7px;top:-105px}.mill-blades i:nth-child(2){transform:rotate(90deg)}.mill-blades i:nth-child(3){transform:rotate(180deg)}.mill-blades i:nth-child(4){transform:rotate(270deg)}@keyframes spin{to{transform:rotate(360deg)}}.compass{left:4%;bottom:8%;width:118px;height:118px}.compass img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 0 rgba(27,21,22,.18))}.farm-crew{position:absolute;z-index:13;width:min(38vw,520px);max-height:48vh;object-fit:contain;left:33%;bottom:2%;filter:drop-shadow(0 18px 10px rgba(32,23,22,.2));pointer-events:none}.farm-wizard{position:absolute;z-index:10;width:160px;left:17%;bottom:11%;transform:rotate(-8deg);filter:drop-shadow(0 10px 8px rgba(32,23,22,.24));pointer-events:none}.farm-sign{position:absolute;z-index:16;left:39%;top:9%;width:250px;padding:17px 19px;background:#f3c86c;border:var(--outline);border-radius:13px 18px 14px 20px;box-shadow:8px 9px 0 #6a4427;transform:rotate(-2deg);text-align:center}.farm-sign:before,.farm-sign:after{content:"";position:absolute;width:16px;height:74px;background:#7b4d2d;border:3px solid var(--ink);top:55px;z-index:-1}.farm-sign:before{left:38px}.farm-sign:after{right:38px}.farm-sign b{display:block;font-size:18px;line-height:.95}.farm-sign span{font:700 10px Arial,sans-serif}.drag-tip{display:none;position:absolute;z-index:30;left:50%;bottom:15px;transform:translateX(-50%);background:#fff2d4;border:3px solid var(--ink);border-radius:15px;padding:8px 12px;font-size:9px;box-shadow:4px 5px 0 var(--ink)}.panel-layer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;visibility:hidden;opacity:0;transition:.22s}.panel-layer.open{visibility:visible;opacity:1}.panel-backdrop{position:absolute;inset:0;border:0;background:rgba(17,12,14,.58);backdrop-filter:blur(8px);cursor:pointer}.clay-panel{position:relative;width:min(1180px,calc(100vw - 42px));height:min(780px,calc(100vh - 42px));background:#f5ddba;border:5px solid var(--ink);border-radius:37px 32px 45px 29px;box-shadow:0 22px 0 rgba(27,21,22,.32),0 40px 70px rgba(12,8,9,.35);overflow:auto;transform:scale(.92) rotate(-.3deg);transition:.24s}.panel-layer.open .clay-panel{transform:scale(1) rotate(0)}.panel-close{position:sticky;z-index:8;float:right;top:16px;right:16px;margin:16px;width:54px;height:54px;background:var(--yellow);border:4px solid var(--ink);border-radius:50% 45% 55% 48%;font-size:31px;font-weight:900;cursor:pointer;box-shadow:4px 5px 0 var(--ink)}.zone-panel{display:none;padding:58px 65px 70px;min-height:100%}.zone-panel.active{display:block}.panel-kicker{font-size:10px;letter-spacing:2px;font-weight:1000;margin-bottom:25px;background:#fff4d8;border:3px solid var(--ink);padding:8px 11px;border-radius:12px;display:inline-block}.zone-panel h1{font-size:clamp(54px,6.1vw,96px);line-height:.84;letter-spacing:-5px;margin:0 0 26px}.zone-panel p{font:700 18px/1.55 Arial,sans-serif;max-width:650px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center}.hero-blob{height:570px;background:var(--yellow);border:4px solid var(--ink);border-radius:48% 52% 58% 42%/42% 54% 46% 58%;box-shadow:10px 12px 0 var(--ink);display:grid;place-items:center;overflow:hidden}.hero-blob img{width:125%;max-height:600px;object-fit:contain;filter:drop-shadow(0 16px 12px rgba(34,22,23,.22))}.clay-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.clay-tags span{background:#fff3d7;border:3px solid var(--ink);border-radius:30px;padding:9px 12px;font-size:9px;box-shadow:3px 4px 0 var(--ink)}.panel-title-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.pond-counter{background:#58bdd8;border:4px solid var(--ink);border-radius:45% 55% 44% 56%;padding:22px 28px;text-align:center;box-shadow:7px 8px 0 var(--ink);transform:rotate(3deg)}.pond-counter b{font-size:60px;display:block;line-height:.8}.pond-counter span{font-size:8px}.pond-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}.pond-grid figure{margin:0;position:relative;border-radius:42% 58% 47% 53%/54% 45% 55% 46%;overflow:hidden;border:4px solid var(--ink);background:#7bc8dc;box-shadow:6px 7px 0 var(--ink);aspect-ratio:1;transform:rotate(var(--r, -1deg))}.pond-grid figure:nth-child(2n){--r:1.3deg}.pond-grid figure:nth-child(3n){--r:-2deg}.pond-grid img{width:100%;height:100%;object-fit:cover;display:block}.pond-grid figcaption{position:absolute;left:10px;bottom:10px;background:#fff1d2;border:3px solid var(--ink);border-radius:13px;padding:7px 9px;font-size:9px}.wide-copy{max-width:850px!important}.cutout-stage{height:480px;margin-top:24px;position:relative;background:#73bd5c;border:4px solid var(--ink);border-radius:33px;overflow:hidden;box-shadow:10px 12px 0 var(--ink)}.cutout-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 110%,#a8d787 0 42%,transparent 43%),linear-gradient(#acdff0 0 48%,#72bb5b 49%);opacity:.9}.cut{position:absolute;bottom:-7%;object-fit:contain;filter:drop-shadow(0 12px 8px rgba(27,21,22,.24))}.c1x{left:-2%;width:27%;transform:rotate(-4deg)}.c2x{left:18%;width:26%;transform:rotate(2deg)}.c3x{left:39%;width:23%;transform:rotate(-1deg)}.c4x{right:17%;width:25%;transform:rotate(3deg)}.c5x{right:-5%;width:28%;transform:rotate(-3deg)}.lab-split{grid-template-columns:.86fr 1.14fr}.lab-duck-wrap{height:580px;background:#7958cb;border:4px solid var(--ink);border-radius:54% 46% 48% 52%;display:grid;place-items:center;box-shadow:10px 12px 0 var(--ink);overflow:hidden}.lab-duck-wrap img{width:120%;height:105%;object-fit:contain}.trait-stack{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.trait-stack button{border:3px solid var(--ink);background:#fff2d4;border-radius:16px;padding:12px 15px;font-size:10px;font-weight:900;cursor:pointer;box-shadow:3px 4px 0 var(--ink)}.trait-stack button:hover{background:var(--yellow)}.lab-readout{margin-top:19px;background:#211427;color:#a8ff77;border:4px solid var(--ink);padding:15px;border-radius:16px;font:900 12px monospace}.hatch-card{min-height:530px;display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center;background:#ee7861;border:4px solid var(--ink);border-radius:50px 37px 60px 40px;padding:55px;box-shadow:10px 12px 0 var(--ink)}.hatch-card code{background:#1d1418;color:#fff;padding:2px 7px;border-radius:7px}.egg-machine{height:420px;background:#6fc15e;border:4px solid var(--ink);border-radius:46% 54% 52% 48%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;box-shadow:inset -16px -15px rgba(45,110,44,.16)}.egg-big{width:155px;height:192px;background:#fff2d2;border:5px solid var(--ink);border-radius:50% 50% 43% 43%;box-shadow:inset -16px -14px rgba(216,196,162,.28)}.crack{position:absolute;width:50px;height:4px;background:#1b1516;transform:translateY(-76px) rotate(-25deg)}.clay-cta{border:4px solid var(--ink);background:var(--yellow);padding:16px 24px;border-radius:20px 27px 18px 24px;font-weight:1000;box-shadow:6px 7px 0 var(--ink);cursor:pointer}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.notes-grid div{min-height:270px;border:4px solid var(--ink);border-radius:31px 24px 38px 26px;padding:28px;box-shadow:7px 8px 0 var(--ink);background:#fff0cc}.notes-grid div:nth-child(2){background:#7dc663;transform:rotate(1.2deg)}.notes-grid div:nth-child(3){background:#e887b0;transform:rotate(-1deg)}.notes-grid b{font-size:40px}.notes-grid h3{font-size:22px;margin:18px 0 8px}.notes-grid p{font-size:14px}.map-split img{width:85%;max-height:520px;object-fit:contain;filter:drop-shadow(0 13px 8px rgba(27,21,22,.22));justify-self:center}.social-row{display:flex;gap:10px;margin-top:26px}.social-row a{color:var(--ink);background:var(--yellow);border:4px solid var(--ink);border-radius:20px;padding:13px 18px;text-decoration:none;font-size:10px;font-weight:1000;box-shadow:4px 5px 0 var(--ink)}.toast{position:fixed;z-index:150;left:50%;bottom:24px;transform:translate(-50%,130%);background:#1b1516;color:#fff4db;border:3px solid #fff4db;border-radius:18px;padding:13px 18px;font-size:11px;font-weight:900;transition:.2s}.toast.show{transform:translate(-50%,0)}
@media(max-width:1050px){.hud-center{display:none}.farm-frame{overflow:auto}.farm-world{width:1280px;height:760px}.drag-tip{display:block}.farm-crew{width:450px;left:34%}.split,.hatch-card{grid-template-columns:1fr}.hero-blob,.lab-duck-wrap{height:440px}.pond-grid{grid-template-columns:repeat(3,1fr)}.cutout-stage{height:420px}.notes-grid{grid-template-columns:1fr}.zone-panel{padding:55px 40px}.clay-panel{height:calc(100vh - 26px);width:calc(100vw - 26px)}}
@media(max-width:650px){.hud{top:10px;left:10px;right:10px;height:58px}.clay-logo{height:54px;padding:0 14px;font-size:14px}.logo-eye{width:25px;height:25px}.hud-actions .mini-clay:first-child{display:none}.farm-world{width:1220px;height:740px}.zone-panel{padding:50px 22px}.zone-panel h1{font-size:52px;letter-spacing:-3px}.zone-panel p{font-size:15px}.panel-title-row{display:block}.pond-counter{display:inline-block;margin:10px 0}.pond-grid{grid-template-columns:repeat(2,1fr);gap:11px}.cutout-stage{height:310px}.clay-panel{border-radius:28px}.hero-blob,.lab-duck-wrap{height:360px}.hatch-card{padding:26px}.egg-machine{height:350px}.notes-grid{gap:12px}.social-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}