/* Rigged 3D hands over the alphabet keyboard (hands-3d.js): translucent so the key caps stay readable, fading out below the rows. */
.keyboard-frame .alphabet-hands-3d { position: absolute; pointer-events: none; z-index: 2; opacity: .62; -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 100px), transparent); mask-image: linear-gradient(to bottom, #000 calc(100% - 100px), transparent); }
.keyboard-frame .alphabet-hands-3d canvas { display: block; width: 100%; height: 100%; }
/* The finger legend sits below the rows, above the fading forearms. */
.keyboard-frame .alphabet-finger-legend { position: relative; z-index: 3; }