body {
  margin: 0;
  height: 100vh;
  background: blue;
  overflow: hidden;
  position: relative;
  user-select: none;
}

/* 쓰레받기 - 고정 */
.dustpan {
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  height: 100%;
  background: red;
}

/* 솔 - 고정, 왼쪽 들쭉날쭉, 오른쪽 일자 */
.bristles {
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  height: 100%;
  background: lime;
  clip-path: polygon(
    0% 0%, 15% 5%, 0% 10%, 20% 15%, 0% 20%, 25% 25%, 0% 30%,
    30% 35%, 0% 40%, 25% 45%, 0% 50%, 20% 55%, 0% 60%, 30% 65%, 
    0% 70%, 25% 75%, 0% 80%, 20% 85%, 0% 90%, 15% 95%, 0% 100%,
    100% 100%, 100% 0%
  );
}

/* 먼지 */
.dust {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #eee;
  border-radius: 50%;
  cursor: grab;
  transition: left 0.5s, top 0.5s;
}

.dust.dragging {
  cursor: grabbing;
}