.ka_roulette_body {max-width:928.92px; margin:0 auto; display:flex; gap:16px; align-items:flex-start;}
.ka_roulette_body .order-1{
	--scale: 1;
	--head-h: 220px;
	flex: 0 0 calc(596px * var(--scale));
	margin-bottom: calc((var(--head-h) + 780px) * (var(--scale) - 1));
	overflow: hidden;
}
.ka_roulette_body .order-2 {flex:1 1 auto; min-width:260px;}
.game-wrap{
	width:596px;
	transform: scale(var(--scale, 1));
	transform-origin: top left;
}
@media (max-width:1250px) {
	.ka_roulette_body {flex-direction:column;}
	.ka_roulette_body .order-1, .ka_roulette_body .order-2 {flex:unset; width:100%;}
}
.iframe-crop {width:596px; height:1020px; overflow:hidden; position:relative; }
.iframe-crop iframe {
	position:absolute; 
	top:0;
	left:0;
	border:0;
	width:calc(596px + var(--cut-left) + var(--cut-right));
	height:calc(1055px + var(--cut-top) + var(--cut-bottom));
	transform-origin:0 0;
	transform:
		translate(calc(-1 * var(--cut-left)), calc(-1 * var(--cut-top)))
		scale(var(--zoom));
}

/* height */
.ka-game--card	 .iframe-crop { height: 990px	!important; }
.ka-game--ladder .iframe-crop { height: 800px !important; }

@media (max-width:625px){
	#panel-boundary,
	.panel-holder,
	.panel-follower,
	#ka-panel{
		position: relative;
		z-index: 10;
	}
	.iframe-crop{ position: relative; z-index: 1; }
	.iframe-crop iframe{ pointer-events: none; }
	.ka-game--card	 .iframe-crop {
		margin-bottom: 10px !important;
	}
	.ka-game--ladder .iframe-crop {
		margin-bottom: 90px !important;
	}
}


