.clavier-btn.svelte-1uha8ag{display:block;background:none;border:0;padding:0;cursor:pointer;border-radius:4px}.clavier-btn.svelte-1uha8ag:focus-visible{outline:2px solid var(--btn-bg);outline-offset:10px}.scene.svelte-1uha8ag{font-size:clamp(24px,6.4vw,38px);--lueur: var(--mode-lueur, rgba(216, 158, 42, .46));--lueur-forte: var(--mode-lueur-forte, rgba(240, 192, 80, .86));--touche-on-face-h: var(--mode-face-h, #ecd6a6);--touche-on-face-b: var(--mode-face-b, #cfae6b);--touche-on-ombre: var(--mode-ombre, rgba(198, 143, 38, .26));--ivoire-h: #fffefc;--ivoire-b: #f1ece2;--face-h: #e6dfcd;--face-b: #c6bda6;display:block;perspective:30em;perspective-origin:50% 26%;overflow:hidden;padding:1.4em 1.8em 0}.corps.svelte-1uha8ag{position:relative;display:block;width:10em;transform:rotateX(15deg);transform-style:preserve-3d;transition:transform .4s cubic-bezier(.22,.7,.25,1)}.clavier-btn.svelte-1uha8ag:hover .corps:where(.svelte-1uha8ag){transform:rotateX(10deg)}.rail.svelte-1uha8ag{position:relative;display:block;height:.4em;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#2e2b25,#16140f);box-shadow:inset 0 1px #ffffff1a,inset 0 -.1em .16em #0009,0 .1em .3em #00000057}.rail.svelte-1uha8ag:after{content:"";position:absolute;left:6%;right:6%;bottom:.08em;height:2px;background:linear-gradient(90deg,transparent,var(--accent) 18%,var(--accent) 82%,transparent);opacity:.5;transition:opacity .5s ease,box-shadow .5s ease}.corps.complet.svelte-1uha8ag .rail:where(.svelte-1uha8ag):after{opacity:1;box-shadow:0 0 .14em var(--lueur-forte)}.touches.svelte-1uha8ag{position:relative;display:block;height:4.32em;width:10em;transform-style:preserve-3d}.ombre.svelte-1uha8ag{display:block;height:.7em;margin:-.12em .5em 0;background:radial-gradient(58% 100% at 50% 0%,rgba(0,0,0,.44),transparent 74%);filter:blur(.16em)}.touche.svelte-1uha8ag{position:absolute;top:0;display:block;transform-origin:top center;transition:transform .14s cubic-bezier(.3,.7,.3,1),box-shadow .24s ease,background .24s ease}.blanche.svelte-1uha8ag{width:1em;height:4.32em;border-radius:0 0 4px 4px;transform:rotateX(0);background:linear-gradient(180deg,var(--ivoire-h) 0%,#f8f4ea 58%,var(--ivoire-b) 100%);box-shadow:inset -1px 0 #3e342033,inset 0 -.5em .7em #7a643a1a}.halo.svelte-1uha8ag{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(155% 98% at 50% 124%,var(--lueur-forte) 0%,var(--lueur) 42%,transparent 86%);opacity:0;transition:opacity .6s ease;pointer-events:none}.blanche.on.svelte-1uha8ag .halo:where(.svelte-1uha8ag){opacity:1}.blanche.svelte-1uha8ag:before{content:"";position:absolute;left:0;right:0;bottom:0;height:.34em;border-radius:0 0 4px 4px;background:linear-gradient(180deg,var(--face-h) 0%,var(--face-b) 100%);box-shadow:inset 0 1px #ffffffb8}.blanche.on.svelte-1uha8ag{transform:rotateX(5deg);box-shadow:inset -1px 0 #3e342033,inset 0 -.8em .9em var(--touche-on-ombre)}.blanche.on.svelte-1uha8ag:before{background:linear-gradient(180deg,var(--touche-on-face-h) 0%,var(--touche-on-face-b) 100%);box-shadow:inset 0 1px #fff8e2cc}.noire.svelte-1uha8ag{width:.636em;height:2.77em;transform:translateZ(.02em);border-radius:0 0 3px 3px;background:linear-gradient(180deg,#433f38,#221f1b 54%,#100f0c);box-shadow:inset 0 1px #ffffff2b,0 .16em .28em #00000080}.noire.svelte-1uha8ag:before{content:"";position:absolute;left:0;right:0;bottom:0;height:.26em;border-radius:0 0 3px 3px;background:linear-gradient(180deg,#35312b,#1a1815);box-shadow:inset 0 1px #ffffff21}.noire.on.svelte-1uha8ag{transform:translateZ(.02em) rotateX(5deg);box-shadow:inset 0 1px #ffffff38,0 .1em .22em #00000080}.nom.svelte-1uha8ag{position:absolute;bottom:.52em;left:0;right:0;text-align:center;font-family:var(--font-mono);font-size:10px;font-weight:700;color:#6f4e0c;opacity:0;transition:opacity .24s ease}.touche.on.svelte-1uha8ag .nom:where(.svelte-1uha8ag){opacity:1}.barre.svelte-1uha8ag{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:1.35rem}.legende.svelte-1uha8ag{display:flex;align-items:center;gap:.45rem;font-size:.9rem;font-weight:600;color:var(--text-muted);transition:color .18s ease}.clavier-btn.svelte-1uha8ag:hover+.barre:where(.svelte-1uha8ag) .legende:where(.svelte-1uha8ag){color:var(--accent-ink)}.pause-btn.svelte-1uha8ag{display:grid;place-items:center;width:1.7rem;height:1.7rem;padding:0;border:1px solid var(--border-strong);border-radius:4px;background:none;color:var(--text-muted);cursor:pointer;transition:color .18s ease,border-color .18s ease}.pause-btn.svelte-1uha8ag:hover{color:var(--accent-ink);border-color:var(--accent-ink)}.pause-btn.svelte-1uha8ag:focus-visible{outline:2px solid var(--btn-bg);outline-offset:3px}html.dark .scene.svelte-1uha8ag{--lueur: var(--mode-lueur-nuit, rgba(220, 156, 83, .6));--lueur-forte: var(--mode-lueur-forte-nuit, rgba(233, 180, 110, .85));--ivoire-h: #f2ede1;--ivoire-b: #d6cebc;--face-h: #cdc5b1;--face-b: #a9a08b}