:root{--lab:#ff8fb1;--lab-dark:#d9577f}h1 span{background:linear-gradient(90deg,#d9577f,#ffb020 50%,#4d8dff);color:#0000;-webkit-background-clip:text;background-clip:text}.sorting{justify-items:center;gap:22px;width:100%;max-width:760px;margin:0 auto;display:grid}.toy-spot{aspect-ratio:1;place-items:center;height:clamp(120px,24vh,180px);display:grid}.toy-now{filter:drop-shadow(0 6px #2b24402e);place-items:center;width:100%;height:100%;display:grid}.toy-now svg{width:100%;height:100%}.boxes{grid-template-columns:repeat(var(--n), minmax(96px, 200px));justify-content:center;gap:clamp(10px,3vw,24px);width:100%;display:grid}.box{cursor:pointer;touch-action:manipulation;background:0 0;border:0;grid-template-rows:auto auto;min-height:150px;padding:0;display:grid}.box-in{flex-wrap:wrap-reverse;place-content:flex-start center;gap:2px;min-height:52px;padding:0 8px;display:flex}.in-toy{width:34px;height:34px;margin-bottom:-10px}.in-toy svg{width:100%;height:100%}.in-toy.clue{width:58px;height:58px}.box-front{background:var(--box);border-radius:10px 10px 22px 22px;place-items:center;height:clamp(96px,18vh,130px);display:grid;box-shadow:inset 0 0 0 4px #2b244040,0 6px #2b244040}.sign{aspect-ratio:1;background:#ffffff59;border-radius:50%;place-items:center;width:56%;max-width:80px;display:grid}.box.coloured .sign{background:0 0}.sign svg{width:100%;height:100%}.box:active .box-front{transform:translateY(3px)}.pop{animation:.3s ease-out pop}@keyframes pop{0%{transform:scale(.5)}}.wiggle{animation:.4s wiggle}@keyframes wiggle{25%{transform:translate(-8px)}75%{transform:translate(8px)}}