.size-staircase-garden{--hot:#ff8a72;--deep:#bd5d42;--ink:#465530;--sun:#ffe77a;--sky:#9ce7f3}.size-garden-stage{position:absolute;z-index:1;inset:0;overflow:hidden;isolation:isolate}.size-garden-glow{z-index:1;top:18%;width:min(760px,76%);height:45%;border-radius:50%;background:radial-gradient(ellipse,#fffbd78a,#fff6bd30 52%,transparent 75%);filter:blur(9px);pointer-events:none}.size-garden-glow,.size-source-bed{position:absolute;left:50%;transform:translateX(-50%)}.size-source-bed{z-index:7;top:23%;display:grid;width:min(720px,calc(100% - 300px));min-height:225px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;justify-items:center;gap:clamp(8px,2vw,26px)}.size-source-bed:after{position:absolute;z-index:-1;right:0;bottom:4px;left:0;height:44px;border-radius:50%;background:radial-gradient(ellipse,#7049318f,#82583e42 52%,transparent 73%);filter:blur(3px);content:"";transform:scaleY(.48)}.size-object-button{position:relative;display:grid;width:100%;max-width:230px;height:225px;padding:0;cursor:pointer;place-items:center;border:0;border-radius:38%;background:transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.size-object-button:before{position:absolute;right:15%;bottom:3%;left:15%;height:22px;border-radius:50%;background:#4a38264a;filter:blur(5px);content:"";transform:scaleY(.45)}.size-object-button:hover:not(:disabled) .size-object-art{filter:drop-shadow(0 14px 8px #55412842) brightness(1.06);transform:translateY(calc(var(--object-shift-y) - 7px)) scale(var(--object-scale))}.size-object-button:focus-visible{outline:6px solid #fff15c;outline-offset:2px;background:#fff8c943}.size-object-button.is-placed{visibility:hidden;pointer-events:none}.size-object-button.is-wrong{animation:size-garden-wiggle .46s ease-in-out}.size-object-art{position:relative;display:block;width:100%;height:100%;filter:drop-shadow(0 11px 7px #5541283d);transform:translateY(var(--object-shift-y)) scale(var(--object-scale));transform-origin:50% 90%;transition:transform .18s ease,filter .18s ease}.size-cherry img,.size-finish-character img,.size-object-art img,.size-step-object img{object-fit:contain}.size-staircase{position:absolute;z-index:8;bottom:8.5%;left:54%;display:grid;width:min(680px,calc(100% - 300px));height:205px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;transform:translateX(-50%)}.size-step{position:relative;display:grid;min-width:0;place-items:start center;border:solid #fff7cf;border-width:4px 4px 8px;background:linear-gradient(145deg,#e9b76f,#c98545 68%,#a65d30);box-shadow:inset 0 5px #fff6c957,0 8px 0 #774124,0 15px 18px #53362345}.size-step-1{height:78px;border-radius:22px 8px 14px 14px}.size-step-2{height:119px;border-radius:18px 8px 14px 8px}.size-step-3{height:164px;border-radius:18px 22px 14px 8px}.size-step-number{display:grid;width:34px;height:34px;margin-top:12px;place-items:center;border-radius:50%;color:#80502d;background:#fff6c9;box-shadow:inset 0 -3px #e7c977,0 3px 6px #6b3f253d;font-size:18px;font-weight:1000}.size-step.is-filled .size-step-number{opacity:.32}.size-step-object{bottom:calc(100% - 18px);left:50%;width:170px;height:170px;filter:drop-shadow(0 10px 7px #3d2e2342);transform:translateX(-50%) translateY(var(--object-shift-y)) scale(var(--object-scale));animation:size-garden-place .42s cubic-bezier(.2,1.45,.45,1)}.size-cherry,.size-step-object{position:absolute;transform-origin:50% 92%}.size-cherry{z-index:10;left:1.2%;bottom:1.5%;width:clamp(180px,23vw,275px);aspect-ratio:1;filter:drop-shadow(0 15px 10px #4e3b2b4a);pointer-events:none;animation:size-garden-breathe 4.2s ease-in-out infinite}.size-cherry.is-correct{animation:size-garden-cheer .55s ease-in-out}.size-cherry.is-wrong{animation:size-garden-gentle-shake .5s ease-in-out}.size-cherry.is-celebrate{animation:size-garden-cheer .7s ease-in-out infinite alternate}.size-feedback{position:absolute;z-index:12;bottom:2.4%;left:50%;width:min(560px,calc(100% - 430px));margin:0;color:#fffdf1;font-size:clamp(16px,2vw,22px);font-weight:1000;line-height:1.15;text-align:center;text-shadow:0 3px 0 #5c633c,0 6px 12px #36422966;transform:translateX(-50%)}.size-finish-character{position:relative;display:block;width:150px;height:150px}@keyframes size-garden-wiggle{20%,60%{transform:translateX(-9px) rotate(-2deg)}40%,80%{transform:translateX(9px) rotate(2deg)}}@keyframes size-garden-place{0%{opacity:0;transform:translateX(-50%) translateY(calc(var(--object-shift-y) - 40px)) scale(calc(var(--object-scale) * .72))}}@keyframes size-garden-breathe{50%{transform:translateY(-4px) scale(1.008,.994)}}@keyframes size-garden-cheer{45%{transform:translateY(-13px) rotate(3deg) scale(1.04)}}@keyframes size-garden-gentle-shake{25%{transform:rotate(-2deg)}70%{transform:rotate(2deg)}}@media (max-width:1000px){.size-source-bed{top:27%;width:min(690px,calc(100% - 150px))}.size-staircase{width:min(650px,calc(100% - 180px))}.size-feedback{width:min(520px,calc(100% - 300px))}.size-cherry{left:-.8%;width:clamp(165px,25vw,235px)}}@media (max-width:680px){.size-source-bed{top:28%;width:calc(100% - 24px);min-height:180px;gap:0}.size-object-button{height:175px}.size-staircase{bottom:10%;width:calc(100% - 128px);height:185px}.size-step-object{width:142px;height:142px}.size-cherry{left:-28px;bottom:0;width:155px}.size-feedback{bottom:2.2%;width:calc(100% - 150px);font-size:16px}}@media (max-width:560px){.size-garden-glow{top:20%;width:96%}.size-source-bed{top:24%;width:calc(100% - 10px);min-height:160px}.size-object-button{height:158px;border-radius:28%}.size-object-button:focus-visible{outline-width:4px;outline-offset:0}.size-staircase{bottom:13%;width:calc(100% - 78px);height:176px}.size-step{border-width:3px 3px 6px}.size-step-1{height:65px}.size-step-2{height:101px}.size-step-3{height:137px}.size-step-number{width:28px;height:28px;margin-top:9px;font-size:15px}.size-step-object{width:116px;height:116px}.size-cherry{left:-27px;bottom:.5%;width:126px}.size-feedback{bottom:3.1%;width:calc(100% - 118px);font-size:14px}}@media (max-width:390px){.size-source-bed{top:26%;min-height:142px}.size-object-button{height:142px}.size-staircase{bottom:14%;width:calc(100% - 58px);height:160px}.size-step-object{width:94px;height:94px}.size-cherry{width:112px}.size-feedback{width:calc(100% - 102px);font-size:13px}}@media (prefers-reduced-motion:reduce){.size-cherry,.size-object-art,.size-object-button,.size-step-object{animation:none;transition:none}}