.sort-game{background:linear-gradient(155deg,#1b253d,#141d32);border:1px solid #ffffff14;border-radius:20px;min-width:0;padding:20px}.sort-hud{justify-content:space-between;gap:10px;display:flex}.sort-hud>div{gap:4px;display:grid}.sort-hud span{letter-spacing:.1em;color:#b5c1d6;font-size:10px}.sort-hud strong{font-size:23px}.sort-prompt{color:#cbd5e1;min-height:40px;margin:18px 0 12px;font-size:13px}.sort-board{flex-wrap:wrap;justify-content:center;gap:25px 12px;max-width:440px;margin:auto;padding:15px 0 24px;display:flex}.sort-tube{touch-action:manipulation;width:64px;height:184px;color:inherit;background:linear-gradient(90deg,#ffffff09,#ffffff02,#ffffff0c);border:2px solid #667897;border-top:4px solid #a6b6cf;border-radius:6px 6px 25px 25px;padding:8px 6px 12px;transition:border-color .16s,background .16s;position:relative}.sort-stack{flex-direction:column-reverse;justify-content:flex-start;align-items:center;gap:4px;height:100%;display:flex}.sort-ball{color:#10182b;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:17px;font-weight:900;display:grid;box-shadow:inset 2px 3px 4px #fff5,inset -3px -4px 5px #0003}.color-0{background:#ff8b91}.color-1{background:#65c9fa}.color-2{background:#f7d65e}.color-3{background:#69dfb1}.color-4{background:#cda1ff}.sort-number{color:#aab8ce;font-size:11px;position:absolute;bottom:-24px;left:0;right:0}.sort-tube.selected{background:#a855f718;border-color:#dca3ff}.sort-tube.selected .sort-ball:last-child{transition:transform .18s;transform:translateY(-12px)}.sort-tube.legal{border-color:#82e1bb;box-shadow:0 0 0 1px #82e1bb33}.sort-controls{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;display:grid}.sort-game button,.sort-game summary,.sort-dialog a{cursor:pointer;min-height:44px}.sort-controls button,.sort-dialog button{color:#f1f5f9;font:inherit;background:#283650;border:1px solid #ffffff30;border-radius:10px;padding:10px;font-size:14px}.sort-game button:disabled{opacity:.4;cursor:default}.sort-help{color:#cbd5e1;margin-top:18px;font-size:13px}.sort-help summary{color:#dbadff;align-items:center;font-weight:600;list-style:none;display:flex}.sort-help summary:before{content:"+ ";margin-right:8px}.sort-help[open] summary:before{content:"− "}.sort-help p{line-height:1.7}.sort-storage{color:#aab8ce;margin:8px 0 0;font-size:11px}.sort-dialog{color:#e2e8f0;background:#1b253d;border:1px solid #a855f766;border-radius:20px;width:min(400px,100% - 28px);max-height:85dvh;padding:24px;overflow:auto}.sort-dialog::backdrop{background:#080e20d9}.sort-dialog h2{margin:8px 0 12px;font-size:25px}.sort-dialog p{color:#cbd5e1;font-size:14px}.sort-dialog>button,.sort-dialog>a{text-align:center;width:100%;margin-top:12px;display:block}.sort-dialog .sort-primary{background:#8431cc}.sort-win-icon{color:#dca3ff;font-size:48px}.sort-levels{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0;display:grid}.sort-levels [aria-current]{background:#593585;border-color:#dca3ff}.sort-tube.invalid{animation:.18s sort-shake}.sort-tube.arrived .sort-ball:last-child,.sort-dialog[open]{animation:.2s sort-arrive}@keyframes sort-shake{33%{transform:translate(-3px)}66%{transform:translate(3px)}}@keyframes sort-arrive{0%{opacity:.3;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=699px){.color-sort-page .header-inner{min-height:56px}.color-sort-page .game-heading{padding:18px 0 14px}.color-sort-page .game-heading h1{margin:10px 0 0;font-size:28px}.color-sort-page .game-heading>p{display:none}.sort-game{padding:16px 12px}.sort-tube{width:56px;height:168px}.sort-ball{width:30px;height:30px}.sort-board{gap:25px 10px}.sort-hud strong{font-size:20px}.sort-prompt{margin:12px 0 6px}}@media (width<=359px){.sort-tube{width:44px;height:148px;padding-inline:4px}.sort-ball{width:26px;height:26px;font-size:15px}.sort-board{column-gap:7px}}@media (prefers-reduced-motion:reduce){.sort-game *{transition:none!important;animation:none!important}}.sort-game{background:radial-gradient(at 50% 18%,#65309b18,#0000 65%),linear-gradient(155deg,#1d2942,#121c30);position:relative;box-shadow:0 16px 60px #05091735}.sort-toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.sort-mode{letter-spacing:.1em;color:#c8b6e7;font-size:9px;font-weight:700}.sort-sound{color:#dbc8f5;font:inherit;white-space:nowrap;background:#ffffff06;border:1px solid #ffffff24;border-radius:24px;padding:8px 12px;font-size:11px}.sort-sound[aria-pressed=false]{color:#aab8ce}.sort-hud{background:#0b142a55;border:1px solid #ffffff0a;border-radius:12px;padding:12px 14px}.sort-hud>div{flex:1}.sort-hud>div:not(:first-child){text-align:center;border-left:1px solid #ffffff12}.sort-hud>div:last-child{text-align:right}.sort-progress{color:#b7c7da;align-items:center;gap:12px;margin-top:14px;font-size:11px;display:flex}.sort-progress>span{white-space:nowrap}.sort-progress progress{appearance:none;accent-color:#bc79f2;background:#ffffff0c;border:0;border-radius:8px;flex:1;min-width:0;height:5px;overflow:hidden}.sort-progress progress::-webkit-progress-bar{background:#ffffff0c;border-radius:8px}.sort-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#a855f7,#e372e7);border-radius:8px;transition:width .2s}.sort-progress progress::-moz-progress-bar{background:#bc79f2;border-radius:8px}.sort-board{background:radial-gradient(at 50% 100%,#a855f70c,#0000 75%)}.sort-tube{box-shadow:inset 4px 0 9px #ffffff05,inset -3px 0 10px #0002,0 7px 12px #0002}.sort-tube:before{content:"";pointer-events:none;background:linear-gradient(#fff2,#0000);border-radius:4px;width:2px;position:absolute;top:6px;bottom:22px;left:5px}.sort-ball{background-image:radial-gradient(circle at 30% 22%,#ffffff35,#0000 60%)}.sort-tube.selected{box-shadow:0 0 0 3px #c282ff20,0 0 20px #a855f714,inset 0 0 16px #a855f70c}.sort-tube.sorted{border-color:#7dd9b6;box-shadow:0 0 16px #70d6a91a}.sort-tube.sorted .sort-number:after{content:" ✓";color:#8fe8c2}.sort-controls button{background:linear-gradient(#30405a,#26344c);transition:background .15s,transform .15s;box-shadow:0 3px #0c142455}.sort-controls button:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.sort-flight{z-index:20;pointer-events:none;margin:0;position:fixed}.sort-incoming{opacity:0}.sort-dialog[data-win]{text-align:center;isolation:isolate;background:radial-gradient(circle at 50% 0,#a855f735,#0000 65%),#1b253d}.sort-celebration{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.sort-celebration i{color:#e4adff;opacity:0;font-size:16px;font-style:normal;position:absolute;top:35%;left:15%}.sort-celebration i:nth-child(2){color:#79d6f5;top:18%;left:30%}.sort-celebration i:nth-child(3){color:#f7d65e;top:30%;left:75%}.sort-celebration i:nth-child(4){color:#69dfb1;top:60%;left:85%}.sort-celebration i:nth-child(5){color:#ff8b91;top:65%;left:10%}.sort-celebration i:nth-child(6){top:12%;left:65%}.sort-dialog[open] .sort-celebration i{animation:.8s ease-out both sort-spark}@keyframes sort-spark{0%{opacity:0;transform:translateY(20px)scale(.4)rotate(-30deg)}30%{opacity:.9}to{opacity:0;transform:translateY(-25px)scale(1.1)rotate(35deg)}}@media (width<=359px){.sort-toolbar{margin-bottom:8px}.sort-mode{letter-spacing:.02em;font-size:8px}.sort-hud{padding:9px 10px}.sort-progress{margin-top:10px}.sort-prompt{min-height:34px;font-size:12px}.sort-game{padding-top:10px}}@media (prefers-reduced-motion:reduce){.sort-progress progress::-webkit-progress-value{transition:none}.sort-dialog[open] .sort-celebration i{animation:none}.sort-flight{display:none}}@media (width<=699px){.color-sort-page .game-heading{padding-top:6px}.color-sort-page .back-link{margin-bottom:0}.color-sort-page .game-heading h1{margin-top:2px}}@media (width<=359px){.sort-hud strong{font-size:18px;line-height:1.15}.sort-hud span{font-size:9px;line-height:1.2}.sort-hud{padding:8px 10px}.sort-prompt{min-height:32px;margin:8px 0 0;line-height:1.5}.sort-board{padding-top:8px;padding-bottom:20px}.sort-controls{margin-top:6px}}