/* cursors */
/* keep in separate file so they don't conflict. a copy of this lives in site.css */

.tile.hand_up {
  cursor: url(/static/img/hand_up.png) 40 10, pointer;
}
.tile.hand_right {
  cursor: url(/static/img/hand_right.png) 90 40, pointer;
}
.tile.hand_down {
  cursor: url(/static/img/hand_down.png) 60 90, pointer;
}
.tile.hand_left {
  cursor: url(/static/img/hand_left.png) 10 60, pointer;
}
.tile.unclickable {
  cursor: default;
  pointer-events: none;
}
.tile.none {
  cursor: default;
}

.tile.link {
  cursor: pointer;
  border: 1px solid #31f;
  background-color: rgba(48,16,255,0.1);
}