.construction-scene{height:580px;position:relative;margin-top:35px;overflow:hidden;border:1px solid #4c6b55;border-radius:16px;background:radial-gradient(ellipse at 50% 65%,#405746,#1d302b 60%,#132322);isolation:isolate}.scene-heading{display:flex;justify-content:space-between;gap:15px;position:absolute;top:24px;left:28px;right:28px;z-index:30}.workshop-wall{position:absolute;left:9%;right:9%;top:80px;height:170px;opacity:.18;background:repeating-linear-gradient(90deg,transparent 0,transparent 89px,#7f9f811a 90px,#80967d 92px),repeating-linear-gradient(0deg,transparent 0,transparent 49px,#92b18e 50px,#7f9f811a 52px);border:2px solid #779971;transform:skewY(-4deg)}.scene-floor{position:absolute;left:8%;width:84%;height:245px;bottom:105px;background:linear-gradient(#80977524,#44654945),repeating-linear-gradient(0deg,transparent 0 39px,#71866d40 40px),repeating-linear-gradient(90deg,transparent 0 39px,#71866d40 40px);border:1px solid #7f947f50;transform:perspective(650px) rotateX(40deg) rotateZ(-4deg);border-radius:4px}.scene-foundation{position:absolute;width:150px;height:65px;bottom:130px;left:46%;background:#546c62;border:3px solid #89a58b80;transform:skewY(-10deg) rotate(-4deg);box-shadow:0 9px 0 #233a32;opacity:.6}.scene-worker{position:absolute;transform:translateX(-50%);z-index:12;--u:5px}.scene-worker .skin-viewer{--u:5px;margin:0 auto}.scene-worker.featured{left:51%;bottom:165px;z-index:20}.scene-worker.featured .skin-viewer{--u:7px}.scene-worker.engineer{left:22%;bottom:215px;z-index:10}.scene-worker.farmer{left:79%;bottom:155px;z-index:15}.scene-worker .skin-model{transform:rotateX(-6deg) rotateY(-24deg);animation:builderBody 7s ease-in-out infinite}.engineer .skin-model{transform:rotateX(-7deg) rotateY(22deg);animation:engineerBody 8s ease-in-out infinite}.farmer .skin-model{transform:rotateX(-8deg) rotateY(-38deg);animation:farmerBody 9s ease-in-out infinite}.scene-name{position:absolute;left:50%;top:calc(100% + 15px);transform:translateX(-50%);font-size:14px;white-space:nowrap;padding:4px 11px;background:#10211eec;border:1px solid #607961;border-radius:5px;color:#edeed9}.featured .scene-name{font-size:19px;border-color:var(--mint);color:var(--mint)}.scene-action{position:absolute;left:50%;top:calc(100% + 53px);transform:translateX(-50%);font-size:9px;color:#bdcdbb;white-space:nowrap}.skin-box.right-arm,.skin-box.left-arm{transform-origin:50% 0}.builder .right-arm{animation:placeArm 7s ease-in-out infinite}.builder .left-arm{animation:steadyArm 7s ease-in-out infinite}.engineer .left-arm{animation:hammerArm 8s ease-in-out infinite}.engineer .right-arm{animation:steadyArm 8s ease-in-out infinite}.farmer .right-arm{animation:plantArm 9s ease-in-out infinite}.farmer .left-arm{transform:rotateX(-25deg)}.builder .head{animation:builderHead 7s ease-in-out infinite}.farmer .head{transform:rotateX(16deg)}.world-block{--block-size:46px;position:absolute;width:var(--block-size);height:var(--block-size);transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(-28deg);pointer-events:none;z-index:24}.world-face{display:block;position:absolute;width:100%;height:100%;backface-visibility:hidden;background-image:url('/assets/block-textures.webp');background-size:200% 205%;background-position:0 0;image-rendering:pixelated;border:1px solid #1e3f3255}.world-face.front{transform:translateZ(calc(var(--block-size)/2))}.world-face.back{transform:rotateY(180deg) translateZ(calc(var(--block-size)/2))}.world-face.left{transform:rotateY(-90deg) translateZ(calc(var(--block-size)/2));filter:brightness(.7)}.world-face.right{transform:rotateY(90deg) translateZ(calc(var(--block-size)/2));filter:brightness(.85)}.world-face.top{transform:rotateX(90deg) translateZ(calc(var(--block-size)/2));filter:brightness(1.1)}.world-face.bottom{transform:rotateX(-90deg) translateZ(calc(var(--block-size)/2))}.world-block[data-material='oxidized'] .world-face{background-position:100% 0}.world-block[data-material='grass'] .world-face{background-position:0 100%}.world-block[data-material='grass'] .world-face.top{background-position:100% 100%}.machine-base{left:55%;bottom:143px}.machine-top{left:55%;bottom:190px;--block-size:38px}.workshop-block{left:27%;bottom:197px;--block-size:40px}.garden-block{left:75%;bottom:115px;--block-size:38px}.carried{--block-size:24px}.carried-youngfall{left:53%;bottom:228px;animation:placeCopper 7s ease-in-out infinite}.carried-z1k4{left:24%;bottom:264px;animation:placeWorkshop 8s ease-in-out infinite}.carried-luks{left:77%;bottom:215px;animation:placeGarden 9s ease-in-out infinite}.workshop-gear{position:absolute;left:55%;bottom:158px;margin-left:7px;z-index:27;font-size:27px;color:#efd19a;text-shadow:0 2px #354637;animation:workingGear 12s linear infinite}.garden-plot{position:absolute;left:70%;bottom:120px;width:140px;height:60px;border:2px solid #a1885c;background:repeating-linear-gradient(0deg,#483b2a 0 8px,#65573d 9px 16px);transform:skewY(-10deg);z-index:11}.sprout{position:absolute;width:4px;height:24px;background:#80bb6a;bottom:20px;left:35px;transform-origin:bottom;animation:growSprout 9s ease-in-out infinite}.sprout:before,.sprout:after{content:'';position:absolute;width:14px;height:8px;top:5px;background:#aad475;border:1px solid #d3e39460}.sprout:before{left:-12px;transform:rotate(25deg)}.sprout:after{left:3px;transform:rotate(-25deg)}.sprout-two{left:80px;animation-delay:-3s}.sprout-three{left:115px;animation-delay:-6s}.scene-caption{position:absolute;bottom:20px;left:20px;right:20px;padding-top:18px;border-top:1px solid #4b6a4e55;font-size:10px;text-align:center;color:#c5d4be;z-index:30}.scene-caption .status-dot{margin-right:8px}@keyframes placeArm{0%,100%{transform:rotateX(-12deg)}25%,55%{transform:rotateX(-75deg) rotateZ(-8deg)}65%{transform:rotateX(-50deg)}}@keyframes steadyArm{0%,100%{transform:rotateX(-10deg)}30%,60%{transform:rotateX(-40deg)}}@keyframes hammerArm{0%,100%{transform:rotateX(-15deg)}25%,45%,65%{transform:rotateX(-95deg)}35%,55%,75%{transform:rotateX(-38deg)}}@keyframes plantArm{0%,100%{transform:rotateX(-10deg)}35%,65%{transform:rotateX(-60deg) rotateZ(8deg)}}@keyframes builderHead{0%,100%{rotate:0 1 0 -5deg}35%,70%{rotate:1 0 0 12deg}}@keyframes builderBody{0%,100%{translate:0 0}35%,60%{translate:0 5px;rotate:0 1 0 5deg}}@keyframes engineerBody{0%,100%{translate:-7px 0}30%,75%{translate:4px 3px}}@keyframes farmerBody{0%,100%{translate:0 0}35%,65%{translate:-5px 7px}}@keyframes placeCopper{0%,15%{opacity:0;translate:0 0}25%{opacity:1;translate:0 0}55%{opacity:1;translate:22px 37px}70%,100%{opacity:0;translate:22px 37px}}@keyframes placeWorkshop{0%,20%{opacity:0;translate:0 0}30%{opacity:1;translate:0 0}65%{opacity:1;translate:15px 31px}75%,100%{opacity:0;translate:15px 31px}}@keyframes placeGarden{0%,20%{opacity:0;translate:0 0}35%{opacity:1;translate:0 0}65%{opacity:1;translate:-15px 47px}75%,100%{opacity:0;translate:-15px 47px}}@keyframes workingGear{to{transform:rotate(360deg)}}@keyframes growSprout{0%,20%{scale:1 .4}65%,100%{scale:1 1}}
body[data-motion='off'] .construction-scene *{animation:none!important}body[data-motion='off'] .builder .right-arm{transform:rotateX(-65deg)}body[data-motion='off'] .engineer .left-arm{transform:rotateX(-75deg)}body[data-motion='off'] .farmer .right-arm{transform:rotateX(-50deg)}body[data-motion='off'] .carried{opacity:0}
@media(max-width:780px){.construction-scene{height:470px}.scene-heading{left:20px;right:20px;top:20px}.scene-heading .small-badge{font-size:6px}.scene-worker .skin-viewer{--u:3.6px}.scene-worker.featured .skin-viewer{--u:5px}.scene-worker.featured{bottom:150px}.scene-worker.engineer{left:19%;bottom:205px}.scene-worker.farmer{left:80%;bottom:140px}.garden-plot{width:95px;height:48px;left:69%}.sprout-three{display:none}.sprout-two{left:70px}.machine-base{--block-size:37px;bottom:140px}.machine-top{--block-size:30px;bottom:178px}.workshop-block{--block-size:30px;bottom:182px}.garden-block{--block-size:29px;bottom:112px}.carried{--block-size:19px}.carried-youngfall{bottom:217px}.carried-z1k4{bottom:241px}.carried-luks{bottom:198px}.scene-name{font-size:12px}.featured .scene-name{font-size:16px}.scene-action{font-size:8px}.scene-foundation{width:110px;left:43%}.workshop-gear{bottom:151px;font-size:22px}.scene-caption{font-size:9px}.workshop-wall{top:70px;height:130px}}
@media(max-width:480px){.construction-scene{height:420px;margin-top:25px}.scene-heading .small-badge{display:none}.scene-heading .eyebrow{font-size:8px}.scene-worker .skin-viewer{--u:2.5px}.scene-worker.featured .skin-viewer{--u:3.9px}.scene-worker.featured{left:49%;bottom:150px}.scene-worker.engineer{left:20%;bottom:205px}.scene-worker.farmer{left:80%;bottom:135px}.scene-name{font-size:10px;padding:3px 7px}.featured .scene-name{font-size:14px}.scene-action{font-size:7px;top:calc(100% + 46px)}.scene-floor{left:4%;width:92%;height:185px;bottom:95px}.scene-foundation{width:80px;height:50px;left:42%}.garden-plot{width:74px;left:69%;bottom:114px}.sprout{left:23px;height:19px}.sprout-two{left:53px}.world-block.machine-base{left:52%;--block-size:30px;bottom:143px}.machine-top{left:52%;--block-size:24px;bottom:174px}.workshop-block{left:23%;--block-size:25px;bottom:188px}.garden-block{left:78%;--block-size:23px;bottom:106px}.carried{--block-size:16px}.carried-youngfall{left:48%;bottom:203px}.carried-z1k4{left:20%;bottom:231px}.carried-luks{left:76%;bottom:182px}.workshop-gear{left:52%;bottom:152px;font-size:19px}.scene-caption{left:12px;right:12px;font-size:8px;bottom:16px;line-height:1.8}.workshop-wall{height:120px;top:70px}}
@media(prefers-reduced-motion:reduce){.construction-scene *{animation:none!important}.carried{opacity:0}}