body {
    font-family: 'Comic Sans MS', sans-serif;
    text-align: center;
    background-color: #ffe3f1;
    color: #333;
    margin: 0;
    overflow: hidden;
}

#game {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100vh;
}

#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #fff0f6;
padding: 20px 0;
border-bottom: 2px solid #ff99c8;
z-index: 1000;
}

h1 {
    color: #ff69b4;
    text-shadow: 1px 1px 2px #fff;
    font-size: 2.5rem;
    margin: 0;
}

#stats {
display: flex;
justify-content: center;
gap: 40px;
margin-top: 10px;
font-size: 1.5rem;
color: #ff1493;
font-weight: bold;
}

#main-content {
flex-grow: 2;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 160px;  /* Padding to make room for header */
}

#click-area {
position: relative;
}

#catgirl-img {
width: 300px;
cursor: pointer;
border: 5px solid #ff99c8;
border-radius: 15px;
transition: transform 0.1s ease;
}

#catgirl-img:active {
    transform: scale(1.1);  /* Vergrößerung beim Klick */
}

/*#catgirl-img:hover {
transform: scale(1.05);
}*/

#boost-bar-container {
position: fixed;
bottom: 10px;
left: 10px;
width: 200px;
height: 20px;
background-color: #ccc;
border-radius: 10px;
overflow: hidden;
}

#boost-bar {
height: 100%;
width: 0%;
background-color: #ff69b4;
transition: width 0.1s linear;
}

#ascend-button {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #ff69b4;
color: white;
padding: 10px 20px;
border: none;
border-radius: 10px;
cursor: pointer;
font-size: 20px;
}

#ascend-button:hover {
background-color: #ff1493;
}

#upgrades {
position: fixed;
right: 20px;
top: 100px;
background-color: #fff0f6;
border: 2px solid #ff99c8;
padding: 20px;
border-radius: 15px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 300px;
}

#upgrades button {
display: block;
margin-bottom: 10px;
background-color: #ff69b4;
color: white;
border: none;
padding: 10px;
border-radius: 10px;
cursor: pointer;
width: 100%;
font-size: 14px;
}

#upgrades button:hover {
background-color: #ff1493;
}
