body{

font-family:Arial,sans-serif;
background:#f4f9ff;
text-align:center;
margin:0;
padding:20px;

}

h1{

color:#ff5757;

}

.game-container{

max-width:800px;
margin:auto;

}

.difficulty{

margin-bottom:15px;

}

.difficulty button{

margin:5px;
padding:10px 16px;
border:none;
background:#60C2B7;
color:white;
border-radius:8px;
cursor:pointer;

}

#game-board{

display:grid;
gap:18px;
margin-top:20px;

}

.card{

height:150px;
perspective:1000px;
cursor:pointer;

}

.card-inner{

position:relative;
width:100%;
height:100%;
transition:transform .45s;
transform-style:preserve-3d;

}

.card.flipped .card-inner{

transform:rotateY(180deg);

}

.card-front,
.card-back{

position:absolute;
width:100%;
height:100%;
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
backface-visibility:hidden;

}

.card-front{

color:white;

}

.card-back{

background:white;
transform:rotateY(180deg);
border:3px solid #60C2B7;

}

.card.matched .card-back{

background:#74BF47;
color:white;

}

.card img{

max-width:70%;
max-height:70%;

}

.stats{

margin-top:20px;
font-size:18px;

}

#win-screen{

margin-top:25px;
animation:pop .4s ease;

}

.mic{

width:120px;
margin-top:10px;

}

#stars{

font-size:45px;
margin:10px;

}

button{

padding:12px 24px;
font-size:16px;
background:#ff5757;
color:white;
border:none;
border-radius:8px;
cursor:pointer;

}

.hidden{

display:none;

}

@keyframes pop{

0%{transform:scale(.7)}
100%{transform:scale(1)}

}