/* Scene-first farm: existing server-backed controls remain the interaction layer. */
body:has(#page-farm.active){background:#edf1dc}
#page-farm .welcome-row{margin-bottom:14px}#page-farm .welcome-row h1{font-size:25px}#page-farm .welcome-sub{font-size:12px}
#page-farm>.button[data-action=crafting]{display:none}
#page-farm .farm-layout{display:block}#page-farm .farm-column{display:block}
#page-farm .farm-scene-card{position:relative;border:0;border-radius:28px;overflow:hidden;box-shadow:0 18px 50px #36552d25}
#page-farm .scene-heading{position:absolute;top:20px;left:24px;z-index:9;padding:0;color:#fff;filter:drop-shadow(0 2px 3px #26402e88)}
#page-farm .scene-heading h2{font-size:24px;color:#fff}#page-farm .scene-heading .section-kicker{color:#eaffdc;letter-spacing:.15em}#page-farm .scene-heading .round-more{display:none}
#page-farm .farm-world{position:relative;height:min(79vw,790px);min-height:620px;margin:0;border-radius:0;background:#9bbb69 url('./assets/farm-meadow-v2.png') center/cover no-repeat!important;overflow:hidden;isolation:isolate}
.farm-world .chicken-main,.farm-world .scene-caption,.farm-world .scene-stamp{display:none!important}
.farm-world .resource-strip{position:absolute;right:18px;top:18px;z-index:8;display:grid;grid-template-columns:repeat(2,1fr);width:300px;gap:7px;background:none;border:0;box-shadow:none;margin:0;overflow:visible}
.farm-world .resource-cell{min-height:50px;border-radius:18px;background:#ffffefeF;border:2px solid #fff8d5;box-shadow:0 4px 0 #6f8f5c44;padding:7px 10px;gap:8px}.farm-world .resource-cell:before{display:none}.farm-world .resource-cell strong{font-size:17px}.farm-world .resource-cell small{font-size:10px}.farm-world .resource-cell .protected-tag,.farm-world #energy-recovery-note{display:none}
.world-plot-field{position:absolute;left:25%;top:48%;width:58%;height:32%;z-index:4;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:7px 8px;transform:perspective(560px) rotateX(17deg) rotateZ(-4deg);transform-origin:center bottom}
.farm-world .world-plot{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-width:0!important;border-radius:22%!important;background:repeating-linear-gradient(155deg,#a47641 0 7px,#936437 8px 11px)!important;border:3px solid #d5ae65!important;box-shadow:0 4px 0 #684e2f,0 7px 9px #31542633!important;transform:none!important;z-index:auto;overflow:visible}
.farm-world .world-plot:hover{transform:translateY(-3px)!important}.farm-world .world-plot .plot-art{position:absolute!important;left:12%!important;bottom:25%!important;width:76%!important;height:110%!important;object-fit:contain}.farm-world .world-plot small{position:absolute!important;left:50%;bottom:-15px!important;transform:translateX(-50%);width:max-content;max-width:110%;overflow:hidden;text-overflow:ellipsis;padding:2px 4px!important;color:#5b431f!important;background:#fff6d9ed!important;border:1px solid #d8bc7d;border-radius:7px;font-size:7px!important}.farm-world .world-plot.selected-plot{outline:3px solid #fff9b8;outline-offset:3px}.farm-world .world-plot.locked-plot{filter:saturate(.55);background:repeating-linear-gradient(155deg,#8c866f 0 7px,#75725e 8px 11px)!important;border-color:#bdb58f!important}.farm-world .world-plot.locked-plot .plot-art{opacity:.18;filter:grayscale(1)}.farm-world .world-plot.locked-plot:after{content:'🔒';position:absolute;inset:0;display:grid;place-items:center;font-size:15px;text-shadow:0 1px 2px #fff}
.farm-world .care-guide{position:absolute;left:18px;bottom:92px;z-index:8;width: min(410px,calc(100% - 36px));padding:12px 15px;background:#fff9e9ed;border:2px solid #f9dfad;border-radius:20px;box-shadow:0 5px 0 #947c3d22;margin:0}.farm-world .care-guide h2{font-size:15px}.farm-world .care-guide p{font-size:11px}.farm-world .care-guide small,.farm-world .care-guide .section-kicker{display:none}
.farm-world .garden-tools{position:absolute;right:16px;top:157px;z-index:8;display:grid;grid-template-columns:1fr;gap:8px;border:0;padding:0;background:none;width:86px}.farm-world .garden-tools>span{display:none}.farm-world .garden-tools button{display:grid;justify-items:center;padding:8px 5px;border-radius:18px;background:linear-gradient(#fff6d5,#e9c98b);border:2px solid #fff9e7;box-shadow:0 4px 0 #9a7948;color:#5b4829;font-size:12px}.farm-world .garden-tools button span{font-size:23px}
.world-dock{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10;padding:9px 13px;background:#fff9e2d9;border:2px solid #ffffec;border-radius:24px;box-shadow:0 8px 22px #35532c33;white-space:nowrap}.world-dock button{min-width:62px;min-height:44px;border-radius:14px;background:#547c4c;color:#fff9dd;border:1px solid #86a66a;box-shadow:0 3px 0 #365332;font-weight:700;font-size:12px}.world-dock button:hover{background:#739449;transform:translateY(-2px)}
.world-pets{position:absolute;inset:0;pointer-events:none;z-index:6}.roaming-pet{position:absolute;width:96px;height:108px;transform:translate(-50%,-100%);background:none;border:0;padding:0;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 5px 3px #25412635)}.roaming-art{display:block;width:100%;height:88px;background-repeat:no-repeat;transform:scaleX(var(--face,1));transform-origin:50% 90%}.roaming-label{display:inline-block;padding:2px 9px;background:#ffffe8eb;color:#425b34;border-radius:12px;font-size:11px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roaming-pet.is-selected .roaming-label{background:#fbe6a1;border:1px solid #b18d41}.roaming-pet:focus-visible{outline:3px solid #fff;border-radius:20px}.roaming-pet.is-walking .roaming-art{animation:world-walk .42s ease-in-out infinite}.world-pet-hint{position:absolute;left:22px;top:145px;color:#fffde6;text-shadow:0 1px 4px #264b32;font-size:11px;z-index:7;pointer-events:none}
@keyframes world-walk{0%,100%{transform:scaleX(var(--face,1)) translateY(0) rotate(-3deg)}50%{transform:scaleX(var(--face,1)) translateY(-5px) rotate(3deg)}}
#page-farm .scene-footer{background:#fffbed;padding:12px 20px}#page-farm .lower-grid{margin-top:20px}#page-farm .right-column{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}#page-farm .pet-panel{grid-row:span 2}
@media(max-width:900px){#page-farm .right-column{grid-template-columns:repeat(2,minmax(0,1fr))}.farm-world .resource-strip{width:245px}.farm-world .resource-icon{display:none}}
@media(max-width:640px){body:has(#page-farm.active) .main-content{padding-inline:0}body:has(#page-farm.active) .topbar{padding-inline:12px}#page-farm{padding-top:0}#page-farm .welcome-row{padding:12px 16px;margin:0}#page-farm .welcome-row h1{font-size:19px}#page-farm .welcome-row .eyebrow,#page-farm .welcome-sub,#page-farm .welcome-row>.button{display:none}#page-farm .farm-scene-card{border-radius:0}#page-farm .farm-world{height:calc(100svh - 148px);min-height:650px;background-size:auto 100%!important;background-position:55% center!important}#page-farm .scene-heading{top:18px;left:14px}#page-farm .scene-heading h2{font-size:19px}.farm-world .resource-strip{right:10px;top:15px;width:168px;gap:5px}.farm-world .resource-cell{padding:5px 8px;min-height:43px;border-radius:13px}.farm-world .resource-cell small{font-size:9px}.farm-world .resource-cell strong{font-size:14px}.farm-world .garden-tools{right:10px;top:131px;width:61px}.farm-world .garden-tools button{font-size:10px}.world-plot-field{left:10%;top:49%;width:77%;height:27%;gap:5px}.farm-world .world-plot{border-width:2px!important}.farm-world .world-plot small{font-size:6px!important;bottom:-12px!important;max-width:130%}.farm-world .care-guide{left:10px;bottom:87px;width:calc(100% - 20px);padding:8px 12px}.farm-world .care-guide h2{font-size:13px}.farm-world .care-guide p{font-size:10px}.world-dock{gap:5px;bottom:15px;width:calc(100% - 20px);justify-content:space-between;padding:8px}.world-dock button{min-width:0;flex:1;font-size:10px;min-height:40px}.roaming-pet{width:68px;height:83px}.roaming-art{height:65px}.roaming-label{font-size:9px}.world-pet-hint{left:14px;top:116px;font-size:10px}#page-farm .lower-grid,#page-farm .right-column{padding:0 12px}#page-farm .right-column{grid-template-columns:1fr}.farm-world .scene-pollen{opacity:.55}}
@media(prefers-reduced-motion:reduce){.roaming-art,.world-dock button{animation:none!important;transition:none!important}}
.world-terrain{position:absolute;inset:0;z-index:1;cursor:grab;touch-action:none}.world-terrain.is-dragging{cursor:grabbing}.world-backdrop{position:absolute;inset:-30px;background:#9bbb69 url('./assets/farm-meadow-v2.png') center/cover no-repeat;pointer-events:none}.world-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:2}.world-smoke{position:absolute;left:91%;top:17%;width:21px;height:30px;background:#fffcf0a1;border-radius:50%;filter:blur(5px);opacity:0;animation:world-smoke 8s var(--delay) ease-out infinite}.world-ripple{position:absolute;width:50px;height:15px;border:2px solid #dcfff4a6;border-radius:50%;animation:world-ripple 5.6s var(--delay) ease-out infinite}.world-leaf{position:absolute;left:var(--left);top:28%;width:7px;height:11px;background:#fff1c3b3;border-radius:90% 0 90% 0;animation:world-leaf var(--duration) var(--delay) linear infinite}.world-grass{position:absolute;width:20px;height:26px;border-left:3px solid #7ba641;border-right:2px solid #a0bd4c;border-radius:70% 0 50% 0;transform-origin:bottom;animation:world-grass 3s var(--delay) ease-in-out infinite}.world-reset{position:absolute;left:22px;top:170px;z-index:8;border:1px solid #fff9bd77;border-radius:12px;padding:6px 10px;background:#3b664a88;color:#fffbe2;font-size:10px}.world-atmosphere.is-paused *{animation-play-state:paused!important}
@keyframes world-smoke{0%{opacity:0;transform:translate(0,0) scale(.5)}20%{opacity:.7}100%{opacity:0;transform:translate(-35px,-100px) scale(2.7)}}
@keyframes world-ripple{0%{opacity:0;transform:scale(.35)}20%{opacity:.65}100%{opacity:0;transform:scale(2.2)}}
@keyframes world-leaf{0%{opacity:0;transform:translate(0,-60px) rotate(0)}12%{opacity:.8}85%{opacity:.7}100%{opacity:0;transform:translate(100px,340px) rotate(320deg)}}
@keyframes world-grass{0%,100%{transform:rotate(-9deg)}50%{transform:rotate(12deg)}}
@media(max-width:640px){.world-reset{left:14px;top:143px;font-size:9px}.world-backdrop{background-position:55% center}.farm-world .care-guide{display:flex;align-items:center;gap:8px;min-height:0}.farm-world .care-guide>div{flex:1}.farm-world .care-guide p{display:none}.farm-world .care-guide button{min-width:70px;padding:8px;font-size:10px}.world-smoke{left:97%;top:20%}.world-ripple{left:4%!important}}
@media(prefers-reduced-motion:reduce){.world-atmosphere *{animation:none!important}.world-smoke,.world-leaf{display:none}}

.roaming-pet:disabled{opacity:1;cursor:default}.roaming-pet.is-selected{filter:drop-shadow(0 0 5px #fff4bb)}
.roaming-pet.is-collecting .roaming-art{animation:world-collected .55s ease-in-out 2;filter:drop-shadow(0 0 10px #fff4a3)}@keyframes world-collected{0%,100%{transform:scaleX(var(--face,1)) translateY(0)}50%{transform:scaleX(var(--face,1)) translateY(-12px)}}
.world-vip-harvest{position:absolute;left:22px;top:210px;z-index:8;display:grid;gap:5px;max-width:220px}.world-vip-harvest button{padding:10px 14px;border:2px solid #fff0b8;border-radius:15px;background:linear-gradient(135deg,#74542e,#b18a41);box-shadow:0 3px 0 #59472c;color:#fff9df;font-weight:700;font-size:12px}.world-vip-harvest button:disabled{opacity:.65;cursor:default}.world-vip-harvest small{font-size:10px;color:#fffce6;text-shadow:0 1px 3px #385433}.world-vip-harvest button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:640px){.world-vip-harvest{left:14px;top:178px;max-width:190px}.world-vip-harvest button{padding:8px 10px;font-size:11px}.world-vip-harvest small{font-size:9px}}

.roaming-pet.is-feeding .roaming-art{animation:world-fed .45s ease-in-out 3;transform-origin:50% 90%}@keyframes world-fed{0%,100%{transform:scaleX(var(--face,1)) rotate(0)}50%{transform:scaleX(var(--face,1)) rotate(10deg)}}@media(prefers-reduced-motion:reduce){.roaming-pet.is-feeding .roaming-art{animation:none}}