/* Shared board geometry; keep only the desktop highlight override. */
@media (min-width: 761px) {
  .stage-keyboard-bl .kt-key.active { box-shadow: 0 0 0 2px #73efd2, 0 0 9px #73efd2; }
}

/* Ghost hands over the helper keyboard (J-0930-HAND-POSER). keyboard-trainer.js
   sizes/places the picture so its F/J keys sit on the real F/J keys. */
.kt-surface { position: relative; overflow: hidden; }
.kt-ghost {
  position: absolute; left: 0; top: 0; width: 0; height: auto;
  max-width: none; z-index: 3; pointer-events: none; user-select: none;
  /* palms fade out instead of ending in a hard line at the picture edge */
  -webkit-mask-image: linear-gradient(to bottom, #000 62%, transparent 98%);
  mask-image: linear-gradient(to bottom, #000 62%, transparent 98%);
}
.kt-ghost:not([src]) { display: none; }