@media (max-width:625px){
	.ka_roulette_body {flex-direction: column; margin-top: 15px;}
	.ka_roulette_body .order-1{
		flex: 0 1 auto !important; 
		width: calc(596px * var(--scale, 1)) !important;
		margin: 0 auto !important; 
		margin-bottom: calc(1020px * (var(--scale, 1) - 1)) !important;
		position: static !important;
		overflow: visible !important;
	}

	.iframe-crop{
		width: 596px !important;
		height: 1020px !important;
		margin: 0 auto !important;
		overflow: hidden !important;
		position: relative !important;
	}

	.game-wrap{
		width: 596px !important;
		transform: scale(var(--scale, 1)) !important;
		transform-origin: top left !important;
	}
	.ka_roulette_body .order-2{
		width: 100% !important;
		min-width: 0 !important;
	}
}
@media (max-width:625px){
	.ka_roulette_body .order-1, .game-wrap { --scale:0.9; }
}
@media (max-width:585px){
	.ka_roulette_body .order-1, .game-wrap { --scale:0.85; }
}
@media (max-width:545px){
	.ka_roulette_body .order-1, .game-wrap { --scale:0.78; }
}
@media (max-width:505px){
	.ka_roulette_body .order-1, .game-wrap { --scale:0.67; }
}
@media (max-width:465px){
	.ka_roulette_body .order-1, .game-wrap { --scale:0.63; }
}
@media (max-width:430px){
	.ka_roulette_body .order-1, .game-wrap { --scale:0.6; }
}
@media (max-width:390px){
	.ka_roulette_body .order-1, .game-wrap { --scale:0.53; }
}
@media (max-width:350px){
	.ka_roulette_body .order-1, .game-wrap { --scale:0.5; }
}
@media (max-width:324px){
	.ka_roulette_body .order-1, .game-wrap { --scale:0.45; }
}
@media (max-width:290px){
	.ka_roulette_body .order-1, .game-wrap { --scale:0.4; }
}
#ka-panel {padding:12px; border:1px solid #e5e7eb; border-radius:10px; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.04);}
.ka-head {display:flex; gap:10px; align-items:center; margin-bottom:8px;}
.ka-head b {color:#000;}
#ka-round {color:#6b7280;}
#ka-timer {margin-left:auto; font-variant-numeric:tabular-nums;}
.bet-pick {display:flex; gap:8px;}
.bet-pick input[type="radio"] { display:none; }

.bet-pick label {
	flex:1 1 0; 
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:3px 0;
	border:2px solid #e5e7eb;
	border-radius:10px;
	background:#fafafa;
	font-size:16px;
	font-weight:600;
	cursor:pointer;
	user-select:none;
	text-align:center;
	transition:all 0.2s ease;
}
.bet-pick label[for="pick_odd"] { color:#ff8da1; border-color:#ffc0cb; }
.bet-pick input#pick_odd:checked + label { background:#ff8da1; border-color:#ff8da1; color:#fff; }
.bet-pick label[for="pick_even"] { color:#f4a300; border-color:#f7c15c; }
.bet-pick input#pick_even:checked + label { background:#f4a300; border-color:#f4a300; color:#fff; }
.bet-pick label img { width:40px; height:auto; margin-bottom:6px; }
.bet-pick .pick-text { display:flex; flex-direction:column; align-items:center; line-height:1.2; }
.bet-pick .pick-text .name { font-size:15px; font-weight:600; margin-bottom:2px; }
.bet-pick .pick-text .odd { font-size:14px; color:#6b7280; }
.bet-pick input#pick_odd:checked + label .pick-text .odd,
.bet-pick input#pick_even:checked + label .pick-text .odd { color:#fff; }

.quick-bets { display:flex; gap:6px; margin-bottom:10px; flex-wrap:nowrap; }
.quick-bets button {
	flex:1 1 0;
	min-width:0;
	padding:5px 0;
	border:1px solid #bbb;
	background:#fff;
	border-radius:6px;
	cursor:pointer;
	text-align:center;
}
.quick-bets button:hover { background:#f5f5f5; }

.manual-bet input {width:100%; padding:8px; border:1px solid #d1d5db; border-radius:8px; margin-bottom:6px;}
.bet-submit {width:100%; padding:10px; border:0; border-radius:8px; background:#111; color:#fff; cursor:pointer;}
.bet-submit:hover {background:#000;}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none; margin:0;}
input[type=number] {-moz-appearance:textfield;}

@media (min-width:1251px){
	#panel-boundary{ position:relative; }
	#panel-follower{ position:absolute; left:0; right:0; top:0; }
}
@media (max-width:1250px){
	#panel-boundary{ position:static !important; height:auto !important; }
	#panel-follower{
		position:static !important;
		top:auto !important; left:auto !important; right:auto !important;
		width:auto !important; transform:none !important;
	}
	.ka_roulette_body .order-1{ order:1; } 
	.ka_roulette_body .order-2{ order:2; }
}

#ka-history { padding:12px; border:1px solid #e5e7eb; border-radius:10px; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.04); margin-top:8px; }
.ka_point { margin:8px 0 8px; padding:10px 14px; border:2px solid #f3f4f6; border-radius:8px; background:#fafafa; font-size:14px; font-weight:600; color:#333; text-align:right; box-shadow:inset 0 1px 3px rgba(0,0,0,0.04); }
.ka_point::before { content:"Point"; float:left; font-weight:600; color:#555; }
.ka_point strong { color:#68f3af; font-size:14px; font-weight:700; }

.ka-his-wrap {margin:16px auto 0; font-size:13px}
@media (max-width:767px){ .ka-his-wrap {margin-bottom: 1.0rem !important;} }
.ka-his-table { width:100%; border-collapse:collapse; border:1px solid #e5e7eb; }
.ka-his-table th, .ka-his-table td { border:1px solid #e5e7eb; padding:2px 6px; text-align:center; font-size:12px; color:#000; }
.ka-his-table th { background:#cbcbcb; font-weight:700; }

.badge {display:inline-block;min-width:40px;padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid transparent}
.b-pending {background:#fff7ed;border-color:#fed7aa}
.b-win		 {background:#ecfdf5;border-color:#a7f3d0}
.b-lose		{background:#fef2f2;border-color:#fecaca}
.b-refund	{background:#eff6ff;border-color:#bfdbfe}

.ka-his-sum {display:flex;gap:14px;margin:4px 0 3px;font-weight:500; color:#000; font-size:14px;}
.ka-right {text-align:right}
.ka-his-table tbody tr:nth-child(even){background:#fafafa}
.ka-his-table tbody tr:hover{background:#f5f5f5}

/* modal */
.ka-his-sum{
	display:flex; gap:14px; margin:4px 0 3px; font-weight:500; color:#000; font-size:14px;
	justify-content:space-between; align-items:center; /* 추가 */
}
.ka-rules-btn{
	padding:6px 10px; border:1px solid #d1d5db; background:#fff; border-radius:8px;
	font-size:12px; cursor:pointer;
}
.ka-rules-btn:hover{ background:#f5f5f5; }
.ka-modal{position:fixed; inset:0; z-index:20000; display:none;}
.ka-modal.open{display:block;}
.ka-modal__backdrop{position:absolute; inset:0; background:rgba(0,0,0,.55);}
.ka-modal__dialog{
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	background:#fff; width:min(92vw,520px); max-height:80vh; overflow:auto;
	border-radius:12px; box-shadow:0 10px 40px rgba(0,0,0,.35); outline:0;
}
.ka-modal__head{padding:12px 16px; border-bottom:1px solid #eee; color:#000; display:flex; justify-content:space-between; align-items:center;}
.ka-modal__body{padding:12px 16px;}
.ka-modal__foot{padding:12px 16px; border-top:1px solid #eee; text-align:right;}
.ka-modal__close{background:none; border:0; font-size:20px; cursor:pointer;}
@media (max-width:625px){ .ka-modal__dialog{width:92vw; max-height:82vh;} }
.ka-modal__head strong { color:#111 !important; }
.ka-modal__body,
.ka-modal__body * { color:#111 !important; }
.ka-rules-list { margin:0; padding-left:1.2em; }
.ka-rules-list li { margin:.4em 0; line-height:1.55; }
.ka-rules-list li::marker { color:#f97316; font-weight:700; }
.ka-rules-list li.warn { color:#dc2626 !important; font-weight:600; }

/* kakao games */
#maxscore_tabs::after {
	display: block;
		content: '';
		visibility: hidden;
		clear: both;
}
#maxscore_tabs li {
	float: left;
		width: calc((100% - 30px) / 3);
		margin-top: 20px;
		margin-right: 15px;
		height: 190px;
		transition: box-shadow .15s;
}
#maxscore_tabs li:nth-child(-n+3) { margin-top: 0; }
#maxscore_tabs li:nth-child(3n) { margin-right: 0; }

#maxscore_tabs li a {
	position: relative;
		display: block;
		width: 100%;
		height: 100%;
		background: #fff;
		padding: 24px 30px;
		cursor: pointer;
}
#maxscore_tabs li a::after {
	content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		/*background-image: url('/plugin/ka-games/img/bg_cover.png');*/
		background-size: 100%;
		background-repeat: no-repeat;
		z-index: 2;
}
#maxscore_tabs li a span.btn_more {
	position: absolute;
		font-size: 16px;
		font-weight: bold;
		bottom: 30px;
		left: 20px;
		color: #000;
		border: 2px solid #000;
		line-height: 1;
		padding: 4px 10px;
		border-radius: 5px;
	z-index: 3;
}
#maxscore_tabs li a span.btn_more i {
	display: inline-block;
		width: 10px;
		height: 6px;
		background: url('/plugin/ka-games/img/icon_arrow_black.png') no-repeat;
		vertical-align: top;
		margin-top: 6px;
}
#maxscore_tabs li a img.bg {
	position: absolute;
		top: 0;
		right: 0;
		max-width: 100%;
		z-index: 1;
		opacity: 1;
		transition: filter .15s, opacity .15s;
}
#maxscore_tabs li:hover, #maxscore_tabs li.select {
	box-shadow: 7px 7px 16px -5px rgb(75 101 252 / 70%);
	border: 3px solid #68f3af;
}
#maxscore_tabs li:hover a, #maxscore_tabs li.select a {
	margin-top: -3px;
		margin-left: -3px;
		width: calc(100% + 6px);
		height: calc(100% + 6px);
}
#maxscore_tabs li:hover a img.bg, #maxscore_tabs li.select a img.bg {
	filter: grayscale(0);
		opacity: 1;
}
#maxscore_tabs li:hover a span.btn_more, #maxscore_tabs li.select a span.btn_more {
	background: #232626;
		color: #68f3af;
}
#maxscore_tabs li:hover a span.btn_more i, #maxscore_tabs li.select a span.btn_more i {
	background: url('/plugin/ka-games/img/icon_arrow_lightgreen.png') no-repeat;
}
@media (min-width: 1025px) and (max-width: 1295px) {
	#maxscore_tabs li:nth-child(n) {
		width: calc((100% - 10px) / 3);
		margin-top: 5px;
		margin-right: 5px;
		height: 150px;
	}
	#maxscore_tabs li:nth-child(3n) {
		margin-right: 0;
	}
	#maxscore_tabs li:nth-child(-n+3) {
		margin-top: 0;
	}
}
@media (max-width: 1024px) {
	#maxscore_tabs li { height:100px; }
	#maxscore_tabs li a { padding: 14px 15px 10px; }
	#maxscore_tabs li a span.btn_more {
		font-size: 13px;
		left: 15px;
		bottom: 13px;
		}
	#maxscore_tabs li a span.btn_more i { margin-top: 5px; }
}
@media (max-width: 768px) {
	#maxscore_tabs li:nth-child(n) {
		height:100px;
		margin-top: 10px;
		margin-right: 10px;
	}
	#maxscore_tabs li a { padding: 10px 12px 6px; }
	#maxscore_tabs li a span.btn_more {
		font-size: 12px;
		bottom: 9px;
		left: 12px;
		padding: 2px 7px;
		}
	#maxscore_tabs li a span.btn_more i { margin-top: 3px; }
}
@media (max-width: 576px) {
	#maxscore_tabs li:nth-child(n) {
		width:calc((100% - 10px) / 3);
		margin-top: 5px;
		margin-right: 5px;
		height: 85px;
		}
	#maxscore_tabs li:nth-child(-n+3) { margin-top: 0; }
	#maxscore_tabs li:nth-child(3n) { margin-right: 0; }
	#maxscore_tabs li:hover, #maxscore_tabs li.select { border: 2px solid #4b65fc; }
	#maxscore_tabs li a { padding: 10px 10px 6px; }
	#maxscore_tabs li:hover a, #maxscore_tabs li.select a {
		margin-top: -2px;
		margin-left: -2px;
		width: calc(100% + 4px);
		height: calc(100% + 4px);
	}
	#maxscore_tabs li a span.btn_more {
		font-size: 10px;
		left: 10px;
		padding: 2px 6px;
	}
	#maxscore_tabs li a span.btn_more i { margin-top: 2px; }
}
.maxsc-title img {
	width:100%;
	margin-bottom:10px;
	border-radius:5px;
}

/* 실시간 */
.live-bets-wrap {
	display: flex;
	gap: 10px;
	margin-top: 10px;
	align-items: flex-start;
	flex-wrap: wrap;
}
.live-bets-box,
.win-streak-box {
	background: #1e1e1e;
	padding: 15px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
}
.live-bets-box {
	flex: 7;
}
.win-streak-box {
	flex: 3;
	background: #1a1a1a;
}
.live-bets-box h3,
.win-streak-box h3 {
	margin: 0 0 10px;
	font-size: 18px;
	color: #fff;
}
.live-bets-table,
.win-streak-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
	color: #fff;
	table-layout: fixed;
	flex: 1;
}
.live-bets-table th,
.live-bets-table td,
.win-streak-table th,
.win-streak-table td {
	padding: 3px;
	text-align: center;
	border-bottom: 1px solid #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size:13px;
}
.live-bets-table th,
.win-streak-table th {
	background: #2a2a2a;
	color: #fff;
	font-weight: bold;
}
.live-bets-table tr:hover,
.win-streak-table tr:hover {
	background: #2f2f2f;
}
.live-bets-table td.stake {
	font-weight: bold;
	color: #68f3af;
}
@media (max-width: 767px) {
	.win-streak-box {
		margin-bottom:15px;
	}
}
@media (max-width: 1000px) {
	.live-bets-box,
	.win-streak-box {
		flex: 1 1 100%;
	}
	.live-bets-table .col-time { display: none; }
}