.cw-captures-slot{display:flex;align-items:center;min-height:calc(var(--cap-size,23px) + 6px);margin:6px 0}
.cw-captures-slot--white{justify-content:var(--cw-captures-white-justify,center)}
.cw-captures-slot--black{justify-content:var(--cw-captures-black-justify,center)}

.cw-captures{display:flex;gap:6px;margin-top:6px;align-items:center;min-height:calc(var(--cap-size,23px) + 4px)}
.cw-captures .cap-group{display:flex;align-items:center;min-width:10px}
.cw-captures .cap{width:var(--cap-size,23px);height:var(--cap-size,23px);display:inline-block;overflow:hidden;position:relative;margin-left:var(--cap-overlap,-8px)}
.cw-captures .cap:first-child{margin-left:0}
.cw-captures .cap>img{width:100%;height:100%;object-fit:contain;display:block;filter: drop-shadow(0 1px 0 rgba(0,0,0,.12));}

.cw-game-root.cap-anim-on .cw-captures .cap--new>img{animation:cw-drop .32s cubic-bezier(.2,.8,.2,1); transform-origin:center bottom}
@keyframes cw-drop{
  0%{ transform: translateY(-14px) scale(.92); opacity:0 }
  70%{ transform: translateY(2px) scale(1.02); opacity:1 }
  100%{ transform: translateY(0) scale(1) }
}

/* PvP variant: icon × count */
.cw-captures .cap-count{
  width:auto;
  height:var(--cap-size,23px);
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-left:0;
}
.cw-captures .cap-count>img{
  width:var(--cap-size,23px);
  height:var(--cap-size,23px);
}
.cw-captures .cap-x{
  font:700 12px/1.1 system-ui,-apple-system,Segoe UI,Roboto,Arial;
  opacity:.9;
  white-space:nowrap;
}
/* Rezerwacja miejsca na tacki: gdy captures są włączone, slot ma być stały
   (nie może znikać przy pustej tacke, bo wtedy dolny pasek podchodzi pod planszę). */
.cw-game-root:not(.cw-no-captures) .cw-captures-slot--above-board,
.cw-game-root:not(.cw-no-captures) .cw-captures-slot--under-board{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:calc(var(--cap-size,23px) + 12px);
  margin:6px 0;
  overflow:visible;
}

.cw-game-root:not(.cw-no-captures) .cw-captures-slot.cw-captures-slot--empty,
.cw-game-root:not(.cw-no-captures) .cw-captures-slot--above-board:empty,
.cw-game-root:not(.cw-no-captures) .cw-captures-slot--under-board:empty{
  min-height:calc(var(--cap-size,23px) + 12px) !important;
  height:auto !important;
  margin:6px 0 !important;
  padding:0 !important;
  overflow:visible !important;
}

/* Gdy użytkownik wyłączy tacki w /profil — wtedy dopiero zwijamy slot. */
.cw-game-root.cw-no-captures .cw-captures-slot.cw-captures-slot--empty{
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
  height:0 !important;
  overflow:hidden !important;
}

.cw-game-root.cw-no-captures .cw-captures-slot.cw-captures-slot--empty .cw-captures{
  display:none !important;
  margin:0 !important;
  min-height:0 !important;
}