#keyboard-help { display: none; }
@media (hover: hover) and (pointer: fine) and (min-width: 900px) {
  .desktop-controls #joystick { display: none; }
  .desktop-controls #keyboard-help {
    position: absolute; display: flex; flex-wrap: wrap; gap: 9px 16px;
    left: 24px; bottom: 25px; max-width: 450px; padding: 14px 18px;
    border-radius: 16px; color: #3b4b41; background: #f8f2e6ed;
    border: 1px solid #e6d7b9; font-size: 12px; line-height: 1.7;
  }
  #keyboard-help span { white-space: nowrap; }
  kbd { font: inherit; font-weight: 750; border: 1px solid #c9bea6; border-radius: 5px; padding: 2px 5px; background: #fff9ed; }
  .desktop-controls #context { bottom: 130px; left: 24%; right: 24%; }
  .desktop-controls #actions { bottom: 36px; right: 34px; }
  .desktop-controls #action { width: 92px; height: 92px; }
  .desktop-controls #travel-caption { bottom: 175px; }
  .desktop-controls #companions { top: 125px; left: 26px; }
  .desktop-controls #heading { padding: 14px 30px; }
}