.csort-root{width:100%}.csort-board{contain:inline-size;align-items:center;gap:calc(var(--tw) * .9 + 14px);width:100%;padding:calc(var(--tw) * 1.25 + 12px) 0 10px;touch-action:manipulation;flex-direction:column;display:flex;position:relative}.csort-row{justify-content:center;align-items:flex-end;gap:var(--gap);display:flex}.csort-tube{width:var(--tw);height:var(--th);cursor:pointer;transform-origin:50% 0;transition:transform .2s var(--ease-spring);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}.csort-tube:before{content:"";z-index:2;border:var(--edge);background:var(--white);height:9px;box-shadow:var(--hard-sm);border-radius:6px;position:absolute;top:-5px;left:-5px;right:-5px}.csort-glass{border:var(--edge);border-radius:4px 4px calc(var(--tw) / 2) calc(var(--tw) / 2);background:var(--white);box-shadow:3px 3px 0 var(--ink);position:absolute;inset:0;overflow:hidden}.csort-shine{width:max(4px, calc(var(--tw) * .13));background:var(--white);opacity:.55;pointer-events:none;border-radius:99px;height:44%;position:absolute;top:12%;left:18%}.csort-unit{--uh:calc((var(--th) - 5px) * .22);left:0;right:0;bottom:calc(var(--k) * var(--uh));height:var(--uh);background:var(--liq);transform-origin:50% 100%;place-items:center;display:grid;position:absolute}.csort-unit.is-edge{box-shadow:inset 0 2.5px 0 var(--ink)}.csort-unit i{font-style:normal;font-size:calc(var(--tw) * .36);color:var(--ink);opacity:.55;line-height:1}.csort-unit.is-in{animation:csort-in .36s var(--ease-out) both}.csort-unit.is-out{animation:.34s ease-in both csort-out}@keyframes csort-in{0%{transform:scaleY(0)}}@keyframes csort-out{to{transform:scaleY(0)}}.csort-tube:hover:not(.is-moving){transform:translateY(-3px)}.csort-tube.is-sel{transform:translateY(calc(var(--tw) * -.55))}.csort-tube.is-sel .csort-glass{background:color-mix(in srgb, var(--sun) 30%, var(--white))}.csort-tube.is-sel:after{content:"";background:var(--sun);border:2px solid var(--ink);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-18px;left:50%}.csort-tube:focus-visible{outline:3px solid var(--ink);outline-offset:6px;border-radius:8px}.csort-tube.is-moving{cursor:default;transition-duration:.2s}.csort-tube.is-nope{animation:csort-nope .34s var(--ease-out)}@keyframes csort-nope{25%{transform:translate(-4px)rotate(-3deg)}60%{transform:translate(4px)rotate(3deg)}}.csort-cork{z-index:3;border:var(--edge);background:var(--liq);width:64%;height:14px;box-shadow:var(--hard-sm);animation:csort-cork .38s var(--ease-spring) backwards;border-radius:5px 5px 3px 3px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}@keyframes csort-cork{0%{opacity:0;transform:translate(-50%,-16px)scale(.4)}}.csort-stream{z-index:15;width:max(6px, calc(var(--tw) * .2));margin-left:calc(max(6px, calc(var(--tw) * .2)) / -2);border:2px solid var(--ink);background:var(--liq);transform-origin:50% 0;pointer-events:none;border-radius:99px;animation:.38s ease-in-out both csort-stream;position:absolute}@keyframes csort-stream{0%{transform:scaleY(0)}20%{transform:scaleY(1)}80%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)translateY(20%)}}.csort-board.is-won .csort-tube{animation:csort-hop .52s var(--ease-spring) both;animation-delay:calc(var(--i) * 45ms + .25s)}@keyframes csort-hop{40%{transform:translateY(-16px)rotate(-4deg)}70%{transform:translateY(2px)scaleY(.96)}}.csort-overlay{z-index:30;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.csort-card{pointer-events:auto;border-radius:var(--r-lg);border:3px solid var(--ink);background:var(--white);width:min(340px,100%);box-shadow:var(--hard-lg);animation:csort-card .36s var(--ease-spring);flex-direction:column;align-items:flex-start;gap:8px;padding:18px 20px;display:flex}@keyframes csort-card{0%{opacity:0;transform:translateY(16px)scale(.92)rotate(-2deg)}}.csort-card-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:26px;font-weight:800;line-height:1}.csort-card-sub{color:var(--ink-2);margin:0;font-size:14px;font-weight:500}.csort-card-actions{flex-wrap:wrap;justify-content:flex-end;align-self:stretch;gap:8px;margin-top:6px;display:flex}.csort-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;display:inline-flex}.csort-switch{cursor:pointer;color:var(--ink-2);align-items:center;gap:8px;font-weight:700;display:inline-flex}.csort-switch input{opacity:0;width:1px;height:1px;position:absolute}.csort-switch span{border:2px solid var(--ink);background:var(--cream);border-radius:99px;width:36px;height:20px;transition:background .14s;position:relative}.csort-switch span:after{content:"";background:var(--ink);width:12px;height:12px;transition:transform .16s var(--ease-spring);border-radius:50%;position:absolute;top:2px;left:2px}.csort-switch input:checked+span{background:var(--game)}.csort-switch input:checked+span:after{transform:translate(16px)}.csort-switch input:focus-visible+span{outline:3px solid var(--ink);outline-offset:2px}.csort-stars{vertical-align:-2px;align-items:center;gap:2px;display:inline-flex}.csort-stars svg{display:block;overflow:visible}.csort-stars path{fill:var(--cream);stroke:var(--ink);stroke-width:1.8px;stroke-linejoin:round}.csort-stars svg.is-on path{fill:var(--sun)}.csort-card>.csort-stars{gap:5px}.csort-win-stars{flex-direction:column;align-items:center;gap:6px;display:flex}.csort-win-stars .csort-stars{gap:6px}.csort-win-stars .csort-stars svg{animation:csort-star .42s var(--ease-spring) backwards}.csort-win-stars .csort-stars svg:nth-child(2){animation-delay:.11s}.csort-win-stars .csort-stars svg:nth-child(3){animation-delay:.22s}.csort-win-stars p{color:var(--ink-2);text-align:center;margin:0;font-size:14px;font-weight:700}@keyframes csort-star{0%{opacity:0;transform:scale(.2)rotate(-40deg)}}.csort-star-key{flex-wrap:wrap;justify-content:center;gap:4px 16px;display:inline-flex}.csort-star-key>span{align-items:center;gap:6px;display:inline-flex}.csort-levels{flex-direction:column;gap:16px;width:100%;display:flex}.csort-pager{justify-content:space-between;align-items:center;gap:12px;display:flex}.csort-pager .ka-btn{font-size:24px;line-height:1}.csort-pager-label{font-family:var(--font-display);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:0;font-size:22px;font-weight:800}.csort-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0 4px 4px 0;list-style:none;display:grid}.csort-grid li{display:flex}.csort-lvl{border:var(--edge);border-radius:var(--r-md);background:var(--white);min-height:74px;color:var(--ink);box-shadow:var(--hard-sm);cursor:pointer;transition:transform .14s var(--ease-spring), box-shadow .14s var(--ease-spring);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;display:flex}.csort-lvl:not(:disabled):hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.csort-lvl:not(:disabled):active{box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.csort-lvl:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.csort-lvl-num{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1}.csort-lvl-foot{align-items:center;min-height:16px;display:flex}.csort-lvl-meta{color:var(--ink-3);font-size:11px;font-weight:800}.csort-lvl.is-done{background:color-mix(in srgb, var(--game) 30%, var(--white))}.csort-lvl.is-next{background:var(--sun)}.csort-lvl.is-locked{background:var(--cream);color:var(--ink-3);cursor:not-allowed;box-shadow:none}.csort-lock path{stroke:var(--ink-3);stroke-width:2.4px;stroke-linecap:round}.csort-lock rect{fill:var(--white);stroke:var(--ink-3);stroke-width:2.2px}.csort-lock circle{fill:var(--ink-3)}@media (width<=520px){.csort-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.csort-lvl{min-height:66px}.csort-lvl-num{font-size:22px}}@media (prefers-reduced-motion:reduce){.csort-tube,.csort-unit,.csort-cork,.csort-stream,.csort-card,.csort-win-stars .csort-stars svg{transition:none;animation:none!important}}