div#board-container {
        /* 중앙 정렬 및 외부 여백 */
        margin: 60px auto; 
        
        /* 안쪽 요소(stage)가 중앙에 오도록 함 */
        display: flex;
        justify-content: center;
        align-items: center; 
        
        /* 둥근 테두리 및 배경색 설정 */
        background-color: #5D4037; /* 바깥 네모의 배경색 */
        border-radius: 30px; 
        border: 10px solid #4E342E; /* 바깥쪽 테두리 */
        
        /* 크기 설정: 안쪽 보드판 크기 + 내부 여백(padding) */
        /* 안쪽 보드판(800x720)에 사방 20px의 여백을 준 크기 */
        width: 860px; 
        height: 780px;
    }

	div#stage table {
		position:absolute;
		left:0px;
		top:0px;

	}
	div#stage table tr {
		background-color:#D0B48E;
	}
	div#stage table tr td {
		width:99px;
		height:79px;
	}
	div#stage table tr td.bg_leftbottom {
		background:#D0B48E url(images/bg_leftbottom.gif) no-repeat right top;
		
	}
	div#stage table tr td.bg_rightbottom {
		background:#D0B48E url(images/bg_rightbottom.gif) no-repeat left top;
	}

	div.team_red {
		position:absolute;
		color: #df0000;
		font-weight:bold;
		text-align:center;
		/*padding-bottom:3px;*/
		cursor:pointer;
	}
	div.team_green {
		position:absolute;
		color: #005a00;
		font-weight:bold;
		text-align:center;
		/*padding-bottom:3px;*/
		cursor:pointer;
	}
	div.item_big {
		margin-left:-55px;
		margin-top:-55px;
		width:110px;
		height:110px;
		background:url('images/bg_item_big.gif') no-repeat left top;
		font-size:70px;
		/*padding-top:20px;*/
	}
	div.item_normal {
		margin-left:-40px;
		margin-top:-40px;
		width:80px;
		height:80px;
		background:url('images/bg_item_normal.gif') no-repeat left top;
		font-size:50px;
		/*padding-top:15px;*/
	}
	div.item_small {
		margin-left:-23px;
		margin-top:-23px;
		width:45px;
		height:45px;
		background:url('images/bg_item_small.gif') no-repeat left top;
		font-size:25px;
		/*padding-top:10px;*/
	}
	div.position {
		position:absolute;
		cursor:pointer;
		width:30px;
		height:30px;
		background:#cccccc;
		margin-top:-15px;
		margin-left:-15px;
	}
/* 장기알 기본 스타일 수정 */
.unit {
    cursor: pointer;
    z-index: 10;
    /* 터치 영역 확장: 실제 이미지보다 큰 투명 테두리 추가 */
    box-sizing: content-box;
    padding: 10px; 
    margin-left: -40px; /* (너비60 + 패딩20)/2 */
    margin-top: -40px;
    /* 터치 하이라이트 제거 (브라우저 기본 사각형 방지) */
    -webkit-tap-highlight-color: transparent;
}

/* 이동 경로 가이드(노란 원) 크기 및 터치 효율 증대 */
.move-guide {
    width: 70px; /* 기존 60px에서 확대 */
    height: 70px;
    margin-left: -35px;
    margin-top: -35px;
    background-color: rgba(255, 255, 0, 0.5); /* 불투명도 약간 상승 */
    border: 4px solid #f1c40f;
    z-index: 30; /* 알보다 위에 오도록 설정 */
}
    /* 전체 컨테이너를 감싸는 둥근 배경 */
    .radio-button-container {
        display: inline-flex;
        align-items: center;
        background-color: darkgray;
        padding: 10px 20px;
        border-radius: 50px; /* 컨테이너를 타원형으로 */
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        gap: 10px;
    }

    /* 실제 라디오 버튼 숨기기 */
    .radio-button-container input[type="radio"] {
        display: none;
    }

    /* 버튼 스타일 (Label) */
    .custom-radio-button {
        display: inline-block;
        padding: 10px 20px;
        background-color: white;
        color: #333;
        border-radius: 30px; /* 버튼을 둥글게 */
        cursor: pointer;
        font-weight: bold;
        transition: all 0.3s ease;
        border: 2px solid transparent;
        user-select: none;
    }

    /* 선택되었을 때의 스타일 */
    input[type="radio"]:checked + .custom-radio-button {
        background-color: #4A90E2;
        color: white;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

    /* 재시작 버튼 특화 스타일 */
    .restart-button {
        background-color: #ff4757;
        color: white;
        border: none;
        margin-left: 5px;
    }

    .restart-button:hover {
        background-color: #ff6b81;
        transform: scale(1.05);
    }

    .custom-radio-button:hover:not(.restart-button) {
        background-color: #e1eaf5;
    }