.keyboard.svelte-t45i1l.svelte-t45i1l{display:flex;flex-direction:column;gap:.35rem;align-items:center;padding:.5rem .6rem;background:var(--rp-overlay);border:3px solid var(--rp-hl-med);border-radius:6px;box-shadow:inset 0 0 16px #00000080}.row.svelte-t45i1l.svelte-t45i1l{display:flex;gap:.3rem}.row[data-row="1"].svelte-t45i1l.svelte-t45i1l{padding-left:1rem}.row[data-row="2"].svelte-t45i1l.svelte-t45i1l{padding-left:1.5rem}.row[data-row="3"].svelte-t45i1l.svelte-t45i1l{padding-left:0}.row[data-row="4"].svelte-t45i1l.svelte-t45i1l{width:100%;justify-content:center}.key.svelte-t45i1l.svelte-t45i1l{--finger-color:var(--rp-iris);position:relative;min-width:2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;background:var(--rp-surface);border:2px solid var(--finger-color);border-radius:4px;color:var(--rp-text);font-family:"Press Start 2P",cursive;font-size:.7rem;box-shadow:0 2px 0 var(--rp-hl-low),inset 0 0 6px #ffffff0a;transition:transform .08s ease,box-shadow .12s ease,opacity .2s ease}.key.modifier.svelte-t45i1l.svelte-t45i1l{min-width:3rem;font-size:1rem;opacity:.55}.key.modifier.target.svelte-t45i1l.svelte-t45i1l{opacity:1}.key.wide.svelte-t45i1l.svelte-t45i1l{min-width:12rem;height:1.4rem;font-size:.55rem;letter-spacing:.3em}.cap.svelte-t45i1l.svelte-t45i1l{text-shadow:1px 1px 0 var(--rp-hl-low)}.key.dim.svelte-t45i1l.svelte-t45i1l{opacity:.3}.key.target.svelte-t45i1l.svelte-t45i1l{background:var(--finger-color);color:var(--rp-base);box-shadow:0 0 12px var(--finger-color),0 0 24px var(--finger-color),inset 0 0 8px #ffffff80;animation:svelte-t45i1l-target-pulse 1.2s ease-in-out infinite;z-index:2}.key.target.svelte-t45i1l .cap.svelte-t45i1l{text-shadow:none}.key.correct.svelte-t45i1l.svelte-t45i1l{animation:svelte-t45i1l-pop-correct .4s ease-out}.key.oops.svelte-t45i1l.svelte-t45i1l{animation:svelte-t45i1l-shake .35s ease-in-out;border-color:var(--rp-love)}.bump.svelte-t45i1l.svelte-t45i1l{position:absolute;bottom:4px;width:8px;height:2px;background:currentColor;border-radius:2px;opacity:.55}@keyframes svelte-t45i1l-target-pulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.06)}}@keyframes svelte-t45i1l-pop-correct{0%{transform:scale(1)}35%{transform:scale(1.18);box-shadow:0 0 20px var(--rp-foam)}to{transform:scale(1)}}@keyframes svelte-t45i1l-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}.hands-wrap.svelte-10pnhzz{display:flex;justify-content:center;align-items:flex-end;gap:.4rem;padding:.3rem .25rem 0}.hand.svelte-10pnhzz{width:140px;max-width:36vw;height:auto;filter:drop-shadow(0 4px 0 rgba(0,0,0,.25))}.palm.svelte-10pnhzz{fill:var(--rp-hl-med);stroke:#00000059;stroke-width:2.5}.finger.svelte-10pnhzz{--c:var(--rp-iris);fill:var(--c);stroke:#00000059;stroke-width:2.5;opacity:.42;filter:saturate(.7) brightness(.85);transition:opacity .2s ease,filter .18s ease,transform .18s ease;transform-box:fill-box;transform-origin:center 95%}.finger.active.svelte-10pnhzz{opacity:1;filter:saturate(1) brightness(1) drop-shadow(0 0 6px var(--c)) drop-shadow(0 0 14px var(--c));animation:svelte-10pnhzz-wiggle .9s ease-in-out infinite}@keyframes svelte-10pnhzz-wiggle{0%,to{transform:translateY(-3px) scale(1.03)}50%{transform:translateY(-6px) scale(1.05) rotate(-1deg)}}.label.svelte-10pnhzz{fill:var(--rp-text);font-family:"Press Start 2P",cursive;font-size:14px;letter-spacing:.15em;opacity:.7}