.keys {
  display: inline-block;
  vertical-align: top;
  margin-left: 1em;
}

.yggdrasil-default {
  width: 15;
  height: 15;
  background-image: url('/images/yggdrasil-default.png');
  background-repeat: no-repeat;
  display: inline-block;
}

#wall.yggdrasil-default {
  background-position: 0px 0px;
}
#path.yggdrasil-default {
  background-position: -15px 0px;
}
#staircase-down.yggdrasil-default {
  background-position: -30px 0px;
}
#staircase-up.yggdrasil-default {
  background-position: -45px 0px;
}
#shortcut-EW.yggdrasil-default {
  background-position: 0px -15px;
}
#shortcut-WE.yggdrasil-default {
  background-position: -15px -15px;
}
#shortcut-NS.yggdrasil-default {
  background-position: -30px -15px;
}
#shortcut-SN.yggdrasil-default {
  background-position: -45px -15px;
}
#event.yggdrasil-default {
  background-position: 0px -30px;
}
#check.yggdrasil-default {
  background-position: -15px -30px;
}
#chest.yggdrasil-default {
  background-position: -30px -30px;
}
#door.yggdrasil-default {
  background-position: -45px -30px;
}
#resource-chop.yggdrasil-default {
  background-position: 0px -45px;
}
#resource-mine.yggdrasil-default {
  background-position: -15px -45px;
}
#resource-take.yggdrasil-default {
  background-position: -30px -45px;
}
#resource-harvest.yggdrasil-default {
  background-position: -45px -45px;
}