.build-game-page{background:#d8efff}.build-app{background:#fff9ed}.build-title{text-align:center;line-height:1}.build-title small{display:block;margin-top:4px;color:#dcefff;font-size:.7rem;font-weight:1000;text-transform:uppercase;letter-spacing:.05em}.build-score{min-width:72px;height:46px;padding:0 9px;border-radius:16px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;gap:4px;font-size:.82rem;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
.build-hud{position:relative;z-index:4;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:11px 12px;background:#fff;border-bottom:1px solid #eee3d0;box-shadow:0 8px 20px rgba(119,76,18,.08)}.build-step{padding:8px 9px;border-radius:15px;background:#fff1d9;color:#a35d12;font-size:.68rem;font-weight:1000;white-space:nowrap}.build-question{text-align:center;color:#7e4a17;font-size:.78rem;font-weight:1000;letter-spacing:.03em}.build-hud>button{width:43px;height:43px;border:0;border-radius:14px;background:#fff3de;color:#a36015;font-size:1.35rem;font-weight:1000;box-shadow:inset 0 0 0 2px #f0dec2}
.build-world{position:relative;min-height:690px;padding:125px 12px 168px;overflow:hidden;background:linear-gradient(#f4d99b 0 25%,#b46b38 25% 28%,#687780 28% 100%)}.build-world:before{content:"";position:absolute;left:0;right:0;top:28%;height:130px;background:repeating-linear-gradient(90deg,#55646e 0 58px,#5f6f78 58px 60px);opacity:.5}.build-workshop{position:absolute;left:50%;top:35px;transform:translateX(-50%);z-index:3;width:min(85%,500px);height:78px;border:6px solid #9f5d28;border-radius:20px;background:#edb95d;box-shadow:0 10px 20px rgba(0,0,0,.17)}.build-workshop:before{content:"";position:absolute;left:-7%;right:-7%;top:-29px;height:34px;background:#e64a3c;clip-path:polygon(50% 0,100% 100%,0 100%)}.build-workshop span{position:absolute;left:50%;top:21px;transform:translateX(-50%);white-space:nowrap;padding:7px 14px;border-radius:999px;background:#174d87;color:#fff;font-size:.72rem;font-weight:1000;letter-spacing:.07em}
.build-car{position:relative;z-index:4;width:min(92%,560px);height:270px;margin:0 auto 8px;filter:drop-shadow(0 16px 12px rgba(0,0,0,.26))}.build-body{position:absolute;left:7%;right:5%;bottom:50px;height:113px;border-radius:60px 75px 29px 31px;background:linear-gradient(#f74e47,#dc302f);border:6px solid #9f2726}.build-cabin{position:absolute;left:28%;right:24%;bottom:153px;height:77px;border-radius:42px 52px 5px 5px;background:#ef4540;border:6px solid #9f2726;clip-path:polygon(17% 100%,30% 5%,74% 5%,94% 100%)}.build-window{position:absolute;left:38%;bottom:168px;width:30%;height:48px;border-radius:9px;background:#aee3f5;border:5px solid #235a79;opacity:.13;transform:scale(.75);transition:.25s}.build-wheel{position:absolute;bottom:23px;width:75px;height:75px;border-radius:50%;background:#172535;border:10px solid #26384a;box-shadow:inset 0 0 0 11px #99a8b7;opacity:.13;transform:scale(.65);transition:.25s}.wheel-left{left:17%}.wheel-right{right:15%}.build-number{position:absolute;left:47%;bottom:76px;width:55px;height:55px;border-radius:8px;background:#fff;border:5px solid #174d87;color:#174d87;display:grid;place-items:center;font-size:1.8rem;font-weight:1000;opacity:.13;transform:scale(.65);transition:.25s}.build-flag{position:absolute;right:18%;bottom:203px;width:68px;height:74px;border-left:6px solid #4c5961}.build-flag i{position:absolute;left:0;top:0;width:58px;height:50px;background:#ffd238;clip-path:polygon(0 0,100% 50%,0 100%);opacity:.13;transform:scale(.65);transform-origin:left center;transition:.25s}.build-light{position:absolute;bottom:86px;width:28px;height:22px;border-radius:50%;background:#ffe883;border:4px solid #aa7812}.light-left{left:8%}.light-right{right:5%}.build-car [data-part].installed{opacity:1;transform:scale(1)}.build-car.completed{animation:buildDrive .85s ease forwards}
.build-target{position:relative;z-index:5;width:210px;margin:-5px auto 13px;padding:9px 13px;border-radius:18px;background:#fff;text-align:center;box-shadow:0 8px 20px rgba(0,0,0,.17)}.build-target span{display:block;color:#83909c;font-size:.63rem;font-weight:1000;letter-spacing:.08em}.build-target strong{display:block;color:#0b326d;font-size:1.2rem}.build-choices{position:absolute;left:12px;right:12px;bottom:46px;z-index:7;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:min(calc(100% - 24px),590px);margin:auto}.build-choice{min-height:96px;border:0;border-radius:21px;background:linear-gradient(#fff,#eef5ff);display:grid;place-items:center;box-shadow:0 7px 0 #b8c6d3,0 11px 22px rgba(0,0,0,.15)}.build-choice:active{transform:translateY(3px)}.build-choice.bad{animation:buildShake .3s;background:#ffe7e9}.build-choice.good{background:#e5ffed;box-shadow:0 7px 0 #30a75d}.build-choice.locked{pointer-events:none}.build-shape{display:block;width:61px;height:61px;background:#2782d6}.build-shape.circle{border-radius:50%;background:#ef4444}.build-shape.triangle{clip-path:polygon(50% 4%,96% 94%,4% 94%);background:#35b765}.build-shape.square{border-radius:8px;background:#f4ba25}.build-shape.rectangle{width:74px;height:49px;border-radius:8px;background:#884dde}.build-feedback{position:absolute;left:50%;bottom:153px;z-index:9;transform:translateX(-50%) translateY(10px);opacity:0;min-width:190px;padding:10px 16px;border-radius:999px;background:#fff;text-align:center;font-weight:1000;box-shadow:0 8px 22px rgba(0,0,0,.2);transition:.18s}.build-feedback.show{opacity:1;transform:translateX(-50%) translateY(0)}.build-feedback.good{color:#14864a}.build-feedback.bad{color:#ce2e3d}
.build-finish{position:absolute;inset:0;z-index:20;background:rgba(70,42,12,.72);display:grid;place-items:center;padding:22px;backdrop-filter:blur(5px)}.build-finish-card{width:min(100%,390px);padding:28px 20px;border-radius:30px;background:#fff;text-align:center;box-shadow:0 22px 60px rgba(0,0,0,.32)}.build-finish-card h2{font-size:2rem;margin:5px 0;color:#784314}.build-finish-card p{margin:0;color:#6d7d97;font-weight:800}.build-finish-stars{font-size:1.45rem;margin:16px 0}.build-finish-card button{border:0;border-radius:18px;background:linear-gradient(#ffb73a,#e9821f);color:#fff;padding:14px 20px;font-weight:1000;box-shadow:0 6px 0 #b85b10}
@keyframes buildShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@keyframes buildDrive{100%{transform:translateX(16%) rotate(-1deg)}}
@media(max-width:430px){.build-world{min-height:640px;padding:110px 7px 155px}.build-hud{gap:5px;padding-left:6px;padding-right:6px}.build-step{padding:7px 5px;font-size:.6rem}.build-question{font-size:.67rem}.build-hud>button{width:39px;height:39px}.build-car{height:240px}.build-body{height:99px}.build-cabin{bottom:140px;height:67px}.build-window{bottom:153px;height:42px}.build-wheel{width:65px;height:65px;bottom:25px}.build-number{bottom:70px;width:48px;height:48px}.build-flag{bottom:184px}.build-choices{left:7px;right:7px;width:calc(100% - 14px);gap:5px}.build-choice{min-height:83px;border-radius:17px}.build-shape{width:52px;height:52px}.build-shape.rectangle{width:64px;height:43px}.build-feedback{bottom:140px}}@media(prefers-reduced-motion:reduce){.build-car,.build-choice,.build-feedback,.build-car [data-part]{animation:none!important;transition:none!important}}