.sort-break{--sort-break-orange:#ea580c;--sort-break-orange-dark:#c2410c;--sort-break-cream:#fff7ed;max-width:58rem;margin-inline:auto}.sort-break__card{padding:clamp(1rem,4vw,2rem);overflow:hidden}.sort-break__header{text-align:center}.sort-break__header h1{letter-spacing:-.055em;margin:.25rem 0 0;font-size:clamp(2.2rem,8vw,4.2rem);font-weight:900;line-height:.98}.sort-break__header>p:last-child{color:var(--game-muted);margin:.75rem 0 0;font-size:clamp(1rem,2vw,1.15rem)}.sort-break__settings{grid-template-columns:1fr 1.35fr 1fr;gap:.8rem;margin-top:1.75rem;display:grid}.sort-break__segment{border:0;min-width:0;margin:0;padding:0}.sort-break__segment legend{color:var(--game-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;font-weight:800}.sort-break__segment>div{border:1px solid var(--game-border);background:var(--game-surface-soft);border-radius:.9rem;min-height:3rem;padding:.22rem;display:flex}.sort-break__segment label{cursor:pointer;flex:1;min-width:0;position:relative}.sort-break__segment input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sort-break__segment span{min-height:2.5rem;color:var(--game-muted);text-align:center;border-radius:.65rem;justify-content:center;align-items:center;gap:.25rem;padding:.45rem .55rem;font-size:.82rem;font-weight:780;transition:background .15s,color .15s,box-shadow .15s;display:flex}.sort-break__segment small{opacity:.75;font-size:.68rem;font-weight:700}.sort-break__segment input:checked+span{color:var(--game-text);background:#fff;box-shadow:0 .14rem .45rem #0f172a1f}.sort-break__segment input:focus-visible+span{outline-offset:2px;outline:3px solid #0161ef4d}.sort-break__segment:disabled{opacity:.58}.sort-break__segment:disabled label{cursor:not-allowed}.sort-break__scoreboard{justify-content:center;gap:.75rem;margin:1.35rem 0 0;display:flex}.sort-break__scoreboard>div{border:1px solid var(--game-border);background:var(--game-surface-soft);text-align:center;border-radius:.85rem;min-width:6.5rem;padding:.55rem .9rem}.sort-break__scoreboard .sort-break__time-stat{min-width:10.5rem}.sort-break__scoreboard dt,.sort-break__result dt{color:var(--game-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800}.sort-break__scoreboard dd,.sort-break__result dd{font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-weight:850}.sort-break__scoreboard time{font-size:1.15rem}.sort-break__track-scroller{overscroll-behavior-inline:contain;scrollbar-color:var(--game-border) transparent;touch-action:pan-x pan-y;max-width:100%;margin-top:.9rem;padding-bottom:.6rem;overflow:auto hidden}.sort-break__track-inner{width:max-content;min-width:100%;padding-top:2rem;position:relative}.sort-break__track{justify-content:center;gap:clamp(.45rem,1.5vw,.75rem);width:max-content;min-width:100%;padding-inline:.25rem;display:flex}.sort-break__number-card{border:2px solid var(--game-border);width:clamp(3.5rem,9vw,4.75rem);height:clamp(4.4rem,11vw,5.75rem);color:var(--game-text);cursor:grab;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#fff;border-radius:1rem;flex:none;font-size:clamp(1.35rem,5vw,2rem);font-weight:900;line-height:1;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s;box-shadow:0 .28rem #94a3b88c}.sort-break__number-card:disabled{cursor:default;opacity:1}.sort-break__number-card[data-card-hidden]{background:linear-gradient(135deg,#ffffff24 25%,transparent 25%)0 0/.7rem .7rem,linear-gradient(315deg,#ffffff1f 25%,transparent 25%)0 0/.7rem .7rem,var(--sort-break-orange);color:#fff;border-color:#c2410c7f;box-shadow:0 .28rem #9a341294}.sort-break__number-card[data-active]{border-color:var(--sort-break-orange);background:var(--sort-break-cream);box-shadow:0 .3rem #ea580c8c}.sort-break__number-card[data-sorted]{background:#f0fdf4;border-color:#4ade80;box-shadow:0 .25rem #22c55e6b}.sort-break__number-card[aria-pressed=true]{border-color:var(--game-accent);background:#eff6ff;transform:translateY(-.2rem);box-shadow:0 .28rem #2563eb7f,0 0 0 4px #3b82f62e}.sort-break__number-card:focus-visible{outline-offset:4px;outline:3px solid #0161ef5c}.sort-break__number-card--chosen{border-color:var(--game-accent)}.sort-break__number-card--dragging{cursor:grabbing;opacity:.92;transform:rotate(2deg) scale(1.04)}.sort-break__number-card--ghost{border:2px dashed var(--game-accent);box-shadow:none;color:#0000;opacity:.62;background:#dbeafe}.sort-break__pair-indicator{border:2px solid var(--sort-break-orange);height:1.5rem;color:var(--sort-break-orange-dark);pointer-events:none;text-align:center;border-bottom:0;border-radius:.75rem .75rem 0 0;transition:transform .17s,width .17s;position:absolute;top:0;left:0}.sort-break__pair-indicator:before,.sort-break__pair-indicator:after{border-right:2px solid var(--sort-break-orange);border-bottom:2px solid var(--sort-break-orange);content:"";width:.45rem;height:.45rem;position:absolute;bottom:-.18rem;transform:rotate(45deg)}.sort-break__pair-indicator:before{left:-.25rem}.sort-break__pair-indicator:after{right:-.25rem}.sort-break__pair-indicator span{background:var(--game-surface);letter-spacing:.06em;text-transform:uppercase;padding:0 .4rem;font-size:.65rem;font-weight:850;position:relative;top:-.58rem}.sort-break__bubble-panel,.sort-break__free-panel{border:1px solid var(--game-border);background:var(--game-surface-soft);text-align:center;border-radius:1.25rem;min-height:12rem;margin-top:.7rem;padding:1.1rem}.sort-break__bubble-panel>p,.sort-break__free-panel p{color:var(--game-muted);margin:0;font-size:.85rem}.sort-break__comparison{justify-content:center;align-items:center;gap:clamp(.75rem,4vw,1.5rem);min-height:5.2rem;display:flex}.sort-break__comparison strong{min-width:4.5rem;color:var(--game-text);font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:clamp(2.5rem,10vw,4rem);font-weight:950}.sort-break__comparison span{color:var(--game-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.sort-break__bubble-actions,.sort-break__round-actions,.sort-break__result-actions{justify-content:center;gap:.7rem;display:flex}.sort-break__bubble-actions .game-button{min-width:min(10rem,44%);min-height:3.35rem}.sort-break__bubble-actions kbd{min-width:1.35rem;font:inherit;border:1px solid #ffffff73;border-radius:.35rem;margin-right:.45rem;padding:.08rem .3rem;font-size:.68rem}.sort-break__bubble-actions .game-button--secondary kbd{border-color:var(--game-border)}.sort-break__free-panel{align-content:center;min-height:8.5rem;display:grid}.sort-break__free-panel[hidden]{display:none}.sort-break__free-panel h2{margin:0;font-size:clamp(1.25rem,4vw,1.65rem)}.sort-break__free-panel p{margin-top:.55rem}.sort-break__round-actions{margin-top:1rem}.sort-break__start{background:var(--sort-break-orange);min-width:10rem}.sort-break__start:hover:not(:disabled){background:var(--sort-break-orange-dark)}.sort-break__status{min-height:1.35rem;color:var(--game-muted);text-align:center;margin:.85rem 0 0;font-size:.8rem}.sort-break[data-incorrect] .sort-break__bubble-panel{background:#fef2f2;border-color:#dc2626;animation:.21s ease-in-out sort-break-shake}.sort-break__result{text-align:center;background:#f0fdf4;border:1px solid #86efac;border-radius:1.25rem;margin-top:1.5rem;padding:clamp(1.1rem,4vw,1.7rem)}.sort-break__result h2{margin:.2rem 0 0;font-size:clamp(1.7rem,5vw,2.3rem)}.sort-break__result dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;max-width:25rem;margin:1rem auto 0;display:grid}.sort-break__result dl>div{background:#ffffffc2;border-radius:.8rem;padding:.65rem}.sort-break__result dd{font-size:1.15rem}.sort-break__joke{color:#475569;margin:1rem 0 0;font-size:.88rem}.sort-break__result-actions{flex-wrap:wrap;margin-top:1rem}.dark .sort-break__segment input:checked+span,.dark .sort-break__number-card{background:#1e293b}.dark .sort-break__number-card[data-card-hidden]{background:linear-gradient(135deg,#ffffff1a 25%,#0000 25%)0 0/.7rem .7rem,linear-gradient(315deg,#ffffff14 25%,#0000 25%)0 0/.7rem .7rem,#9a3412}.dark .sort-break__number-card[data-active]{background:#7c2d1273}.dark .sort-break__number-card[data-sorted],.dark .sort-break__result{background:#14532d6b;border-color:#22c55e}.dark .sort-break__number-card[aria-pressed=true]{background:#1e40af7f}.dark .sort-break__number-card--ghost{background:#1e40af73}.dark .sort-break[data-incorrect] .sort-break__bubble-panel{background:#7f1d1d59}.dark .sort-break__result dl>div{background:#0f172a8a}.dark .sort-break__joke{color:#cbd5e1}@keyframes sort-break-shake{25%{transform:translate(-.3rem)}75%{transform:translate(.3rem)}}@media (max-width:48rem){.sort-break__settings{grid-template-columns:1fr}.sort-break__segment legend{float:left;width:5rem;margin:.85rem .65rem 0 0}.sort-break__segment>div{overflow:hidden}}@media (max-width:30rem){.sort-break__card{border-radius:1.1rem}.sort-break__segment legend{float:none;width:auto;margin:0 0 .35rem}.sort-break__scoreboard>div{min-width:5.5rem;padding-inline:.55rem}.sort-break__scoreboard .sort-break__time-stat{min-width:9.6rem}.sort-break__number-card{width:3.75rem;height:4.75rem}.sort-break__bubble-actions{position:sticky;bottom:.6rem}.sort-break__bubble-actions .game-button{padding-inline:.7rem}}@media (prefers-reduced-motion:reduce){.sort-break__number-card,.sort-break__pair-indicator,.sort-break__segment span{transition:none}.sort-break[data-incorrect] .sort-break__bubble-panel{animation:none}}