[data-game=sorted]{--game-accent-h: 280;--game-accent-s: 85%;--game-accent-l: 60%}.sorted-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:calc(var(--space-16) + var(--space-4)) var(--space-4) var(--space-8);gap:var(--space-5);max-width:560px;margin:0 auto;width:100%}.sorted-intro{width:100%;max-width:480px;padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.sorted-intro h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;letter-spacing:-.03em}.sorted-intro>p{color:var(--color-text-secondary);max-width:32ch;line-height:1.6}.sorted-card{width:100%;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.sorted-progress{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.sorted-badge{background:var(--game-accent-subtle);color:var(--game-accent);padding:3px var(--space-3);border-radius:var(--radius-badge);font-size:10px;font-weight:800}.sorted-prompt{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);text-align:center;line-height:1.4;margin-bottom:var(--space-2)}.sorted-list{display:flex;flex-direction:column;gap:var(--space-3);width:100%;list-style:none;padding:0;margin:0;position:relative}.sorted-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#1e233373;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:grab;-webkit-user-select:none;user-select:none;position:relative;transition:transform var(--duration-normal) var(--ease-spring),box-shadow var(--duration-normal) ease,border-color var(--duration-fast) ease,background-color var(--duration-fast) ease}.sorted-item__handle{display:flex;flex-direction:column;gap:3px;cursor:grab;color:var(--color-text-tertiary);transition:color var(--duration-fast) ease;padding-right:var(--space-1)}.sorted-item:hover .sorted-item__handle{color:var(--game-accent)}.sorted-item__handle:before,.sorted-item__handle:after,.sorted-item__handle-middle{content:"";width:12px;height:2px;background:currentColor;border-radius:1px}.sorted-item__handle-middle{height:2px}.sorted-item__label{font-size:var(--text-base);font-weight:600;flex:1;line-height:1.3}.sorted-item__value{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--game-accent);background:var(--game-accent-subtle);padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-md);margin-left:var(--space-2);opacity:0;transform:scale(.9);transition:opacity var(--duration-slow) ease,transform var(--duration-slow) var(--ease-spring)}.sorted-item__value.visible{opacity:1;transform:scale(1)}.sorted-item.dragging{opacity:.6;border-color:var(--game-accent);background:var(--color-surface-overlay);cursor:grabbing}.sorted-item.drag-over{border-color:var(--game-accent);box-shadow:0 0 15px var(--game-accent-glow);transform:scale(1.01)}.sorted-item.selected{border-color:var(--game-accent);background:#a855f726;box-shadow:0 0 20px var(--game-accent-glow);transform:translateY(-2px) scale(1.02)}.sorted-item.correct{border-color:var(--color-status-success);background:#10b9811a;box-shadow:0 0 10px #10b98126}.sorted-item.incorrect{border-color:#ffffff1a}.sorted-item__tick{color:var(--color-status-success);font-weight:800;font-size:var(--text-lg);margin-left:var(--space-2);display:inline-flex;align-items:center;animation:tick-pop .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes tick-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.sorted-feedback{text-align:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);animation:fade-up var(--duration-normal) ease both;font-family:var(--font-display);font-size:var(--text-base);font-weight:700}.sorted-feedback--info{background:#a855f71a;border:1px solid var(--game-accent);color:var(--color-text-primary)}.sorted-feedback--success{background:#10b98126;border:1px solid var(--color-status-success);color:var(--color-status-success)}.sorted-actions{display:flex;gap:var(--space-3);width:100%}.sorted-actions .btn{flex:1}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stats-panel{margin-top:var(--space-6);padding:var(--space-5);background:#ffffff05;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);width:100%}.stats-panel__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.08em}.leaderboard-row{display:flex;align-items:center;padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);transition:background var(--duration-fast) ease}.leaderboard-row:nth-child(2n){background:#ffffff03}.leaderboard-row--me{background:#a855f71a!important;border:1px solid var(--game-accent-glow)}.leaderboard-rank{font-weight:800;width:24px;color:var(--color-text-tertiary)}.leaderboard-row:nth-child(2) .leaderboard-rank{color:gold}.leaderboard-row:nth-child(3) .leaderboard-rank{color:silver}.leaderboard-row:nth-child(4) .leaderboard-rank{color:#cd7f32}.leaderboard-avatar{width:24px;height:24px;border-radius:var(--radius-full);background:var(--game-accent-muted);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-right:var(--space-3)}.leaderboard-name{font-weight:600;flex:1}.leaderboard-score{font-family:var(--font-mono);font-weight:700;color:var(--color-text-secondary)}.leaderboard-streak{margin-left:var(--space-2);font-size:var(--text-xs)}@media (max-width: 480px){.sorted-main{padding-top:calc(56px + var(--space-6))}.sorted-card{padding:var(--space-4)}.sorted-actions{flex-direction:column}}