.thief-layer {
  position: absolute;
  z-index: 12;
  inset: 0;
  pointer-events: none;
  overflow: visible;
}
.thief-character {
  position: absolute;
  width: clamp(150px,31%,220px);
  aspect-ratio: 3/4;
  left: 2%;
  top: 20%;
  opacity: 0;
  transform-origin: 56% 34%;
  filter: drop-shadow(0 18px 16px rgba(31,29,40,.20));
  will-change: transform,opacity;
}
.thief-pose {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transition: opacity .10s linear;
  user-select: none;
}
.thief-pose.is-visible { opacity: 1; }
.thief-reach-arm {
  position: absolute;
  z-index: 14;
  width: 0;
  height: 18px;
  border-radius: 999px;
  background: #8c4d1a;
  box-shadow: inset 0 -3px 0 rgba(50,27,10,.16),0 3px 4px rgba(33,30,44,.12);
  transform-origin: 0 50%;
  opacity: 0;
  will-change: width,transform,opacity;
}
.thief-reach-hand {
  position: absolute;
  right: -14px;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  border-radius: 50%;
  background: #edb58a;
  box-shadow: inset 0 -3px 0 rgba(189,117,70,.22),0 4px 4px rgba(33,30,44,.15);
}
.effect-wheel-canvas {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  pointer-events: none;
}
.wheel-center { z-index: 3; }
body.is-thief-swapping .pointer { filter: drop-shadow(0 5px 4px rgba(40,40,54,.14)); }
@media(max-width:520px){
  .thief-character { width: clamp(112px,34%,170px); left: -1%; top: 18%; }
  .thief-reach-arm { height: 14px; }
  .thief-reach-hand { right: -11px; width: 24px; height: 24px; }
}