.mothergameholder {
overscroll-behavior: none;
touch-action: none;
background-color: #f3f4f6;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
canvas {
touch-action: none;
user-select: none;
-webkit-user-select: none;
}
.pop-anim {
animation: pop 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
@keyframes pop {
0% { transform: scale(0.8); }
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
@keyframes shake {
0%, 100% { transform: translateX(0) translateY(0); }
20% { transform: translateX(-5px) translateY(-2px); }
40% { transform: translateX(5px) translateY(2px); }
60% { transform: translateX(-5px) translateY(2px); }
80% { transform: translateX(5px) translateY(-2px); }
}
.shake { animation: shake 0.3s ease-in-out; }

/* Coin UI Animation Keyframes */
@keyframes coin-fly {
0% { transform: translate(0, 0) scale(1); opacity: 1; }
50% { transform: translate(var(--mid-x), var(--mid-y)) scale(1.3); opacity: 1; }
100% { transform: translate(var(--end-x), var(--end-y)) scale(0.5); opacity: 0; }
}
.floating-coin {
position: absolute;
z-index: 9999;
pointer-events: none;
animation: coin-fly 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
/* 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 {
transform: translateZ(0);
}

.mothergameholder .font-black {font-weight: 900;}
.mothergameholder .text-4xl {font-size: 2.25rem;}
.mothergameholder .mb-2 {margin-bottom: 0.5rem;}
.mothergameholder .mb-8 {margin-bottom: 2rem;}
.mothergameholder .inline-block{display: inline-block;}
.mothergameholder .text-white {color:white;}
.mothergameholder .font-bold {font-weight: 700;}
.mothergameholder .text-xl {font-size: 1.25rem;line-height: 1.75rem;}
.mothergameholder .py-4 {padding-top: 1rem;padding-bottom: 1rem;}
.mothergameholder .bg-green-500 {background-color:#22c55e;}
.mothergameholder .bg-blue-500 {background-color:#3b82f6}


.ctmgameholder{position: relative;
top: 0;
left: 0;
width: 100%;
height: 100%;}

.iframe_fs_back{z-index:19999;top:80px}
.iframeoverlay{z-index:20000;}
.contentLoader{z-index:20001;}
.gameStrip_in{z-index:20002;}