My card for Mammotion Yuka. Start/stop cutting, mowing state, select area(s), see progress/remaining time and battery state.

yuka-card-yaml

type: picture-elements
image: /local/images/yuka-4.png
state_filter:
  "home": brightness(100%)
  "not_home": brightness(50%)
elements:
  - type: state-label
    entity: device_tracker.robbie_yuka_mnwazmxz
    icon: mdi:home
    style:
      left: 0
      bottom: 0
      color: transparent
      height: 24%
      background-color: rgba(0, 0, 0, 0.5)
      width: 100%
      transform: initial
      padding: 0 0 0 7%

  - type: state-icon
    entity: lawn_mower.robbie
    style:
      top: 84%
      left: 10%
      --paper-item-icon-color: white
  - type: state-label
    entity: lawn_mower.robbie
    style:
      top: 94%
      left: 10%
      color: white
      font-size: 12px

  - type: state-icon
    entity: sensor.yuka_soc
    style:
      top: 84%
      left: 30%
      --paper-item-icon-color: white
  - type: state-label
    entity: sensor.yuka_soc
    style:
      top: 94%
      left: 30%
      color: white
      font-size: 12px

  - type: state-icon
    entity: sensor.yuka_progress
    style:
      top: 84%
      left: 50%
      --paper-item-icon-color: white
  - type: state-label
    entity: sensor.yuka_progress
    style:
      top: 94%
      left: 50%
      color: white
      font-size: 12px

  - type: state-icon
    entity: switch.robbie_area_forhave
    style:
      top: 84%
      left: 70%
      --paper-item-icon-color: white
  - type: state-label
    entity: switch.robbie_area_forhave
    style:
      top: 94%
      left: 70%
      color: white
      font-size: 12px

  - type: state-icon
    entity: switch.robbie_area_baghave
    style:
      top: 84%
      left: 90%
      --paper-item-icon-color: white
  - type: state-label
    entity: switch.robbie_area_baghave
    style:
      top: 94%
      left: 90%
      color: white
      font-size: 12px