.sorting-lab{max-width:1120px}.sorting-intro,.sorting-controls,.sorting-explain{background:#fffaf0;border:1px solid #d9cdb7;border-radius:20px;padding:1.4rem;margin-bottom:1.2rem}.sorting-intro h2,.sorting-explain h2{font-size:1.35rem}.sorting-intro p,.sorting-explain p{margin-bottom:0}.sorting-controls{display:grid;gap:1rem}.sorting-selects,.sorting-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.sorting-selects label{min-width:210px;flex:1;font-weight:700}.sorting-selects select{margin-top:.35rem}.sorting-buttons .btn{min-width:125px}.sorting-board{position:relative;height:350px;border:1px solid #d9cdb7;border-radius:20px;background:linear-gradient(#fffdf8,#f6efe1);overflow:hidden;margin:0 0 1rem}.sorting-bar{position:absolute;bottom:35px;left:0;width:calc(100% / 12 - 8px);height:var(--bar-height);max-height:calc(100% - 42px);transform:translateX(calc(var(--bar-position) * (100% + 8px)));background:#167d87;border:2px solid #0e5660;border-radius:9px 9px 3px 3px;display:flex;align-items:flex-start;justify-content:center;color:white;font-size:1rem;font-weight:800;padding-top:.3rem;transition:transform .68s ease,background-color .25s ease,box-shadow .25s ease}.sorting-bar.is-active{background:#cc641c;border-color:#9a440d;box-shadow:0 0 0 3px #f6b46a}.sorting-bar.is-done{background:#49865b;border-color:#27603a}.sorting-status{min-height:2.5rem;padding:.75rem 1rem;background:#e9f4f4;border-left:4px solid #167d87;border-radius:5px;font-weight:700}.sorting-metrics{display:flex;flex-wrap:wrap;gap:.75rem}.sorting-metrics p{min-width:150px;display:flex;justify-content:space-between;gap:1rem;background:#f4efe5;border-radius:12px;padding:.6rem .9rem}.sorting-metrics strong{color:#075961}.sorting-array{overflow-wrap:anywhere}.sorting-array span{font-variant-numeric:tabular-nums}.sorting-note{color:#665e53;font-size:.95rem}.sorting-explain h2:not(:first-child){margin-top:1.35rem}@media(max-width:640px){.sorting-board{height:270px}.sorting-bar{bottom:28px;width:calc(100% / 12 - 3px);transform:translateX(calc(var(--bar-position) * (100% + 3px)));font-size:.7rem;border-width:1px}.sorting-controls{padding:1rem}.sorting-buttons .btn{min-width:unset;flex:1}}@media(prefers-reduced-motion:reduce){.sorting-bar{transition:none!important}}