.ag-game-colorSort .cs-rack{--tube-w:clamp(48px,8vw,62px);--layer:clamp(34px,6.4vw,46px);--gap:clamp(10px,2.2vw,22px);--per-row:var(--n);justify-content:center;align-items:flex-end;gap:14px var(--gap);width:100%;max-width:calc(var(--per-row) * (var(--tube-w) + var(--gap)));touch-action:manipulation;-webkit-user-select:none;user-select:none;flex-wrap:wrap;padding:30px 0 4px;display:flex}@media (width<=900px){.ag-game-colorSort .cs-rack.is-wide{--per-row:var(--half)}}.ag-game-colorSort .cs-tube{color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:0;transition:transform .18s cubic-bezier(.2,.8,.3,1.2);display:flex;position:relative}.ag-game-colorSort .cs-glass{width:var(--tube-w);height:calc(var(--layer) * 4 + 22px);border:2px solid color-mix(in srgb,var(--ink) 34%,transparent);border-radius:6px 6px calc(var(--tube-w) / 2) calc(var(--tube-w) / 2);background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 7%,transparent),color-mix(in srgb,var(--ink) 2%,transparent) 45%,color-mix(in srgb,var(--ink) 9%,transparent));box-shadow:inset 0 -10px 24px -18px color-mix(in srgb,var(--ink) 60%,transparent);border-top-color:#0000;flex-direction:column-reverse;gap:2px;padding:14px 5px 6px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.ag-game-colorSort .cs-glass:before{content:"";background:color-mix(in srgb,var(--ink) 30%,transparent);border-radius:4px;height:6px;position:absolute;top:0;left:-4px;right:-4px}.ag-game-colorSort .cs-layer{flex:0 0 var(--layer);height:var(--layer);color:#0b0f26;opacity:0;border-radius:4px;place-items:center;font-size:clamp(.9rem,2.6vw,1.15rem);line-height:1;transition:opacity .16s,transform .2s;display:grid;transform:scaleY(.4)}.ag-game-colorSort .cs-layer.is-on{opacity:1;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 82%,#000),var(--c) 35%,color-mix(in srgb,var(--c) 70%,#fff) 60%,var(--c) 80%);transform:none}.ag-game-colorSort .cs-layer:first-child{border-radius:4px 4px calc(var(--tube-w) / 2 - 6px) calc(var(--tube-w) / 2 - 6px)}.ag-game-colorSort .cs-layer.is-run{box-shadow:0 0 0 2px var(--panel),0 0 0 4px var(--c)}.ag-game-colorSort .cs-layer.is-new{animation:.34s cubic-bezier(.2,.9,.3,1.2) cs-fill}.ag-game-colorSort .cs-num{background:var(--panel-soft);min-width:26px;height:22px;color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 6px;font-size:.74rem;font-weight:800;display:grid}.ag-game-colorSort .cs-tube:hover .cs-glass{border-color:color-mix(in srgb,var(--cat) 70%,transparent);border-top-color:#0000}.ag-game-colorSort .cs-tube:focus-visible{outline:none}.ag-game-colorSort .cs-tube:focus-visible .cs-glass{box-shadow:0 0 0 3px var(--focus)}.ag-game-colorSort .cs-tube:focus-visible .cs-num{background:var(--focus);color:var(--bg)}.ag-game-colorSort .cs-tube.is-selected{transform:translateY(-22px)}.ag-game-colorSort .cs-tube.is-selected .cs-glass{border-color:var(--cat);box-shadow:0 18px 30px -18px var(--cat);border-top-color:#0000}.ag-game-colorSort .cs-tube.is-selected .cs-num{background:var(--cat);color:#0b0f26}.ag-game-colorSort .cs-tube.is-target .cs-glass{border-color:color-mix(in srgb,var(--cat) 55%,transparent);border-style:dashed;border-top-color:#0000}.ag-game-colorSort .cs-tube.is-done .cs-glass{border-color:#0000 #6ee7a8b3 #6ee7a8b3}.ag-game-colorSort .cs-tube.is-done .cs-glass:before{background:#6ee7a8;height:8px;top:2px}.ag-game-colorSort .cs-tube.is-done .cs-num{background:color-mix(in srgb,#6ee7a8 24%,var(--panel-soft));color:var(--ink)}.ag-game-colorSort .cs-tube.is-done .cs-num:after{content:" ✓"}.ag-game-colorSort .cs-tube.is-bump{animation:.32s cs-bump}.ag-game-colorSort .cs-tube.is-hint-from .cs-glass,.ag-game-colorSort .cs-tube.is-hint-to .cs-glass{border-color:var(--cat);border-top-color:#0000;animation:1.1s 3 cs-hint}.ag-game-colorSort .cs-tube.is-hint-from .cs-num,.ag-game-colorSort .cs-tube.is-hint-to .cs-num{background:var(--cat);color:#0b0f26}.ag-game-colorSort .cs-help{max-width:64ch}:root[data-theme=light] .ag-game-colorSort .cs-glass{border-color:color-mix(in srgb,var(--ink) 40%,transparent);background:linear-gradient(90deg,#e7eaf5,#f8f9fd 45%,#e3e7f3);border-top-color:#0000}:root[data-theme=light] .ag-game-colorSort .cs-layer.is-on{box-shadow:inset 0 0 0 1px #0d14332e}:root[data-theme=light] .ag-game-colorSort .cs-tube.is-selected .cs-num,:root[data-theme=light] .ag-game-colorSort .cs-tube.is-hint-from .cs-num,:root[data-theme=light] .ag-game-colorSort .cs-tube.is-hint-to .cs-num{background:color-mix(in srgb,var(--cat) 45%,#0d1433);color:#fff}:root[data-theme=light] .ag-game-colorSort .cs-tube.is-done .cs-glass:before{background:#1f9d63}@keyframes cs-fill{0%{opacity:.2;transform:translateY(-60%)scaleY(.6)}to{opacity:1;transform:none}}@keyframes cs-bump{25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}@keyframes cs-hint{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--cat) 55%,transparent)}}@media (width<=520px){.ag-game-colorSort .cs-rack{--tube-w:48px;--layer:34px;--gap:12px;--per-row:var(--half);padding-top:26px}.ag-game-colorSort .cs-tube.is-selected{transform:translateY(-16px)}}@media (prefers-reduced-motion:reduce){.ag-game-colorSort .cs-tube,.ag-game-colorSort .cs-layer{transition:none}.ag-game-colorSort .cs-layer.is-new,.ag-game-colorSort .cs-tube.is-bump,.ag-game-colorSort .cs-tube.is-hint-from .cs-glass,.ag-game-colorSort .cs-tube.is-hint-to .cs-glass{animation:none}}@media (forced-colors:active){.ag-game-colorSort .cs-glass{border:2px solid canvastext}.ag-game-colorSort .cs-tube.is-selected .cs-glass{border-color:highlight}}