.mothergameholder * {
margin: 0;
padding: 0;
box-sizing: border-box;
user-select: none;
-webkit-user-select: none;
-webkit-tap-highlight-color: transparent;
}

.mothergameholder {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}

#gameContainer {
background: rgba(255, 255, 255, 0.95);
border-radius: 20px;
padding: 20px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
width: 400px;
position: relative;
}

#gameHeader {
text-align: center;
}

#score {
font-size: 20px;
color: #764ba2;
font-weight: bold;
margin: 0;
float:left;
}

#moves {
font-size: 20px;
color: #667eea;
margin-bottom: 10px;
float:right;
font-weight:bold;
}

#gameBoard {
display: grid;
grid-template-columns: repeat(8, 1fr);
gap: 5px;
background: #f0f0f0;
padding: 10px;
border-radius: 15px;
touch-action: none;
}

.fruit {
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
background: white;
border-radius: 10px;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.fruit:hover {
transform: scale(1.1);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.fruit.selected {
transform: scale(1.15);
box-shadow: 0 0 20px rgba(102, 126, 234, 0.6);
animation: pulse 0.5s infinite alternate;
}

@keyframes pulse {
from { transform: scale(1.15); }
to { transform: scale(1.25); }
}

.fruit.removing {
animation: pop 0.5s ease-out forwards;
}

@keyframes pop {
0% { transform: scale(1); opacity: 1; }
50% { transform: scale(1.5); }
100% { transform: scale(0); opacity: 0; }
}

.fruit.falling {
animation: fall 0.5s ease-in-out;
}

@keyframes fall {
from { transform: translateY(-50px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}

#gameButtons {
display: flex;
gap: 10px;
margin-top: 15px;
justify-content: center;
}

.mothergameholder button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
border: none;
padding: 12px 24px;
border-radius: 25px;
font-size: 16px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
font-weight: 600;
}

.mothergameholder button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.mothergameholder button:active {
transform: translateY(0);
}

#adButton {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

#message {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: white;
padding: 30px 50px;
border-radius: 20px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
text-align: center;
display: none;
z-index: 1000;
min-width: 300px;
}

#message h2 {
color: #764ba2;
margin-bottom: 10px;
font-size: 28px;
}

#message p {
color: #667eea;
font-size: 20px;
margin-bottom: 20px;
}

#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none;
z-index: 999;
}

.combo {
position: absolute;
font-size: 24px;
font-weight: bold;
color: #f5576c;
pointer-events: none;
animation: comboFloat 1s ease-out forwards;
z-index: 100;
}

@keyframes comboFloat {
0% { transform: translateY(0); opacity: 1; }
100% { transform: translateY(-50px); opacity: 0; }
}

/* Support/Donate button for itch.io */
#supportBtn {
position: absolute;
top: 10px;
right: 10px;
background: linear-gradient(135deg, #fa8072, #ff6347);
padding: 8px 16px;
font-size: 14px;
border-radius: 20px;
}

#supportBtn:hover {
background: linear-gradient(135deg, #ff6347, #fa8072);
}

/* Itch.io responsive */
@media (max-width: 480px) {
.fruit {
font-size: 24px;
}
#gameContainer {
padding: 15px;
}
h1 {
font-size: 24px;
}
.ad-banner {
height: 40px;
}
}