.iframe_fs_back{z-index:1999;}
.iframeoverlay{z-index:2000;}
.contentLoader{z-index:2001;}
.gameStrip_in{z-index:2002;}


#settingsModal{z-index:2003}


.mothergameholder{
background-color: #90B4DA; /* Light blue background */
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Light Pieces (Top Player) */
.piece-light {
background: linear-gradient(45deg, transparent 38%, rgba(255, 255, 255, 0.9) 38%, rgba(255, 255, 255, 0.9) 62%, transparent 62%), #ebebeb;
border: 2px solid #222;
position: relative;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 3px 0 #a0a0a0, 0 4px 4px rgba(0,0,0,0.15);
}
.piece-light::before {
content: '';
position: absolute;
width: 68%; height: 68%;
border: 1px solid #999;
border-radius: 50%;
}
.piece-light::after {
content: '';
position: absolute;
width: 42%; height: 42%;
border: 1px solid #999;
border-radius: 50%;
}

/* Dark Pieces (Bottom Player) */
.piece-dark {
background: linear-gradient(45deg, transparent 38%, rgba(255, 255, 255, 0.12) 38%, rgba(255, 255, 255, 0.12) 62%, transparent 62%), #4a4a4a;
border: 2px solid #1a1a1c;
position: relative;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 3px 0 #1a1a1c, 0 4px 4px rgba(0,0,0,0.3);
}
.piece-dark::before {
content: '';
position: absolute;
width: 68%; height: 68%;
border: 1px solid #2a2b2e;
border-radius: 50%;
}
.piece-dark::after {
content: '';
position: absolute;
width: 42%; height: 42%;
border: 1px solid #242528;
border-radius: 50%;
}

.checker-piece {
transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s;
}

.checker-piece:active {
transform: scale(0.95) translateY(1px);
}

.select-none {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Active Turn Glow */
.active-turn {
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.6);
transform: scale(1.02);
transition: all 0.3s ease;
}

.modal-overlay {
backdrop-filter: blur(4px);
}

.timer-danger {
color: #ef4444 !important;
animation: pulse-red 1s infinite;
}

@keyframes pulse-red {
0% { opacity: 1; }
50% { opacity: 0.5; }
100% { opacity: 1; }
}

/* Mobile Performance Fixes */
.mothergameholder {
touch-action: none !important;
user-select: none !important;
-webkit-user-select: none !important;
overscroll-behavior: none !important;
}
.mothergameholder * {
-webkit-tap-highlight-color: transparent !important;
}
canvas, .game-container {
transform: translateZ(0);
}



.iframe_fs_back{top: 110px;}


.chkrgamecontainer{position:absolute;top:0;left:0;width:100%;height:100%;}
.chkrgamecontainer_in{position:absolute;top:0;left:0;width:100%;height:100%;}
#board{height:auto;position:relative;top:calc(50% + 110px);object-fit:contain;max-height:calc(100% - 120px);max-width:100%;transform: translateY(-50%); margin-top:-60px;}
.chkrGmStatus{position:absolute;top:63px}
.playerStatusCmn{position:absolute;top:10px}
.playerStatusLft{left:10px}
.playerStatusRgt{right:10px}
.gameNumTrack{position:absolute;width:auto;top:10px;left:calc(50% - 55px);transform:translateX(-50%);}
.gnt_lft{float:left;}
.gnt_cnt{float:left;height:30px;width:3px;margin:2px 10px 0;}
.gnt_rgt{float:left;}
.gmSttng{top:10px;left:calc(50% + 60px);transform:translateX(-50%);background:#ffffff !important; width:100px; line-height:50px !important;}
#statusBanner{background:#b35400;color:white;}
.settingBtn{padding:10px 0 !important;background:#6c8ab0 !important;color:white !important;}
.closeOLS{font-size:30px !important;line-height: 0 !important;}
.aSvgTxt{font-size:14px;font-weight:bold;margin-left: 5px;}

@media(max-width: 600px){
	.playerStatusCmn{width:100px}
	.playerStatusCmn .w-\[42px\]{display: none;}
}

@media(max-width:480px){
	.gameNumTrack{left:50%;}
	.chkrGmStatus{top: 120px;}
	.gmSttng{left:50%;top:70px;}
	.chkrGmStatus{top:130px;z-index:1;opacity: 0.8;}
}