#three-canvas {
  position: absolute;
  left: 0;
  top: 0;
  /* background: #eee; */
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="14" fill="none" stroke="red" stroke-width="2"/><line x1="16" y1="2" x2="16" y2="8" stroke="red" stroke-width="2"/><line x1="16" y1="24" x2="16" y2="30" stroke="red" stroke-width="2"/><line x1="2" y1="16" x2="8" y2="16" stroke="red" stroke-width="2"/><line x1="24" y1="16" x2="30" y2="16" stroke="red" stroke-width="2"/><circle cx="16" cy="16" r="2" fill="red"/></svg>')
      16 16,
    crosshair; /* 저격 커서 */
}

#score-display {
  position: absolute;
  top: 20px;
  left: 20px;
  color: white;
  font-size: 24px;
  font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
  z-index: 100;
}