.toy-sorter{--hot:#51cec0;--deep:#258e91;--sky:#94e9ff}.toy-sorter .prek-machine{background:linear-gradient(145deg,#83eee2,#3bc6bc);box-shadow:inset 0 -10px #25a69e,inset 0 5px #d3fffa,0 12px 0 #247a82,0 25px 45px #2a617045}.toy-sorter .prek-status{box-shadow:0 5px #247a82}.sorter-play-area{position:relative;min-height:385px;padding:50px 18px 10px;border:4px solid #fff;border-radius:28px;background:#bcecff;box-shadow:inset 0 -8px #cf914d,0 6px #4a82a0;overflow:hidden}.sorter-pennants{position:absolute!important;z-index:1;top:-22px;left:50%;width:min(720px,94%);height:120px;transform:translateX(-50%)}.sorter-options{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:720px;margin:0 auto}.sorter-options button{display:grid;place-items:center;min-height:142px;cursor:pointer;border:5px solid #fff;border-radius:26px;background:linear-gradient(#fff,#e8f8ff);box-shadow:0 8px #6b4ca0,0 14px 18px #6045772e;overflow:hidden}.sorter-options button:nth-child(2n){box-shadow:0 8px #d55b79,0 14px 18px #6045772e}.sorter-option-art{width:min(122px,90%);height:118px;filter:drop-shadow(0 8px 7px #594c5930);transition:transform .2s}.sorter-options button:hover:not(:disabled) .sorter-option-art{transform:translateY(-8px) rotate(4deg)}.sorter-options button:active:not(:disabled){translate:0 5px}.sorter-options button.is-wrong{animation:sorter-shake .45s}.sorter-options button.is-correct{animation:sorter-fly .85s ease-in both}.sorter-bin{position:relative;z-index:2;display:grid;place-items:center;width:min(330px,80%);height:115px;margin:25px auto 0;color:#fff;font-size:clamp(20px,4vw,28px);font-weight:1000;text-shadow:0 3px #573018}.sorter-bin-art{position:absolute!important;inset:-28px -18px -24px;width:auto;height:auto;filter:drop-shadow(0 8px 4px #57301855)}.sorter-bin strong{position:relative;z-index:2;padding:6px 14px;border-radius:14px;background:#8a5738dd}.sorter-bin-lid{display:none}.sorter-bin-item{position:absolute!important;z-index:3;top:-90px;width:80px;height:80px;opacity:0}.sorter-bin.has-item .sorter-bin-item{animation:sorter-drop .75s ease-in both}.sorter-bin.has-item strong{animation:sorter-glow .6s ease-in-out infinite alternate}.sorter-finish-bear{width:190px;height:190px;margin:0 auto}@keyframes sorter-shake{30%{transform:translateX(-11px) rotate(-4deg)}65%{transform:translateX(10px) rotate(4deg)}}@keyframes sorter-fly{to{opacity:0;transform:translateY(175px) scale(.55) rotate(18deg)}}@keyframes sorter-drop{0%{opacity:1;transform:translateY(-80px) scale(1.1)}70%{opacity:1}to{opacity:0;transform:translateY(90px) scale(.7)}}@keyframes sorter-glow{to{filter:brightness(1.25);transform:scale(1.04)}}@media(max-width:650px){.sorter-play-area{min-height:420px;padding:42px 7px 8px}.sorter-options{grid-template-columns:repeat(2,1fr);gap:10px}.sorter-options button{min-height:104px}.sorter-option-art{height:92px}.sorter-bin{height:78px;margin-top:24px}.sorter-bin-art{inset:-24px -10px -32px}}.toy-sorter.is-immersive .sorter-play-area{position:absolute;inset:0;min-height:0;padding:108px 22px 12px;border:0;border-radius:0;background:transparent;box-shadow:none}.toy-sorter.is-immersive .sorter-pennants{top:62px}.toy-sorter.is-immersive .sorter-options{max-width:900px}.toy-sorter.is-immersive .sorter-options button{min-height:150px}.toy-sorter.is-immersive .sorter-option-art{width:min(132px,90%);height:128px}.toy-sorter.is-immersive .sorter-bin{height:126px;margin-top:28px}@media(max-width:650px){.toy-sorter.is-immersive .sorter-play-area{padding:145px 7px 7px}.toy-sorter.is-immersive .sorter-pennants{top:92px}.toy-sorter.is-immersive .sorter-options button{min-height:105px}.toy-sorter.is-immersive .sorter-option-art{height:92px}.toy-sorter.is-immersive .sorter-bin{height:82px;margin-top:20px}}.toy-sorter.is-immersive .sorter-play-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:112px clamp(10px,2vw,24px) clamp(18px,2.5svh,28px)}.toy-sorter.is-immersive .sorter-options{flex:0 0 auto;width:100%;max-width:940px;transform:translateY(clamp(-28px,-3svh,-18px))}.toy-sorter.is-immersive .sorter-options button{min-height:clamp(142px,18svh,172px)}.toy-sorter.is-immersive .sorter-option-art{width:min(clamp(126px,15svh,154px),90%);height:clamp(124px,16svh,156px)}.toy-sorter.is-immersive .sorter-bin{position:absolute;left:50%;bottom:clamp(16px,3svh,28px);flex:0 0 auto;width:min(380px,82%);height:clamp(118px,15svh,144px);margin:0;transform:translateX(-50%);transform-origin:50% 85%}.toy-sorter.is-immersive .sorter-bin.has-item{animation:sorter-bin-catch .72s cubic-bezier(.2,.8,.2,1) both}.toy-sorter.is-immersive .sorter-bin.has-item .sorter-bin-art{animation:sorter-bin-art-catch .72s cubic-bezier(.2,.8,.2,1) both}@media(max-width:650px){.toy-sorter.is-immersive .sorter-play-area{padding:136px 7px clamp(10px,2svh,18px)}.toy-sorter.is-immersive .sorter-options button{min-height:clamp(106px,14svh,126px)}.toy-sorter.is-immersive .sorter-option-art{width:min(118px,90%);height:clamp(94px,12svh,108px)}.toy-sorter.is-immersive .sorter-options{transform:translateY(-16px)}.toy-sorter.is-immersive .sorter-bin{bottom:clamp(8px,1.5svh,14px);height:clamp(84px,11svh,100px)}}@keyframes sorter-bin-catch{0%,to{transform:translateX(-50%) translateY(0) scale(1)}32%{transform:translateX(-50%) translateY(7px) scale(1.045,.94)}58%{transform:translateX(-50%) translateY(-5px) scale(.985,1.035)}78%{transform:translateX(-50%) translateY(2px) scale(1.012,.99)}}@keyframes sorter-bin-art-catch{0%,to{filter:drop-shadow(0 8px 4px #57301855) brightness(1)}45%{filter:drop-shadow(0 4px 3px #57301848) brightness(1.12)}}@media (prefers-reduced-motion:reduce){.toy-sorter.is-immersive .sorter-bin.has-item,.toy-sorter.is-immersive .sorter-bin.has-item .sorter-bin-art{animation:none}}