.sound-sort-game.svelte-8kt8j4{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);gap:var(--space-4);min-height:100%;overscroll-behavior:contain}.game-header.svelte-8kt8j4{width:100%;max-width:500px;display:flex;flex-direction:column;gap:var(--space-2)}.header-top.svelte-8kt8j4{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.round-label.svelte-8kt8j4{font-size:var(--font-size-lg);font-weight:800;color:var(--accent-primary)}.round-counter.svelte-8kt8j4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.belt.svelte-8kt8j4{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:linear-gradient(180deg,var(--border-color),var(--bg-card));border-radius:var(--radius-md);min-height:40px;align-items:center}.crate.svelte-8kt8j4{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:2px dashed var(--border-color);border-radius:6px;font-weight:700;color:var(--text-secondary);font-size:var(--font-size-sm)}.card-area.svelte-8kt8j4{min-height:180px;display:flex;align-items:center;justify-content:center}.sort-card.svelte-8kt8j4{width:160px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:var(--bg-card);border:3px solid var(--accent-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;animation:svelte-8kt8j4-card-arrive .3s ease-out}.sort-card.dragging.svelte-8kt8j4{cursor:grabbing;box-shadow:var(--shadow-lg);transition:none}.sort-card.shaking.svelte-8kt8j4{animation:svelte-8kt8j4-shake .4s ease-out}.sort-card.fly-left.svelte-8kt8j4{animation:svelte-8kt8j4-fly-left .3s ease-in forwards}.sort-card.fly-right.svelte-8kt8j4{animation:svelte-8kt8j4-fly-right .3s ease-in forwards}.card-picture.svelte-8kt8j4{width:96px;height:96px;pointer-events:none}.card-hint.svelte-8kt8j4{opacity:.6}.instruction-text.svelte-8kt8j4{font-size:var(--font-size-base);font-weight:600;color:var(--text-secondary);margin:0}.baskets.svelte-8kt8j4{display:flex;gap:var(--space-6);width:100%;max-width:500px;justify-content:center}.basket.svelte-8kt8j4{flex:1;max-width:200px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);background:linear-gradient(180deg,var(--bg-card),var(--color-success-bg, var(--bg-card)));border:3px dashed var(--accent-primary);border-radius:var(--radius-xl) var(--radius-xl) var(--radius-lg) var(--radius-lg);cursor:pointer;transition:transform .15s ease,border-color .15s ease}@media (hover: hover){.basket.svelte-8kt8j4:hover{transform:scale(1.06);border-style:solid;border-color:var(--color-success)}}.basket.basket-hover{transform:scale(1.06);border-style:solid;border-color:var(--color-success)}.basket.svelte-8kt8j4:active{transform:scale(.96)}.basket.tapped.svelte-8kt8j4{transform:scale(1.06);border-style:solid;border-color:var(--accent-active);box-shadow:var(--shadow-md)}.basket-speaker.svelte-8kt8j4:active{transform:scale(.95)}.basket.svelte-8kt8j4:focus:not(:focus-visible){outline:none}.basket.svelte-8kt8j4:focus-visible{outline:3px solid var(--accent-active);outline-offset:4px}.basket-label.svelte-8kt8j4{font-size:2.5rem;font-weight:800;color:var(--accent-primary);line-height:1}.basket-speakers.svelte-8kt8j4{display:flex;gap:var(--space-6);width:100%;max-width:500px;justify-content:center}.basket-speaker.svelte-8kt8j4{flex:1;max-width:200px;min-height:48px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-full);font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}@media (hover: hover){.basket-speaker.svelte-8kt8j4:hover{border-color:var(--accent-primary);color:var(--accent-primary)}}.basket-speaker.svelte-8kt8j4:focus:not(:focus-visible){outline:none}.drag-hint.svelte-8kt8j4{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:700;color:var(--accent-primary);margin:0}.drag-hint-hand.svelte-8kt8j4{animation:svelte-8kt8j4-hint-bob 1.2s ease-in-out infinite}.belt-empty.svelte-8kt8j4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}@keyframes svelte-8kt8j4-hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.round-banner.svelte-8kt8j4{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center;font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)}.complete-screen.svelte-8kt8j4{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-8);text-align:center}.complete-screen.svelte-8kt8j4 h2:where(.svelte-8kt8j4){font-size:var(--font-size-2xl);color:var(--text-primary)}.complete-message.svelte-8kt8j4{font-size:var(--font-size-lg);color:var(--text-secondary)}.stars-display.svelte-8kt8j4{display:flex;gap:var(--space-2)}.star.svelte-8kt8j4{font-size:2.5rem;color:var(--border-color)}.star.filled.svelte-8kt8j4{color:#ffc107;text-shadow:0 2px 8px rgba(255,193,7,.4)}.complete-actions.svelte-8kt8j4{display:flex;flex-direction:column;gap:var(--space-3)}.btn-primary.svelte-8kt8j4{background:var(--accent-primary);color:#fff;border:none;padding:var(--space-4) var(--space-6);border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:700;cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s ease}.btn-primary.svelte-8kt8j4:hover{transform:scale(1.05)}.btn-secondary.svelte-8kt8j4{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-color);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-weight:600;text-decoration:none}.loading.svelte-8kt8j4{padding:var(--space-8);color:var(--text-secondary)}@keyframes svelte-8kt8j4-card-arrive{0%{opacity:0;transform:translate(120px)}to{opacity:1;transform:translate(0)}}@keyframes svelte-8kt8j4-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes svelte-8kt8j4-fly-left{to{opacity:0;transform:translate(-160px,140px) scale(.4)}}@keyframes svelte-8kt8j4-fly-right{to{opacity:0;transform:translate(160px,140px) scale(.4)}}@media (max-width: 480px){.baskets.svelte-8kt8j4{gap:var(--space-3)}.sort-card.svelte-8kt8j4{width:140px;height:140px}.card-picture.svelte-8kt8j4{width:84px;height:84px}}.sound-sort-page.svelte-2jpgxc{min-height:100vh;display:flex;flex-direction:column}.game-nav.svelte-2jpgxc{padding:var(--space-3) var(--space-4)}.back-button.svelte-2jpgxc{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--bg-card);border:2px solid var(--border-color);color:var(--text-primary);font-weight:600;cursor:pointer}.tabs.svelte-2jpgxc{display:flex;gap:var(--space-2);width:100%;margin-bottom:var(--space-4)}.tab.svelte-2jpgxc{flex:1;padding:var(--space-3);border-radius:var(--radius-full);border:2px solid var(--border-color);background:var(--bg-card);font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.tab.active.svelte-2jpgxc{border-color:var(--accent-primary);color:var(--accent-primary)}.unit-list.svelte-2jpgxc{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.mode-cards.svelte-2jpgxc{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.mode-card.svelte-2jpgxc{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);background:var(--bg-card);border:3px solid transparent;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease}@media (hover: hover){.mode-card.svelte-2jpgxc:hover{border-color:var(--accent-primary);transform:translateY(-2px)}}.mode-card.svelte-2jpgxc:active{transform:scale(.98)}.mode-name.svelte-2jpgxc{font-size:var(--font-size-lg);font-weight:800;color:var(--text-primary)}.mode-description.svelte-2jpgxc{font-size:var(--font-size-sm);color:var(--text-secondary)}.mode-stars.svelte-2jpgxc .star:where(.svelte-2jpgxc){font-size:1.3rem;color:var(--border-color)}.mode-stars.svelte-2jpgxc .star.filled:where(.svelte-2jpgxc){color:#ffc107}