.accidentals-lesson{--scene-h:clamp(200px,28vh,300px)}.acc-scene{width:100%;min-height:calc(var(--scene-h) + 70px);flex-direction:column;align-items:center;gap:6px;display:flex}.acc-scene .engraved-row,.acc-scene .acc-closeup{height:calc(var(--scene-h) - 40px);max-height:none}.acc-scene .engraved-row.acc-wide{height:auto}.acc-scene .acc-closeup.acc-match{height:252px}.lesson-scene .acc-scene .acc-keys.is-hint.sequence-keyboard.is-visible{height:118px}.lesson-scene .acc-scene .acc-keys.sequence-keyboard.is-visible{width:auto;max-width:none;height:118px;margin:0 auto}.lesson-shell.accidentals-lesson .lesson-scene{gap:8px;padding-top:4px}.acc-scene .engraved-row.acc-wide{max-height:200px}.acc-scene .acc-keys svg{width:auto;height:100%}.acc-staff-arrow{pointer-events:none}.acc-staff-arrow path{fill:none;stroke:#b9362e;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.acc-staff-arrow text{fill:#b9362e;font:600 15px var(--font,sans-serif)}.acc-equals text{fill:#b9362e;font:700 46px var(--font,sans-serif);animation:.4s both engraved-appear}.acc-equals .acc-equals__label{font:600 18px var(--font,sans-serif)}.acc-reminder{fill:#9a9ca3;font:400 34px var(--font,sans-serif)}.acc-hit{fill:#0000;cursor:pointer}.acc-note-hit{outline:none}.acc-note-hit:focus-visible{fill:#b9362e;fill-opacity:.12}.acc-closeup{touch-action:none}.acc-preview{fill:#292a33;opacity:.18}.acc-closeup .acc-preview{opacity:.3;pointer-events:none}.acc-stroke{fill:none;stroke:#292a33;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.acc-pointer{cursor:pointer;touch-action:none}.acc-closeup.is-drawing .acc-pointer{cursor:crosshair}.acc-ring{fill:none;stroke:#b9362e;stroke-width:2.4px;pointer-events:none}.acc-question{cursor:pointer;outline:none}.acc-question text{font:700 80px var(--font,sans-serif);fill:#9a9ca3}.acc-question.is-hot text{fill:#b9362e}.acc-question:focus-visible text{fill:#6b6d74}.acc-question.is-leaving{pointer-events:none;animation:.6s forwards acc-fade}.acc-closeup .acc-preview{animation:.7s .25s both acc-guide-in}.acc-closeup .engraved-row__acc{animation:none}@keyframes acc-guide-in{0%{opacity:0}to{opacity:.3}}.acc-sign-hit,.acc-gap-hit{fill:#0000;cursor:pointer;outline:none}.acc-gap-hit:focus-visible{fill:#b9362e;fill-opacity:.08}.acc-sign-hit:focus-visible{fill:#b9362e;fill-opacity:.1}.acc-erasing{fill:#1b1b1f;pointer-events:none;animation:.5s forwards acc-fade}.acc-match{cursor:pointer}.acc-match-line{stroke:#9a9ca3;stroke-width:3px;stroke-linecap:round;pointer-events:none}.acc-match-line.is-right{stroke:#678956}.acc-match-line.is-fading{animation:.5s forwards acc-fade}@keyframes acc-fade{to{opacity:0}}.acc-hint{fill:none;stroke:#b9362e;stroke-width:4px;stroke-dasharray:10 8;pointer-events:none}.acc-reach{fill:#b9362e;opacity:.08;pointer-events:none}.lesson-shell.accidentals-lesson .theory-timeline button{min-height:72px}@media (prefers-reduced-motion:reduce){.acc-match-line.is-fading,.acc-question.is-leaving,.acc-erasing{opacity:0;animation:none}.acc-closeup .acc-preview{animation:none}}.acc-scene .acc-keys{z-index:1;position:relative}.accidentals-lesson .lesson-scene:has(.acc-match) .measures-tools:empty{display:none}