.manche__cadre{margin-top:var(--sp-3)}.manche__dessin{display:block;width:100%;max-width:var(--reading-col);height:auto}.manche--jouable .manche__dessin{max-width:min(100%,760px)}.manche__portee{fill:var(--bois-portee);stroke:var(--bois-portee);stroke-width:6;stroke-linejoin:round;opacity:.07}.manche__touche{stroke:none}.manche__bois-plein{stop-color:var(--bois)}.manche__bois-lumiere{stop-color:var(--bois-lumiere)}.manche__bois-bord{stop-color:var(--bois-bord)}.manche__grain{fill:none;stroke:var(--bois-grain);stroke-width:1.2}.manche__bords{fill:none;stroke:var(--bois-filet);stroke-width:2}.manche__corde-ombre{stroke:var(--bois-ombre);opacity:.65}.manche__corde-ame{stroke:var(--corde)}.manche__corde[data-filee] .manche__corde-ame{stroke:var(--corde-filee)}.manche__corde-reflet{fill:none;stroke:var(--corde-reflet);stroke-width:.7;opacity:.55}.manche__frette-ombre{fill:none;stroke:var(--bois-ombre);stroke-width:1.6}.manche__frette{fill:none;stroke:var(--frette);stroke-width:2.4;stroke-linecap:butt}.manche__frette-reflet{fill:none;stroke:var(--frette-reflet);stroke-width:.8}.manche__sillet{fill:var(--os);stroke:var(--color-ink-muted);stroke-width:1.5}.manche__sillet-ombre{fill:var(--bois-ombre);opacity:.8}.manche__repere{stroke:var(--repere);stroke-width:.9}.manche__nacre-reflet{stop-color:var(--nacre)}.manche__nacre-fond{stop-color:var(--nacre-fond)}.manche__corde-nom text,.manche__numero{font-family:var(--font-ui)}.manche__corde-nom text{dominant-baseline:central}.manche__corde-numero{fill:var(--color-ink-muted);font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.manche__corde-lettre{fill:var(--color-ink);font-size:17px;font-weight:500}.manche__numero{fill:var(--color-ink-muted);font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.manche__numero[data-repere]{fill:var(--color-ink);font-weight:600}@media (max-width:30rem){.manche__corde-lettre{font-size:22px}.manche__corde-numero{font-size:19px}.manche__numero{font-size:20px}}.manche__muette line{stroke:var(--color-ink-muted);stroke-width:2.2;stroke-linecap:round}.manche__pastille{transform-box:fill-box;transform-origin:center}.manche__pastille[role=button]{cursor:pointer;touch-action:manipulation}.manche__cible{fill:transparent}.manche__rond{fill:var(--doigt);stroke:var(--bois);stroke-width:5;paint-order:stroke;transform-box:fill-box;transform-origin:center;transition:transform var(--dur-1) var(--ease-out)}.manche__doigt-lumiere{stop-color:var(--doigt-lumiere)}.manche__doigt-plein{stop-color:var(--color-accent)}.manche__doigt-ombre{stop-color:var(--doigt-ombre)}.manche__pastille[data-vide] .manche__rond{fill:none;stroke:var(--color-ink-muted);stroke-width:2}.manche__pastille[data-attente] .manche__rond{fill:var(--bois);stroke:var(--color-ink-muted);stroke-width:2.2;stroke-dasharray:5 4;paint-order:normal}.manche__pastille[data-attente] .manche__marque{fill:var(--color-ink-muted)}.manche__pastille[data-barre] .manche__rond{opacity:0}.manche__barre{fill:var(--doigt);stroke:var(--bois);stroke-width:5;paint-order:stroke}.manche__marque{fill:var(--color-accent-on);font-family:var(--font-ui);font-weight:600;text-anchor:middle;dominant-baseline:central;pointer-events:none}.manche__anneau{fill:none;stroke:none;stroke-width:3;opacity:0;pointer-events:none;transition:opacity var(--dur-1) var(--ease-out)}.manche__pastille[data-frappee] .manche__anneau{stroke:var(--color-ink);opacity:1}.manche__pastille:focus-visible .manche__anneau{stroke:var(--color-focus);opacity:1}@media (hover:hover){.manche__pastille[role=button]:hover .manche__rond{transform:scale(1.08)}}.manche__pastille[role=button]:active .manche__rond{transform:scale(.94);transition-duration:var(--dur-0)}.manche__pastille:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.manche__liaison path{fill:none;stroke:var(--color-ink-muted);stroke-width:2}.manche__liaison text{fill:var(--color-ink-muted);font-family:var(--font-ui);font-size:15px;font-weight:600}.manche__courante text{fill:var(--color-ink);font-family:var(--font-ui);font-size:20px;font-weight:600}.manche__courante line,.manche__main line{stroke:var(--color-ink-faint);stroke-width:1.4}.manche__main line{stroke-dasharray:3 3}.manche__main circle{fill:var(--color-sunken);stroke:var(--color-ink);stroke-width:1.8}.manche__main text{fill:var(--color-ink);font-family:var(--font-ui);font-size:18px;font-weight:600;text-anchor:middle;dominant-baseline:central}@media (max-width:30rem){.manche__main text{font-size:21px}}.manche__choix{margin-top:var(--sp-3)}@media (prefers-reduced-motion:reduce){.manche__anneau,.manche__rond{transition:none}.manche__pastille[role=button]:active .manche__rond,.manche__pastille[role=button]:hover .manche__rond{transform:none}}.portee{display:block;width:100%;height:auto}.portee__ligne{stroke:var(--color-ink-faint);stroke-width:2}.portee__barre{stroke:var(--color-ink-muted);stroke-width:2.6}.portee__tete{fill:var(--color-ink)}.portee__tete[data-creuse]{fill:none;stroke:var(--color-ink);stroke-width:5}.portee__crochet,.portee__hampe{stroke:var(--color-ink);stroke-width:3.4}.portee__crochet{stroke:none}.portee__crochet,.portee__ligature,.portee__point,.portee__silence rect{fill:var(--color-ink)}.portee__soupir{fill:none;stroke:var(--color-ink);stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.portee__soupir-court circle{fill:var(--color-ink)}.portee__soupir-court line{stroke:var(--color-ink);stroke-width:4.5;stroke-linecap:round}.portee__pause rect{fill:var(--color-ink)}.portee__pause line{stroke:var(--color-ink);stroke-width:2}.portee__figure[data-actif] .portee__crochet,.portee__figure[data-actif] .portee__hampe,.portee__figure[data-actif] .portee__pause rect,.portee__figure[data-actif] .portee__point,.portee__figure[data-actif] .portee__silence rect,.portee__figure[data-actif] .portee__soupir-court circle,.portee__figure[data-actif] .portee__tete{fill:var(--color-accent)}.portee__figure[data-actif] .portee__hampe,.portee__figure[data-actif] .portee__pause line,.portee__figure[data-actif] .portee__soupir,.portee__figure[data-actif] .portee__soupir-court line,.portee__figure[data-actif] .portee__tete[data-creuse]{stroke:var(--color-accent)}.exercice{container:exercice/inline-size}.exercice__corps{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--sp-4);gap:var(--sp-4);margin-top:var(--sp-2)}.exercice__manche,.exercice__suivi{min-width:0}@container exercice (min-width: 32rem){.exercice__corps{grid-template-columns:minmax(0,11fr) minmax(0,9fr);grid-template-areas:"manche consigne" "suivi suivi";column-gap:var(--sp-5)}.exercice__manche{grid-area:manche}.exercice__consigne{grid-area:consigne;padding-top:var(--sp-3)}.exercice__suivi{grid-area:suivi}.exercice__corps[data-grille=barre]{grid-template-rows:auto 1fr;grid-template-areas:"manche consigne" "manche suivi";row-gap:var(--sp-4)}.exercice__corps[data-grille=barre]:not(:has(>.exercice__consigne)){grid-template-rows:auto;grid-template-areas:"manche suivi"}.exercice__corps[data-grille=barre]:not(:has(>.exercice__consigne)) .exercice__suivi{padding-top:var(--sp-3)}.exercice__corps:not([data-grille=barre]):not(:has(>.exercice__consigne)){grid-template-columns:minmax(0,1fr);grid-template-areas:"manche" "suivi"}.exercice__corps:not([data-grille=barre],[data-vue=tablature]):not(:has(>.exercice__consigne)) .exercice__manche{justify-self:center;width:min(100%,26rem)}}@container exercice (min-width: 56rem){.exercice .exercice__corps:not([data-vue=tablature]){grid-template-columns:minmax(0,26rem) minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"manche consigne" "manche suivi";row-gap:var(--sp-4)}.exercice .exercice__corps:not([data-vue=tablature]):not(:has(>.exercice__consigne)){grid-template-rows:auto;grid-template-areas:"manche suivi"}}@container exercice (min-width: 32rem){.exercice .exercice__corps[data-vue=tablature]{grid-template:none/minmax(0,1fr)}.exercice .exercice__corps[data-vue=tablature]>*{grid-area:auto}}.exercice__manche{container:manche-exercice/inline-size}@container manche-exercice (max-width: 30rem){.manche__corde-lettre{font-size:22px}.manche__corde-numero{font-size:19px}.manche__numero{font-size:20px}.manche__main text{font-size:21px}}.exercice__consigne{margin:0;max-width:var(--measure-narrow);color:var(--color-ink);font-family:var(--font-content);font-size:var(--step-0);line-height:var(--leading-snug);text-wrap:pretty}.exercice__objectif{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.exercice__objectif strong{color:var(--color-ink);font-weight:600}.exercice__ou{margin:0 0 var(--sp-2);min-height:1.5em;color:var(--color-ink-muted);font-family:var(--font-ui);font-size:var(--step--1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.exercice__ou strong{color:var(--color-ink);font-weight:600}.exercice__case{font:inherit;cursor:pointer;touch-action:manipulation;min-height:44px}.manche .exercice__case[data-forme=barre]{min-height:26px;border-color:transparent;border-radius:2px;background:var(--color-line);box-shadow:none}.manche .exercice__case[data-forme=barre][data-mesure=true]{background:var(--color-line-strong)}.manche .exercice__case[data-forme=barre][data-actif=true]{background:var(--color-accent)}.manche .exercice__case[data-forme=barre][data-choisie=true]{box-shadow:inset 0 0 0 2px var(--color-ink)}@media (hover:hover){.manche .exercice__case[data-forme=barre]:hover:not(:disabled){background:var(--color-line-strong)}}.exercice__case[data-forme=rythme][data-note=true]{background:var(--color-line-strong);border-color:var(--color-line-strong)}.exercice__case[data-barree],.exercice__case[data-forme=rythme][data-barree]{background-color:transparent;border-color:var(--color-line-strong)}.exercice__case[data-mesure=true]{border-left-color:var(--color-ink-muted)}@media (hover:hover){.exercice__case:hover:not(:disabled){border-color:var(--color-ink-faint)}}.exercice__case[data-choisie=true]{border-color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}.exercice__case:has(.exercice__sens){flex-direction:column;justify-content:flex-start;gap:3px;min-height:3.25rem;padding:7px 0 4px;line-height:1}.exercice__sens{display:block;width:16px;height:20px;flex:none}.exercice__sens svg{display:block}.exercice__accord{max-width:100%;overflow:hidden;color:var(--color-ink);font-size:var(--step--2);font-weight:600;text-overflow:clip}.exercice__case[data-actif=true] .exercice__sens{color:var(--color-accent)}.exercice__case:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.exercice__case[data-barree]{background:transparent;border-color:var(--color-line-strong);background-image:linear-gradient(to bottom right,transparent calc(50% - 1px),var(--color-ink-faint) calc(50% - 1px),var(--color-ink-faint) calc(50% + 1px),transparent calc(50% + 1px))}.exercice__case:disabled{cursor:default;color:inherit}@media (max-width:640px){.manche:not(.exercice){--musique-etiquette:3.5rem}.manche:not(.exercice) .musique__grille{overflow-x:auto}.manche:not(.exercice) .musique__cases,.manche:not(.exercice) .portee{min-width:calc(var(--pas) * 2.6rem)}}.exercice .musique__cases:not(.exercice__ruban),.exercice .portee{min-width:calc(var(--pas) * 2rem)}.tablature{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);margin-top:var(--sp-3);max-width:var(--reading-col)}.tablature__systeme{display:block;width:100%;height:auto}.tablature__ligne{stroke:var(--color-ink-faint);stroke-width:1.2}.tablature__barre{stroke:var(--color-ink-muted);stroke-width:1.6}.tablature__corde{fill:var(--color-ink-muted);font-family:var(--font-ui);font-size:12px;text-anchor:middle;dominant-baseline:central}.tablature__fond{fill:var(--color-sunken)}.tablature__case{fill:var(--color-ink);font-family:var(--font-ui);font-size:17px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-anchor:middle;dominant-baseline:central}.tablature__muette{fill:var(--color-ink-muted);font-weight:400}.tablature__liaison line,.tablature__liaison path{fill:none;stroke:var(--color-ink-muted);stroke-width:1.4}.tablature__liaison text,.tablature__main{fill:var(--color-ink-muted);font-family:var(--font-ui);font-size:12px;font-weight:600;text-anchor:middle;dominant-baseline:central}.tablature__repere{stroke:transparent;stroke-width:2.4;stroke-linecap:round}.tablature__etape[data-choisie] .tablature__repere{stroke:var(--color-ink)}.tablature__etape[data-note] .tablature__case{fill:var(--teinte)}.tablature__etape[data-actif] .tablature__case,.tablature__etape[data-actif] .tablature__main{fill:var(--color-accent)}@media (max-width:30rem){.tablature__case{font-size:22px}.tablature__corde,.tablature__liaison text,.tablature__main{font-size:17px}}.difficulte{display:flex;align-items:center;gap:var(--sp-3);margin:0;font-family:var(--font-ui);font-size:var(--step--2);color:var(--color-ink-muted);white-space:nowrap}.difficulte__crans{display:flex;gap:2px}.difficulte__cran{position:relative;width:8px;height:14px;border-radius:1px;background:var(--color-line-strong)}.difficulte__cran:after,.difficulte__cran[data-plein]{background:var(--color-ink-muted)}.difficulte__cran:after{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--part, 0) * 100%);border-radius:1px 0 0 1px}.difficulte__valeur strong{color:var(--color-ink);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.exercice__ruban{gap:3px}.exercice__clic{min-height:38px;padding:var(--sp-2) var(--sp-3)}.melange__barre{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.melange__nom{margin:0;color:var(--color-ink-muted);font-family:var(--font-ui);font-size:var(--step--1)}.melange__nom strong{color:var(--color-ink);font-weight:600}.guitare__sommaire{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-5)}.guitare__serie{margin-top:var(--sp-6);padding-left:var(--sp-4);border-left:2px solid var(--color-line)}.guitare__exercice{margin-top:var(--sp-5);content-visibility:auto;contain-intrinsic-size:auto 760px}.guitare__entete{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-3)}.guitare__titre{margin:var(--sp-1) 0 0;font-size:var(--step-1);line-height:var(--leading-tight);font-weight:600}.guitare__enjeu{max-width:var(--measure-narrow);margin-top:var(--sp-2);color:var(--color-ink-muted)}.variantes__barre{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-3)}.variantes__rang{color:var(--color-ink-muted);font-family:var(--font-ui);font-size:var(--step--2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.barre-mobile__resultat{margin:var(--sp-4) 0 0;text-align:center;font-family:var(--font-ui);color:var(--color-ink-muted)}.barre-mobile__nom{font-size:var(--step-3);line-height:1;font-weight:600;color:var(--color-accent)}.guitare__texte{max-width:var(--measure,68ch);margin-top:var(--sp-5)}.guitare__cours{margin-top:var(--sp-2);font-family:var(--font-ui);font-size:var(--step--1);color:var(--color-ink-muted)}.barre-mobile .manche__dessin{margin-inline:auto}.portee__figure[data-teinte] .portee__crochet,.portee__figure[data-teinte] .portee__point,.portee__figure[data-teinte] .portee__tete{fill:var(--portee-encre)}.portee__figure[data-teinte] .portee__tete[data-creuse]{fill:none;stroke:var(--portee-encre)}.portee__figure[data-teinte] .portee__hampe{stroke:var(--portee-encre)}.guitare__auteur{color:var(--color-ink-muted);font-weight:400}