ul.baraja-container {
	width: 72px;	/*이미지 가로*/
	height: 128px;	/*이미지 세로*/
	margin: 0 auto 50px;
	position: relative;
	padding: 0;
	list-style-type: none;
}

ul.baraja-container li {
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	/*background: #fff;*/
	pointer-events: auto;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}

.baraja-tarot {
	top: 100px;
	width: 200px;
	margin: 30px auto;
	margin-bottom: var(--gap-bottom, 256px);
	color: #aaa;
}

.baraja-tarot h4 {
	color: #666;
	font-size: 14px;
	padding: 8px 10px 5px;
	margin: 20px 3px 5px;
	border-bottom: 1px solid #f0f0f0;
}

.baraja-tarot p {
	font-size: 12px;
	font-weight: 700;
	padding: 0 10px;
	margin: 10px 3px 0;
}

.baraja-tarot ul.baraja-container li {
	border-radius: 10px;
	padding: 0Px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.baraja-tarot li img {
	display: block;
	margin: 0 auto;
	width: 100%;
	border-radius: 10px 10px 0 0;
}

/* 기본 상태에 z-index를 0으로 초기화 */
.baraja-container li.item {
  z-index: 0;
}

/* 선택된 카드(li)에 붙일 클래스 */
.baraja-container li.item.selected-lift {
  z-index: 999 !important;
  /* 이미 .selected-lift에 transform이 걸려 있으면 transform 재선언 불필요 */
  transition: transform 0.2s;
  transform: translateY(-10px) scale(1.05);
}

/* Baraja 플러그인의 click 핸들러가 달리는 li.item 에는 pointer-events 완전 비활성화 */
#baraja-el .item {
  pointer-events: none;
}

/* img 에만 클릭을 허용 */
#baraja-el .item img {
  pointer-events: auto;
  cursor: pointer;  /* 선택 가능하다는 UX 표시용 */
}