.site{position:relative;width:min(960px,96%);height:450px;margin:14px auto 0;isolation:isolate}.ground{position:absolute;z-index:-2;inset:80px 1% 37px;background:radial-gradient(ellipse at 45% 20%,#f0dcba,#e6cda5);border-radius:47% 53% 48% 45%;transform:rotate(-4deg);box-shadow:0 13px #dbc09b,0 24px 30px -20px #51392f45}.ground:after{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23947353' opacity='.5' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.road{position:absolute;width:63%;height:38%;top:34%;left:17%;border:30px solid #f6e6c9;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-12deg)}.site-sign{position:absolute;top:80px;left:44%;font-size:12px;text-align:center;background:#fff3db;border:5px solid #d1b58c;border-radius:9px;padding:12px 13px;transform:rotate(-5deg);box-shadow:2px 5px #c4a27b}.site-sign:after{content:"";position:absolute;left:48%;top:100%;width:7px;height:27px;background:#b08b66;z-index:-1}.site-sign small{font-size:5px;letter-spacing:1px}.vehicle{position:absolute;border:0;background:none;padding:0;cursor:pointer;width:300px;height:270px;border-radius:45%;overflow:visible}.vehicle img{position:absolute;object-fit:contain;pointer-events:none;height:auto}.machine{position:absolute;inset:0;transform-origin:50% 85%}.body{width:82%;left:13%;bottom:22%}.excavator{left:3%;top:68px;z-index:3}.excavator .arm{width:67%;left:-12%;top:-2%;transform-origin:90% 75%;z-index:2}.treasure{width:20%;left:-1%;bottom:22%;opacity:0}.truck{right:3%;top:64px;z-index:2}.truck .bed{width:60%;right:-1%;top:13%;transform-origin:92% 77%}.blocks{width:30%;right:-8%;bottom:19%;opacity:0}.roller{left:38%;top:192px;z-index:4;width:270px;height:230px}.roller .body{width:88%;left:11%;bottom:19%}.roller .drum{width:45%;left:-5%;bottom:12%;z-index:2}.mound{width:35%;left:-20%;bottom:9%;z-index:-1}.flat-road{position:absolute;left:-18%;bottom:10%;width:43%;height:19%;background:#c4ab84;border-radius:50%;transform:scaleX(.1);opacity:0;z-index:-1}.vehicle-label{position:absolute;bottom:4%;left:30%;font-size:10px;letter-spacing:1px;border:1px solid #51392f20;padding:6px 10px;border-radius:20px;background:#fff8eeb3;white-space:nowrap;transition:background .2s}.vehicle-label>span{margin-left:5px}.vehicle:hover .vehicle-label,.vehicle[aria-busy=true] .vehicle-label{background:#fff8ee}.pebble{position:absolute;width:23px;height:14px;background:#f7ecd7;border-radius:50%;box-shadow:1px 3px 1px #a98c5c30}.p1{left:33%;top:64%}.p2{right:20%;top:76%;width:13px;height:10px}.sprout{position:absolute;color:#829a76;font-size:50px;font-weight:700}.s1{left:12%;top:61%;transform:rotate(-30deg)}.s2{right:14%;top:19%}.simple-feedback .machine{filter:brightness(1.08)}@media(max-width:700px){.site{height:460px;max-width:490px;margin-top:15px}.ground{inset:75px 2% 40px;border-radius:46% 43% 45% 44%;transform:rotate(-9deg)}.site-sign{top:55px;left:55%;font-size:10px;padding:8px}.site-sign small{font-size:4px}.vehicle{width:220px;height:205px}.excavator{left:3%;top:53px}.truck{right:1%;top:185px;width:210px;height:190px}.roller{left:8%;top:273px;width:190px;height:166px}.vehicle-label{font-size:9px;padding:5px 7px;left:22%}.truck .blocks{right:-1%}.roller .mound{left:-10%}.road{left:12%;top:22%;width:65%;height:65%;border-width:22px}.s1{top:70%}.s2{right:15%;top:28%}}@media(max-width:380px){.vehicle{width:195px;height:190px}.excavator{left:4%}.truck{width:185px;height:175px;top:196px;right:0}.roller{width:170px;height:155px;top:280px;left:7%}}.vehicle-label{transition:none}.excavator-art,.roller-art{position:absolute;inset:0;transform:scaleX(-1);pointer-events:none}.machine .chassis{position:absolute;width:82%;left:13%;bottom:22%}.machine .chassis .body{position:static;display:block;width:100%;height:auto}.roller .machine .chassis{width:88%;left:11%;bottom:19%}.truck .machine .bed{width:52%;left:49%;right:auto;top:9%;z-index:1;transform-origin:88% 66%}.cab-mask{position:absolute;inset:0;z-index:2;clip-path:polygon(0 0,60% 0,60% 49%,65% 76%,65% 100%,0 100%);pointer-events:none}.cab-mask img{width:100%;height:auto;left:0;top:0}.truck .eyes{z-index:3}.eyes{position:absolute;display:flex;justify-content:space-between;width:9%;height:4%;left:42%;top:35%;transform:rotate(12deg);pointer-events:none}.eyes i{display:block;width:24%;height:100%;border-radius:50%;background:#51392f;box-shadow:inset 1px 0 1px #765344}.truck .eyes{width:12%;height:4.5%;left:17%;top:23%;transform:rotate(12deg)}.roller .eyes{width:13%;height:4.2%;left:24%;top:55%;transform:rotate(12deg)}@font-face{font-family:Kuli Latin;src:url(/assets/kuli-latin-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}body [lang=en]{font-family:Kuli Latin,sans-serif;font-weight:700;text-transform:uppercase}body header{justify-content:center}body header .brand{align-items:baseline;gap:9px}.brand-icon{align-self:center;width:30px;height:30px}.brand-cn{line-height:1}body header .brand .brand-en{font-size:.58em;line-height:1;letter-spacing:1.5px}body footer{display:flex;justify-content:space-between}.controls{display:flex;gap:4px;align-items:center}body footer #pause,body footer #mute{border:0;background:none;padding:10px;min-width:44px;min-height:44px;cursor:pointer;border-radius:0;display:grid;place-items:center}#pause svg{width:20px;height:20px;fill:currentColor}#mute{font-size:19px}#pause .play-glyph{display:none}#pause[aria-pressed=true] .play-glyph{display:block}#pause[aria-pressed=true] .pause-glyph{display:none}footer .edition{justify-self:end}@media(max-width:700px){.ground{left:8%;right:8%}.excavator{left:8%}.site{margin-top:30px}.site .site-sign{top:-12px;left:auto;right:9%;padding:12px 16px}}:root{font-family:ui-rounded,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#51392f;background:#fff8ee;font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:280px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}header{max-width:1440px;margin:auto;padding:32px 5%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit;font-size:24px;font-weight:800;letter-spacing:1px}.brand>span:last-child{font-size:16px;letter-spacing:3px}.brand-nut{color:#d97750;font-size:32px}.site-label{font-size:12px;letter-spacing:2px;display:flex;align-items:center;gap:9px}.site-label i{width:6px;height:6px;background:#829a76;border-radius:50%}.intro{text-align:center;margin:32px 20px 0}.eyebrow{font-size:10px;letter-spacing:3px;color:#987762;margin:0 0 20px}h1{font-size:clamp(30px,3.25vw,48px);line-height:1.4;letter-spacing:1px;font-weight:750;margin:0}.subtitle{font-size:14px;color:#977b67;letter-spacing:.6px;margin:15px 0 0}.mobile-break{display:none}.play-hint{text-align:center;font-size:13px;letter-spacing:2px;margin:5px 12px 38px}.play-hint>span{color:#d97750;margin-right:8px;font-size:23px;vertical-align:middle}footer{border-top:1px solid #51392f15;margin:0 5%;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:#9b816f;letter-spacing:1px}#pause{background:transparent;border:1px solid #d8c8b6;border-radius:30px;min-height:44px;padding:0 17px;font-size:11px;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #829a76;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-js{text-align:center;font-size:12px}[hidden]{display:none!important}@media(max-width:600px){header{padding:22px 6%}.brand{font-size:21px}.site-label{font-size:9px;letter-spacing:0}.intro{margin-top:35px}.eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:32px}.mobile-break{display:block}.subtitle{font-size:11px}.play-hint{font-size:12px;margin-bottom:25px}footer{flex-wrap:wrap;padding:18px 0;font-size:10px}.edition{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
