.ball-sort-shell{width:min(100%,70rem);margin:0 auto;padding:.5rem}.ball-sort-board{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:clamp(.75rem,2.4vw,1.5rem);padding:clamp(1rem,3vw,2rem);min-height:25rem}.ball-sort-tube{position:relative;width:clamp(3.6rem,9vw,5.4rem);height:clamp(12rem,27vw,18rem);padding:.45rem;border:0;background:transparent;cursor:pointer;transition:transform .16s ease}.ball-sort-tube:hover{transform:translateY(-.2rem)}.ball-sort-tube.is-selected{transform:translateY(-.75rem)}.ball-sort-glass{position:absolute;inset:.4rem .25rem .2rem;display:flex;flex-direction:column-reverse;justify-content:flex-start;gap:.18rem;padding:.45rem .35rem .55rem;border:3px solid color-mix(in srgb,var(--text-strong,#172033) 55%,transparent);border-top:0;border-radius:0 0 1.65rem 1.65rem;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(148,163,184,.06),rgba(255,255,255,.18));box-shadow:inset 0 -12px 20px rgba(15,23,42,.06),0 10px 24px rgba(15,23,42,.08)}.ball-sort-glass:before,.ball-sort-glass:after{content:'';position:absolute;top:-.2rem;width:42%;height:3px;background:color-mix(in srgb,var(--text-strong,#172033) 55%,transparent)}.ball-sort-glass:before{left:0;border-radius:3px 0 0 3px}.ball-sort-glass:after{right:0;border-radius:0 3px 3px 0}.ball-sort-slot{display:block;width:100%;aspect-ratio:1;border-radius:50%;flex:0 0 auto}.ball-sort-slot.has-ball{background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.85) 0 7%,var(--ball-color) 23% 67%,color-mix(in srgb,var(--ball-color) 72%,#000) 100%);box-shadow:inset -5px -7px 10px rgba(0,0,0,.18),0 3px 6px rgba(15,23,42,.18)}.ball-sort-tube.is-selected .ball-sort-glass{border-color:var(--game-accent,#f59e0b);box-shadow:0 0 0 4px color-mix(in srgb,var(--game-accent,#f59e0b) 20%,transparent),0 14px 30px rgba(15,23,42,.12)}.ball-sort-tube.is-complete .ball-sort-glass{box-shadow:0 0 0 3px color-mix(in srgb,#22c55e 35%,transparent),0 12px 26px rgba(15,23,42,.1)}@media(max-width:620px){.ball-sort-board{gap:.45rem;padding:.75rem .2rem;min-height:20rem}.ball-sort-tube{width:clamp(3rem,17vw,4rem);height:clamp(10.2rem,42vw,13rem);padding:.2rem}.ball-sort-glass{padding:.35rem .25rem .45rem;gap:.12rem;border-width:2px}}@media(prefers-reduced-motion:reduce){.ball-sort-tube{transition:none}}