.count-play{position:relative;z-index:1;width:100%}.count-path{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;padding:16px}.count-object{position:relative;width:110px;height:118px;padding:8px;border:2px solid transparent;background:transparent;box-shadow:none}.count-object svg{width:88px;height:88px}.count-object.counted{opacity:1;background:#e1ebd9;border-color:#739376}.count-marker{position:absolute;bottom:2px;right:4px;border-radius:50%;min-width:28px;color:#244e37;font-weight:800;background:#fff}.count-status{text-align:center;font-size:1.1rem}.count-object.counted svg{transform:translateY(-6px)}.gentle-motion .count-object.counted svg{animation:count-hop .5s ease-out 1}.drag-source{touch-action:none;user-select:none;cursor:grab}.dragging{position:relative;z-index:20;pointer-events:none;cursor:grabbing;box-shadow:0 12px 20px #29452c33}.sorting-items,.match-column{overflow:visible}.listen-mission{margin:12px 0 20px;padding:18px;background:#e8eee5;border-radius:22px}.big-listen{min-height:64px;font-size:1.2rem}.listen-mission details{margin-top:16px}.lesson-completion{padding:24px;text-align:center;background:#eaf0e2;border:1px solid #cad8bd;border-radius:24px;margin:24px 0}.completion-picture svg{width:88px;height:88px}.completion-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:20px 0}.completion-actions button{min-height:52px}.completion-actions p{flex-basis:100%}.try-play{padding:16px 0}.try-play .row{margin:12px 0}.gentle-motion .mission-done .completion-picture{animation:completion-arrive .5s ease-out 1}@keyframes count-hop{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(-6px)}}@keyframes completion-arrive{from{transform:translateY(12px);opacity:.5}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.count-object.counted svg,.mission-done .completion-picture{animation:none!important;transition:none!important}}@media(max-width:600px){.count-path{gap:8px;padding:8px}.count-object{width:94px;height:104px}.count-object svg{width:76px;height:76px}.completion-actions{flex-direction:column}.completion-actions button{width:100%}.lesson-completion{padding:18px}.sorting-items{gap:8px}.drag-source{min-height:72px}}

@media(max-width:600px){.play-sort .compact-scene{display:none}.play-sort .task-intro{margin:12px 0}.play-sort .task-intro h1{font-size:22px;letter-spacing:-.5px}.play-sort .sorting-items{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.play-sort .sorting-items .choice{min-height:72px;padding:5px;width:100%}.play-sort .sorting-items svg{width:54px;height:54px}.play-sort .sorting-items .audio-chip{min-height:44px;padding:6px;font-size:12px}.play-sort .sorting-bins{gap:8px}.play-sort .bin{padding:10px;min-height:125px}.play-sort .bin>svg{width:42px;height:42px}.play-sort .tap-guide{font-size:13px;line-height:1.5;margin:12px 0}}