.measures-lesson{--scene-h:clamp(230px,34vh,340px)}.measures-scene{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.measures-scene .engraved-row{max-height:var(--scene-h)}@keyframes sig-blink{0%,to{fill:#1b1b1f}20%,60%{fill:#b9362e}40%,80%{fill:#e3a19b}}.is-flash-top .time-sig__top,.is-flash-bottom .time-sig__bottom{animation:.9s both sig-blink}.time-sig{animation:.35s both sig-in}@keyframes sig-in{0%{opacity:0}}.count{fill:#b65a3c;text-anchor:middle;font:700 22px Arial,sans-serif;transition:fill .12s}.count.is-held{fill:#b5b1aa;font-weight:500}.count.is-lit{fill:#b9362e}.count-bracket{fill:none;stroke:#cfa593;stroke-width:1.5px}.beat-counter{color:#cfc8bd;gap:18px;font:700 22px Arial,sans-serif;display:flex}.beat-counter span{transition:color .1s}.beat-counter .is-lit{color:#b9362e}.measure-hit{fill:#b9362e;fill-opacity:0;cursor:pointer;transition:fill-opacity .15s}.measure-hit:hover{fill-opacity:.04}.measure-hit.is-playing{fill-opacity:.07}.measure-hit:focus{outline:none}.measure-hit:focus-visible{fill-opacity:.07}.sig-hit{fill:#b9362e;fill-opacity:0;cursor:pointer;transition:fill-opacity .15s}:is(.sig-hit:hover,.sig-hit:focus-visible){fill-opacity:.06}.sig-hit:focus{outline:none}.measures-tools{justify-content:center;align-items:center;gap:12px;min-height:56px;margin-top:10px;display:flex}.measures-pending{color:#9a9ca3!important;margin:40px 0!important}@media (prefers-reduced-motion:reduce){.is-flash-top .time-sig__top,.is-flash-bottom .time-sig__bottom,.time-sig{animation:none}.count,.measure-hit{transition:none}.beat-stick{animation:none}}.measure-circle{fill:none;stroke:#b9362e;stroke-width:2.5px}.beat-stick{stroke:#d65b43;stroke-width:3px;stroke-linecap:round;stroke-dasharray:44;animation:.3s ease-out both stick-draw}@keyframes stick-draw{0%{stroke-dashoffset:44px}}.beat-stick.is-miss{opacity:.35}.stick-key{fill:#0000;pointer-events:none}.stick-key:focus{outline:none}.stick-key:focus-visible{fill:#b9362e;fill-opacity:.12}.barline-drawing__pad{fill:#0000;cursor:crosshair;touch-action:none}.barline-drawing__pencil{fill:none;stroke:#6f7178;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.barline-drawing__gap{fill:#0000;pointer-events:none}.barline-drawing__gap:focus{outline:none}.barline-drawing__gap:focus-visible{fill:#b9362e;fill-opacity:.12}.measure-total{font:600 18px var(--font,sans-serif);text-anchor:middle}.measure-total.is-full{fill:#46633d}.measure-total.is-off{fill:#b36a3d}.measures-score{font:700 28px var(--font,sans-serif);color:#292a33!important;margin:48px 0!important}.beat-hint{stroke:#d65b43;stroke-width:2px;stroke-dasharray:5 5;opacity:.6}.tap-mark{fill:#9a9ca3;animation:.12s both sig-in}.tap-mark.is-on{fill:#678956}.tap-mark.is-off{fill:#d08a5c}