.area-game{position:relative;min-height:100svh;overflow:hidden;padding:80px 16px 40px;color:#40566a;background:linear-gradient(180deg,#bae6fd,#dcf7ed 58%,#fff4cf);isolation:isolate}.area-content{position:relative;z-index:2;width:min(1040px,100%);margin:auto}.area-scenery{position:absolute;inset:0;z-index:-1;pointer-events:none}.area-scenery span{position:absolute;font-size:clamp(65px,11vw,130px);opacity:.65;filter:drop-shadow(0 10px 0 #b0dbea);animation:architect-float 5s ease-in-out infinite}.area-scenery span:first-child{top:12%;left:2%}.area-scenery span:nth-child(2){top:22%;right:3%;scale:.65;animation-delay:-2s}.area-scenery i{position:absolute;bottom:-60px;width:48%;height:190px;border-radius:50% 50% 0 0;background:#92d58c;box-shadow:inset 0 12px 0 #c4edaa}.area-scenery i:first-of-type{left:-8%;rotate:5deg}.area-scenery i:nth-of-type(2){right:-8%;background:#7fca7e;rotate:-6deg}@keyframes architect-float{50%{translate:0 -12px;rotate:2deg}}.area-goal-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border:4px solid #fff;border-radius:30px;background:linear-gradient(145deg,#fffef5,#fff3b9);box-shadow:0 9px 0 #e3bd58,0 20px 36px #54778e2b}.area-goal-icon{display:grid;width:62px;height:62px;flex:0 0 auto;place-items:center;border-radius:21px;background:linear-gradient(145deg,#b5f1a5,#62c87a);box-shadow:inset 4px 4px 0 #eaffdc,0 7px 0 #449f61;font-size:38px}.area-goal-card>div{flex:1}.area-goal-card p{margin:0;color:#4ba56b;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.area-goal-card h1{margin:3px 0 0;font-size:clamp(18px,3.2vw,31px);line-height:1.15}.area-goal-card button{display:grid;width:50px;height:50px;place-items:center;cursor:pointer;border:3px solid #fff;border-bottom:7px solid #397fb1;border-radius:18px;color:#fff;background:linear-gradient(#79ccf3,#4aa7d9)}.architect-workbench{margin-top:18px;padding:18px;border:4px solid #fff;border-radius:38px;background:#fffdf0d9;box-shadow:0 12px 0 #b7d4bd,0 25px 44px #506d7033;backdrop-filter:blur(8px)}.formula-signs{display:flex;justify-content:center;gap:14px;margin-bottom:18px}.formula-signs>div{display:grid;min-width:190px;grid-template-columns:auto auto;align-items:center;gap:0 14px;padding:9px 16px;border-radius:22px;color:#6c5482;background:linear-gradient(145deg,#f7eaff,#dfc9f8);box-shadow:inset 3px 3px 0 #fff,0 7px 0 #b99ad9}.formula-signs span{font-size:14px;font-weight:900}.formula-signs strong{grid-row:1/3;grid-column:2;font-size:38px;line-height:1;color:#8056c5;text-shadow:0 3px #fff,0 6px #b69cce}.formula-signs small{font-size:11px}.formula-signs>div:nth-child(2){background:linear-gradient(145deg,#e5f8ff,#b8e7f6);box-shadow:inset 3px 3px 0 #fff,0 7px 0 #75bbd3}.formula-signs>div:nth-child(2) strong{color:#318caf}.formula-signs .is-matched{background:linear-gradient(145deg,#eaffd6,#aee785)!important;box-shadow:inset 3px 3px 0 #fff,0 7px 0 #67b85e,0 0 25px #bdf06d!important}.formula-signs .is-matched strong{color:#3b9b54!important}.architect-stage{display:grid;grid-template-columns:200px minmax(360px,1fr) 200px;align-items:center;gap:18px;min-height:390px;padding:24px;border-radius:30px;background:linear-gradient(#d9f3ff,#c7e9f7 62%,#abd78e 0);box-shadow:inset 0 7px 0 #fff8,0 8px 0 #82b4c3;overflow:hidden}.builder-control{padding:14px;border:3px solid #fff;border-bottom:8px solid #d58a34;border-radius:24px;background:linear-gradient(#ffd981,#f6ad4c);box-shadow:0 14px 24px #71553035}.width-control{border-bottom-color:#8158bf;background:linear-gradient(#d8b9ff,#a87be4)}.control-title{display:grid;grid-template-columns:28px 1fr;align-items:center;text-transform:capitalize}.control-title svg{grid-row:1/3}.control-title span{font-size:14px}.control-title strong{font-size:21px}.control-row{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:7px;margin-top:12px}.control-row button{display:grid;width:42px;height:42px;place-items:center;cursor:pointer;border:3px solid #fff;border-bottom:6px solid #4c77a1;border-radius:14px;color:#fff;background:#65a9dc}.control-row button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.48}.control-row input{width:100%;accent-color:#4e8bc1;cursor:grab}.garden-display{display:grid;min-height:320px;place-items:center;padding:52px 35px}.single-garden{position:relative;max-width:390px;max-height:290px;border:12px ridge #e8b76b;border-radius:18px;background:#795136;box-shadow:inset 0 0 0 7px #493324,0 15px 18px #426a6055;transform-style:preserve-3d}.garden-soil{position:absolute;inset:8px;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:8px;padding:12px;border-radius:7px;background:radial-gradient(circle,#81593c 2px,transparent 3px),linear-gradient(#9d714d,#765035);background-size:17px 17px;font-size:clamp(23px,4vw,38px);overflow:hidden}.garden-soil b,.garden-soil span{filter:drop-shadow(0 5px 2px #32251b66)}.fence-label{position:absolute;z-index:3;padding:4px 9px;border:2px solid #fff;border-radius:10px;color:#fff;background:#ef775f;box-shadow:0 4px 0 #ad4c3f;font-size:12px;font-weight:900;white-space:nowrap}.fence-top{top:-38px;left:50%;translate:-50%}.fence-bottom{bottom:-42px;left:50%;translate:-50%}.fence-left{top:50%;left:-54px;translate:-50% -50%;rotate:-90deg}.fence-right{top:50%;right:-54px;translate:50% -50%;rotate:90deg}.area-message{min-height:24px;margin:17px 0 10px;text-align:center;color:#587161;font-size:16px;font-weight:900}.area-actions{display:flex;justify-content:center;gap:12px}.area-actions button,.area-success button{display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:9px;padding:0 22px;cursor:pointer;border:solid #fff;border-width:3px 3px 8px;border-radius:22px;font-size:18px;font-weight:900}.reset-button{color:#644d77;background:linear-gradient(#eee2fa,#d5c0ea);border-bottom-color:#a488bf!important}.plant-button{color:#fff;background:linear-gradient(#82d692,#56af69);border-bottom-color:#378247!important;text-shadow:0 2px #2f7c42}.plant-button.is-ready{animation:architect-ready .7s ease-in-out infinite alternate;box-shadow:0 0 24px #86e468}@keyframes architect-ready{to{filter:brightness(1.12);scale:1.035}}.area-success-wrap{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:18px;background:#3b636a80;backdrop-filter:blur(8px)}.area-success{position:relative;width:min(440px,100%);padding:74px 28px 28px;text-align:center;border:5px solid #fff;border-radius:40px;background:linear-gradient(#fffce3,#d9f7d4);box-shadow:0 14px 0 #5ca66b,0 30px 70px #294d4d66}.area-success-star{position:absolute;top:-66px;left:50%;translate:-50%;font-size:108px;filter:drop-shadow(0 9px #d89c22);transform-style:preserve-3d}.success-sparkle{position:absolute;top:30px;right:46px;width:42px;height:42px;color:#f6b93b;fill:#ffe585}.success-garden{font-size:43px;letter-spacing:-9px}.area-success h2{margin:12px 0 5px;color:#419059;font-size:42px}.area-success p{margin:0;font-size:17px;line-height:1.5}.area-success p strong{color:#7a56bd}.area-success button{margin-top:20px;color:#fff;background:linear-gradient(#ff9ab9,#f36e98);border-bottom-color:#bb4269}@media(max-width:850px){.architect-stage{grid-template-columns:1fr 1fr}.garden-display{grid-column:1/-1;grid-row:1;min-height:300px}.builder-control{grid-row:2}}@media(max-width:560px){.area-game{padding:72px 8px 28px}.area-goal-card{padding:10px 12px}.area-goal-icon{display:none}.area-goal-card h1{font-size:17px}.architect-workbench{padding:10px 7px 16px}.formula-signs{gap:7px}.formula-signs>div{min-width:0;flex:1;padding:7px 9px;gap:0 5px}.formula-signs strong{font-size:30px}.architect-stage{gap:8px;padding:12px 7px}.garden-display{min-height:280px;padding:50px 38px}.builder-control{padding:9px}.control-title strong{font-size:17px}.control-row{grid-template-columns:36px 1fr 36px}.control-row button{width:36px;height:36px}.area-actions button{padding:0 14px;font-size:15px}}@media(prefers-reduced-motion:reduce){.area-scenery span,.plant-button.is-ready{animation:none}}.area-game{min-height:100dvh;padding:68px 18px 28px;overflow:visible;color:#2f5360;background:linear-gradient(180deg,#b9e8ff,#d8f2d4)!important}.area-game .area-page-heading{width:min(820px,calc(100% - 110px));margin:0 auto 12px;padding:0;text-align:center;border:0!important;border-radius:0!important;outline:0;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.area-page-heading p{margin:0 0 2px;color:#3e7687;font-size:12px;font-weight:900;letter-spacing:.18em}.area-page-heading h1{margin:0;color:#fff;font-size:clamp(33px,5vw,58px);font-weight:1000;line-height:1;letter-spacing:-.055em;text-shadow:0 3px 0 #74ae6d,0 6px 0 #498a61,0 10px 18px #305a4445;-webkit-text-stroke:1px #4f9668;paint-order:stroke fill}.area-game .area-content{isolation:isolate;width:min(1220px,100%);min-height:clamp(590px,calc(100svh - 166px),850px);padding:20px 25px 26px;overflow:hidden;border:6px solid #fff;border-radius:38px;background:transparent;box-shadow:0 10px 0 #73ad77,0 22px 42px #41634b45}.area-content>.g3-art-backdrop{z-index:0}.area-content .g3-theme-area-perimeter-garden .g3-art-far{background-image:url(/assets/preschool-3d/backgrounds/area-perimeter-garden/background-sharp-v2.webp)!important;opacity:1;mix-blend-mode:normal}.area-content .g3-theme-area-perimeter-garden .g3-art-foreground,.area-content .g3-theme-area-perimeter-garden .g3-art-mid,.area-content .g3-theme-area-perimeter-garden .g3-art-near{opacity:.025;mix-blend-mode:soft-light;mask-image:linear-gradient(180deg,transparent 55%,#000)}.area-content .g3-theme-area-perimeter-garden .g3-art-readable-wash{background:none!important}.area-game .area-goal-card{position:relative;z-index:4;width:min(800px,100%);margin:0 auto;padding:12px 16px;border:3px solid #fff;border-radius:23px;color:#254b56;background:#f3fbfff2;box-shadow:0 6px 0 #a7ced2,0 13px 23px #35574f25}.area-goal-card p{color:#5c9a61}.area-goal-card h2{margin:4px 0 0;font-size:clamp(21px,2.55vw,31px);line-height:1.13;letter-spacing:-.035em}.area-game .area-goal-card button{flex:0 0 auto;width:54px;height:54px;border:0;border-radius:17px;background:#5db8dd;box-shadow:0 6px 11px #367e9d48;touch-action:manipulation}.area-round-progress{position:relative;z-index:3;display:flex;justify-content:center;gap:7px;margin:12px 0 0}.area-round-progress svg{width:26px;height:26px;color:#ffffffc7;filter:drop-shadow(0 2px 3px #487b5159)}.area-round-progress svg.is-current{color:#ffce5c;fill:#ffce5c;transform:scale(1.15)}.area-round-progress svg.is-done{color:#f7b846;fill:#f7b846}.area-game .architect-workbench{position:relative;z-index:2;display:grid;grid-template-columns:278px minmax(0,1fr) 330px;align-items:center;gap:16px;min-height:510px;margin-top:8px;padding:0;border:0;border-radius:0;background:transparent!important;background-color:transparent!important;box-shadow:none!important;backdrop-filter:none!important}.area-game .area-mascot{position:relative;z-index:3;grid-column:1;align-self:end;justify-self:start;left:auto;bottom:auto;width:278px;max-width:none;margin-bottom:8px;overflow:visible;filter:drop-shadow(0 12px 8px #3e603947)}.area-mascot img{object-fit:contain}.area-game .garden-display{position:relative;grid-column:2;display:grid;min-width:0;min-height:440px;place-items:center;padding:48px 34px;overflow:visible;background:transparent}.area-game .single-garden{position:relative;width:var(--garden-desktop-width);height:var(--garden-desktop-height);max-width:none;max-height:none;border:7px solid #68412f!important;border-radius:20px;background:#72462f!important;box-shadow:inset 0 0 0 3px #4e3024,0 10px 0 #513427,0 22px 24px #3e512d5c!important;transition:width .35s ease,height .35s ease;transform:perspective(900px) rotateX(8deg);transform-style:flat}.area-game .single-garden:after,.area-game .single-garden:before{display:none!important}.area-game .garden-soil{position:absolute;inset:7px;display:block;padding:0;border-radius:10px;background:radial-gradient(circle at 12% 22%,#c29366 0 3px,transparent 4px),radial-gradient(circle at 68% 16%,#64402e 0 2px,transparent 3px),radial-gradient(circle at 82% 72%,#c89b6c 0 3px,transparent 4px),radial-gradient(circle at 28% 78%,#603c2b 0 2px,transparent 3px),linear-gradient(145deg,#a87550,#8b5b3d 48%,#73462f)!important;background-repeat:no-repeat!important;background-size:auto!important;box-shadow:inset 0 8px 16px #3d261b7a;overflow:hidden}.area-game .garden-flower{position:absolute;display:block;width:31%;height:42%;background:url(/assets/preschool-3d/props/flower.webp) 50%/contain no-repeat;filter:drop-shadow(0 4px 4px #3d291b66)}.area-game .garden-flower-1{left:2%;top:5%}.area-game .garden-flower-2{left:34%;top:0}.area-game .garden-flower-3{right:2%;top:8%}.area-game .garden-flower-4{left:17%;bottom:0}.area-game .garden-flower-5{right:13%;bottom:-2%;width:34%;height:48%;background-image:url(/assets/preschool-3d/props/kindergarten-objects/sunflower.webp)}.area-game .fence-label{z-index:4;padding:5px 9px;border:2px solid #fff;border-radius:10px;color:#704927;background:#f5fbf7;box-shadow:0 4px 0 #95b6a0,0 5px 8px #503b2540;font-size:14px;line-height:1;text-shadow:none}.area-game .fence-top{top:-39px;left:50%;translate:-50% 0}.area-game .fence-bottom{bottom:-42px;left:50%;translate:-50% 0}.area-game .fence-left,.area-game .fence-right{top:50%;writing-mode:vertical-rl;rotate:none;translate:0 -50%}.area-game .fence-left{left:-41px;transform:rotate(180deg)}.area-game .fence-right{right:-41px}.area-game .architect-sidebar{grid-column:3;display:grid;gap:11px;min-width:0;align-content:center}.area-game .formula-signs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.area-game .formula-signs>div{min-width:0;padding:10px 11px;border:2px solid #fff;border-bottom:6px solid #ae90cf;border-radius:17px;color:#684f82;background:#f5e8ff;box-shadow:0 5px 11px #4c5c4233}.area-game .formula-signs>div:nth-child(2){border-bottom-color:#70b5cd;background:#e2f6ff}.area-game .formula-signs span{font-size:13px}.area-game .formula-signs strong{font-size:32px}.area-game .formula-signs small{font-size:10px;line-height:1.2;overflow-wrap:anywhere}.area-game .formula-signs .is-matched{background:#e1f7c5!important;border-bottom-color:#6bb86a!important;box-shadow:0 5px 11px #4c5c4233,0 0 17px #c1f77990!important}.area-game .builder-control{min-width:0;padding:11px 14px;border:0;border-radius:19px;background:linear-gradient(#ffe49e,#efb967);box-shadow:inset 0 4px 0 #fff9,inset 0 -6px 0 #c7833e,0 9px 15px #5a563d35}.area-game .width-control{background:linear-gradient(#ead6ff,#bfa0e6);box-shadow:inset 0 4px 0 #fff9,inset 0 -6px 0 #8f6cbf,0 9px 15px #4e456335}.area-game .control-title{color:#554833;font-size:15px;font-weight:900}.area-game .width-control .control-title{color:#584875}.area-game .control-title strong{font-size:19px}.area-game .control-row{grid-template-columns:48px minmax(0,1fr) 48px;gap:7px;margin-top:9px}.area-game .control-row button{width:48px;height:48px;border:2px solid #fff;border-bottom:5px solid #477a9f;border-radius:14px;touch-action:manipulation}.area-game .control-row input{min-height:36px;touch-action:pan-x}.area-game .area-message{min-height:40px;margin:0;color:#285c4d;font-size:15px;line-height:1.25;text-shadow:0 2px 4px #fff}.area-game .area-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px}.area-game .area-actions button{min-height:60px;padding:0 9px;border:solid #fff;border-width:2px 2px 7px;border-radius:18px;font-size:15px;line-height:1.1;touch-action:manipulation}.area-game .area-actions svg{width:20px;height:20px;flex:0 0 auto}.area-game button:focus-visible,.area-game input:focus-visible{outline:4px solid #28576b;outline-offset:3px}@media (max-width:1050px){.area-game .architect-workbench{grid-template-columns:227px minmax(0,1fr) 310px;gap:10px}.area-game .area-mascot{width:227px}.area-game .garden-display{padding-inline:34px}.area-game .single-garden{width:var(--garden-tablet-width);height:var(--garden-tablet-height)}}@media (max-width:900px){.area-game .architect-workbench{grid-template-columns:227px minmax(0,1fr);gap:12px}.area-game .area-mascot{grid-column:1;grid-row:1}.area-game .garden-display{grid-column:2;grid-row:1;min-height:350px}.area-game .architect-sidebar{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr))}.area-game .area-actions,.area-game .area-message,.area-game .formula-signs{grid-column:1/-1}.area-game .area-actions{grid-template-columns:minmax(120px,170px) minmax(180px,230px);justify-content:center}}@media (max-width:620px){.area-game{padding:64px 8px 20px}.area-game .area-page-heading{width:calc(100% - 88px);margin-bottom:9px}.area-page-heading p{font-size:10px}.area-page-heading h1{font-size:clamp(26px,7vw,38px)}.area-game .area-content{min-height:0;padding:12px 10px 18px;border-width:4px;border-radius:28px}.area-game .area-goal-card{gap:8px;padding:10px;border-radius:18px}.area-goal-card p{font-size:10px}.area-goal-card h2{font-size:clamp(18px,4.7vw,24px)}.area-game .area-goal-card button{width:44px;height:44px}.area-round-progress{margin-top:9px}.area-round-progress svg{width:23px;height:23px}.area-game .architect-workbench{grid-template-columns:1fr;gap:8px;min-height:0;margin-top:2px}.area-game .garden-display{grid-column:1;grid-row:1;min-height:280px;padding:45px 27px}.area-game .single-garden{width:var(--garden-mobile-width);height:var(--garden-mobile-height);border-radius:19px}.area-game .garden-soil{inset:4px}.area-game .fence-label{padding:4px 6px;font-size:11px}.area-game .fence-top{top:-32px}.area-game .fence-bottom{bottom:-35px}.area-game .fence-left{left:-29px}.area-game .fence-right{right:-29px}.area-game .architect-sidebar{grid-column:1;grid-row:2;grid-template-columns:1fr;gap:10px}.area-game .area-actions,.area-game .area-message,.area-game .formula-signs{grid-column:1}.area-game .formula-signs strong{font-size:31px}.area-game .area-mascot{grid-column:1;grid-row:3;justify-self:start;width:203px;margin-top:-8px;margin-bottom:0}.area-game .area-actions{grid-template-columns:1fr 1.5fr}}@media (prefers-reduced-motion:reduce){.area-game .single-garden{transition:none}.area-game .plant-button.is-ready{animation:none}.area-game .garden-flower{transform:none!important}}