.zero-hero-garden{--garden-green:#3d9a58;--garden-deep:#1f7040;--garden-gold:#ffd65a}.zero-hero-garden .prek-machine{background:linear-gradient(145deg,#77d37d,#42aa69);box-shadow:inset 0 -10px #26814c,inset 0 5px #c7f5ae,0 12px 0 #1c693f,0 25px 45px #1e513c4d}.zero-hero-garden .prek-status{box-shadow:0 5px #236f45}.zero-garden-stage{position:absolute;inset:0;box-sizing:border-box;width:100%;height:100%;min-height:0;padding:108px 22px 78px;overflow:hidden;border:0;border-radius:inherit;background:#8dd17a;isolation:isolate}.zero-garden-backdrop{position:absolute!important;z-index:-4;inset:0}.zero-garden-backdrop img{object-fit:cover;object-position:center 54%}.zero-garden-wash{position:absolute;z-index:-3;inset:0;background:linear-gradient(180deg,#dff9ff1f,transparent 40%,#24442320);pointer-events:none}.zero-garden-character{position:absolute;z-index:5;bottom:15px;left:10px;width:clamp(210px,26vw,270px);aspect-ratio:1;filter:drop-shadow(0 11px 8px #254b3366);animation:zero-cherry-float 3.2s ease-in-out infinite;pointer-events:none}.zero-garden-character img{object-fit:contain}.zero-garden-play{z-index:2;width:min(1020px,100%);height:100%;margin:0 auto;flex-direction:column}.zero-garden-play,.zero-garden-task{position:relative;display:flex;align-items:center;justify-content:center}.zero-garden-task{z-index:5;width:max-content;max-width:95%;margin:0 auto -14px;padding:8px 20px;gap:8px;border:4px solid #fff;border-radius:999px;color:#fff;background:#398555eb;box-shadow:0 6px #21623e,0 10px 18px #244a3448;font-size:clamp(18px,2.2vw,25px);font-weight:1000;line-height:1.05;text-align:center;text-shadow:0 2px #23613d}.zero-garden-task svg{width:25px;height:25px}.zero-garden-bed{position:relative;width:min(860px,calc(100% - 96px));max-width:none;aspect-ratio:2/1;margin:0 auto;flex:0 1 auto}.zero-garden-bed-art{z-index:0;object-fit:contain;filter:drop-shadow(0 14px 9px #35502e45)}.zero-garden-item{--item-left:50%;--item-top:50%;--item-rotate:0deg;position:absolute;z-index:3;top:var(--item-top);left:var(--item-left);width:clamp(88px,12vw,132px);aspect-ratio:1;padding:0;cursor:pointer;border:0;border-radius:50%;background:transparent;filter:drop-shadow(0 8px 5px #293d2952);transform:translate(-50%,-50%) rotate(var(--item-rotate));transition:filter .18s ease,transform .18s ease;touch-action:manipulation}.zero-garden-item img{object-fit:contain}.zero-garden-item.is-flower{width:clamp(84px,11vw,122px)}.zero-garden-item.is-leaf{width:clamp(82px,11vw,118px)}.zero-garden-item.is-butterfly{width:clamp(94px,12vw,134px)}.zero-garden-item.is-bug{width:clamp(86px,11vw,122px)}.zero-garden-item.is-tulip{width:clamp(90px,11.5vw,126px)}.zero-garden-item:not(:disabled):hover{filter:brightness(1.08) drop-shadow(0 10px 7px #293d2961);transform:translate(-50%,-54%) rotate(var(--item-rotate)) scale(1.07)}.zero-garden-item:not(:disabled):active{transform:translate(-50%,-46%) rotate(var(--item-rotate)) scale(.94)}.zero-garden-item:focus-visible{outline:7px solid #fff26a;outline-offset:3px}.zero-garden-item:disabled{cursor:default}.zero-garden-item.is-cleared{pointer-events:none;animation:zero-item-clear .32s ease-in forwards}.zero-empty-sparkle{position:absolute;z-index:5;top:45%;left:50%;display:grid;width:82px;aspect-ratio:1;place-items:center;border-radius:50%;color:#fff9a3;background:#319c60d9;box-shadow:0 0 0 6px #ffffffd9,0 9px 18px #23593855;transform:translate(-50%,-50%);animation:zero-sparkle-pop .35s ease-out}.zero-empty-sparkle svg{width:48px;height:48px}.zero-number-area{position:absolute;z-index:8;top:52%;right:0;display:flex;flex-direction:column;align-items:center;opacity:.48;transform:translateY(-50%) scale(.93);transition:opacity .22s ease,transform .22s ease}.zero-number-area.is-ready{opacity:1;transform:translateY(-50%) scale(1)}.zero-number-area p{margin:0 0 8px;padding:5px 9px;border-radius:999px;color:#245639;background:#fffce5dc;box-shadow:0 3px #c7ab59;font-size:15px;font-weight:1000;text-align:center}.zero-number-row{display:flex;flex-direction:column;gap:10px}.zero-number-row button{display:grid;width:82px;min-height:66px;padding:0;cursor:pointer;place-items:center;border:5px solid #fff9db;border-radius:45% 55% 49% 51%;color:#3c643a;background:linear-gradient(155deg,#fff6bb,#e0c46f);box-shadow:0 7px #997b37,0 12px 15px #3150334b;font-size:40px;font-weight:1000;line-height:1;text-shadow:0 2px #fffbd5;transition:transform .15s ease,filter .15s ease;touch-action:manipulation}.zero-number-row button:not(:disabled):hover{filter:brightness(1.07);transform:translateY(-3px) scale(1.04)}.zero-number-row button:not(:disabled):active{transform:translateY(5px);box-shadow:0 2px #997b37}.zero-number-row button:focus-visible{outline:7px solid #ffef5b;outline-offset:3px}.zero-number-row button:disabled{cursor:default}.zero-number-row button.is-selected{animation:zero-number-wiggle .38s ease}.zero-number-row button.is-correct{color:#fff;background:linear-gradient(155deg,#68dc79,#2b9e56);box-shadow:0 7px #17713c,0 0 22px #fff181;text-shadow:0 2px #1c7a42}.zero-garden-feedback{position:absolute;z-index:7;bottom:17px;left:50%;display:flex;min-height:34px;max-width:min(570px,calc(100% - 230px));margin:0;padding:6px 18px;align-items:center;justify-content:center;gap:7px;border-radius:999px;color:#fff;background:#285e42d9;box-shadow:0 4px #17482f;font-size:clamp(15px,2vw,20px);font-weight:1000;text-align:center;text-shadow:0 2px #16422c;transform:translateX(-50%)}.zero-garden-feedback svg{width:22px;height:22px}@keyframes zero-item-clear{55%{opacity:.85;transform:translate(-50%,-75%) rotate(calc(var(--item-rotate) + 12deg)) scale(1.12)}to{opacity:0;transform:translate(-50%,-135%) rotate(calc(var(--item-rotate) + 24deg)) scale(.3)}}@keyframes zero-sparkle-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.45) rotate(-20deg)}}@keyframes zero-number-wiggle{30%{transform:rotate(-6deg) scale(1.07)}70%{transform:rotate(6deg) scale(1.07)}}@keyframes zero-cherry-float{50%{transform:translateY(-7px) rotate(1deg)}}@media (max-width:900px){.zero-garden-stage{padding:130px 16px 78px}.zero-garden-play{width:100%;margin:0 auto}.zero-garden-bed{width:min(760px,calc(100% - 76px))}.zero-garden-character{width:210px;left:-8px}.zero-number-area{right:-5px}.zero-number-row button{width:72px;min-height:60px;font-size:35px}}@media (max-width:560px){.zero-garden-stage{padding:126px 7px 69px}.zero-garden-play{width:100%;margin:0}.zero-garden-task{margin-bottom:-7px;padding:6px 12px;border-width:3px;font-size:17px}.zero-garden-task svg{width:21px;height:21px}.zero-garden-bed{width:108%;margin-inline:-4%}.zero-garden-item,.zero-garden-item.is-flower{width:69px}.zero-garden-item.is-leaf{width:65px}.zero-garden-item.is-butterfly{width:73px}.zero-garden-item.is-bug,.zero-garden-item.is-tulip{width:68px}.zero-number-area{top:53%;right:0}.zero-number-area p{max-width:77px;padding:5px 4px;font-size:12px}.zero-number-row{gap:7px}.zero-number-row button{width:63px;min-height:55px;border-width:4px;font-size:32px;box-shadow:0 5px #997b37,0 8px 12px #3150334b}.zero-garden-character{z-index:4;bottom:4px;left:-25px;width:150px;opacity:.95}.zero-garden-feedback{bottom:12px;max-width:calc(100% - 110px);padding:5px 12px;font-size:14px}}@media (max-width:385px){.zero-garden-stage{padding-top:121px}.zero-garden-task{font-size:15px}.zero-number-row button{width:57px;min-height:50px;font-size:29px}.zero-garden-feedback{max-width:calc(100% - 78px)}}@media (max-height:700px) and (min-width:700px){.zero-garden-stage{padding-top:98px;padding-bottom:64px}.zero-garden-character{width:225px}.zero-garden-bed{width:min(700px,calc(100% - 86px))}.zero-number-row button{width:70px;min-height:53px;font-size:34px}.zero-number-row{gap:7px}.zero-garden-feedback{bottom:10px}}@media (prefers-reduced-motion:reduce){.zero-empty-sparkle,.zero-garden-character,.zero-garden-item.is-cleared,.zero-number-row button.is-selected{animation:none!important}.zero-garden-item.is-cleared{opacity:0}.zero-garden-item,.zero-number-area,.zero-number-row button{transition-duration:.01ms!important}}