:root{--bg:#140d29;--glow:#3b235d;--accent:#f0abfc}.sort-wrap{display:grid;place-items:center;gap:12px;width:100%;height:100%}.tubes{display:flex;align-items:flex-end;justify-content:center;flex-wrap:wrap;gap:clamp(9px,2.3vw,20px);width:min(94vw,760px)}.tube{position:relative;display:flex;flex-direction:column-reverse;align-items:center;gap:4px;width:clamp(46px,9vw,67px);height:clamp(150px,38vh,235px);border:3px solid rgba(220,230,255,.7);border-top-color:transparent;border-radius:8px 8px 24px 24px;padding:8px 5px;background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.11),rgba(255,255,255,.02));cursor:pointer;transition:.16s ease}.tube::before{content:"";position:absolute;left:-6px;right:-6px;top:-4px;height:8px;border:3px solid rgba(220,230,255,.7);border-radius:50%}.tube.selected{transform:translateY(-9px);border-color:#fde68a;border-top-color:transparent}.ball{width:min(82%,50px);aspect-ratio:1;border-radius:50%;background:var(--ball);box-shadow:inset -8px -8px 12px rgba(0,0,0,.18),inset 5px 5px 8px rgba(255,255,255,.28);animation:ball-in .2s ease}.moves{margin:0;color:#aab2ca;font-size:9px;font-weight:900;text-transform:uppercase}.moves strong{color:#fde68a}.level-label{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:13px;color:#cbd1e0;font-size:11px;font-weight:800}.level-label select{border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:7px 10px;background:#16143b;color:#fff;font:inherit}@keyframes ball-in{from{transform:translateY(-15px);opacity:.3}}@media(max-height:430px){.tube{height:min(67vh,190px);width:44px}.ball{width:34px}.tubes{gap:8px}}