') no-repeat center;
background-size: 200px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 10;
}
#splash h1 { color: #ff4081; margin-top: 20px; }
h1 {
margin: 10px;
font-size: 2em;
color: #ff4081;
text-shadow: 1px 1px #fff;
}
#hud {
display: flex;
justify-content: center;
gap: 15px;
margin-bottom: 10px;
}
.hud-box {
background: #fff;
padding: 6px 12px;
border-radius: 10px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
#grid {
display: grid;
grid-template-columns: repeat(8, 55px);
grid-template-rows: repeat(8, 55px);
gap: 4px;
background: #fff;
padding: 10px;
border-radius: 16px;
box-shadow: 0 4px 12px rgba(0,0,0,0.3);
margin: auto;
width: fit-content;
}
.pet {
width: 55px;
height: 55px;
border-radius: 10px;
cursor: grab;
user-select: none;
transition: transform 0.2s, opacity 0.3s;
}
.pet.pop {
opacity: 0;
transform: scale(0);
}
#popup {
position: fixed;
top: 0; left: 0; right: 0; bottom: 0;
background: rgba(0,0,0,0.7);
display: none;
justify-content: center;
align-items: center;
flex-direction: column;
z-index: 20;
color: white;
font-size: 24px;
}
button {
margin-top: 15px;
padding: 10px 20px;
border: none;
background: #ff4081;
color: #fff;
font-size: 16px;
border-radius: 10px;
cursor: pointer;
}
button:hover { background: #e91e63; }
PGK Studio
LoveMyPet Saga 🐾
Score: 0
Moves: 20
Level: 1
