Welcome to the Last Crown Bot! In this game, your mission is to grow your humble village into a bustling, prosperous city. To succeed, you'll need to focus on three key elements:

Money: Your primary resource for development. Earn money by answering questions, completing tasks, and managing your resources efficiently. Use it wisely to fund the growth of your city. 

Population: The backbone of your city. As you build more houses and improve living conditions, your population will increase. A larger population means more workers, leading to higher productivity and greater income.

Happiness: The key to stability. A happy population will keep your city running smoothly, while unhappy citizens could lead to uprisings. Keep your citizens content by making smart decisions and providing a good quality of life.

Make the right choices, balance your resources, and watch your village transform into a thriving metropolis!


<style>

/* Define the shaking and throwing animation */
@keyframes rotate-shake {
  0% { transform: rotate(0deg); }
  5% { transform: rotate(-5deg); }
  15% { transform: rotate(5deg); }
  20% { transform: rotate(-5deg); }
  25% { transform: rotate(0deg); }
  100% { transform: rotate(0deg); } /* Rest state */
}

@keyframes shake-and-throw {
  /* Shaking Phase */
  0%, 2% { transform: rotate(0deg); }
  3% { transform: rotate(-5deg); }
  5% { transform: rotate(5deg); }
  7% { transform: rotate(-5deg); }
  9% { transform: rotate(0deg); }
  13% { transform: rotate(0deg); }
  15% { transform: rotate(-5deg); }
  17% { transform: rotate(5deg); }
  19% { transform: rotate(-5deg); }
  21% { transform: rotate(0deg); }
  25% { transform: rotate(0deg); }
  27% { transform: rotate(-5deg); }
  29% { transform: rotate(5deg); }
  33% { transform: rotate(-5deg); }
  35% { transform: rotate(0deg); }
  49% { transform: rotate(0deg); }
  
  /* Pause before throw */
  50% { transform: rotate(0deg); }
  /* Throw Phase */
  55% { transform: translateY(0) rotate(0deg); }
  60% { transform: translateY(300px) rotate(360deg); }
  65% { transform: translateY(300px) rotate(720deg); }
  70% { transform: translateY(600px); rotate(720deg)}
  75% { transform: translateY(600px); rotate(360deg)}
  80% { transform: translateY(300px) rotate(360deg); }
  90% { transform: translateY(0) rotate(0deg); }
  100% { transform: translateY(0) rotate(1080deg); }
}
@keyframes blink-color {
  0% { background-color: #ff4d4d; box-shadow: 0 0 10px rgba(255, 255, 0, 0); }
  50% { background-color: #ff6666; box-shadow: 0 0 20px rgba(255, 255, 0, 0.8); }
  100% { background-color: #ff4d4d; box-shadow: 0 0 10px rgba(255, 255, 0, 0); }
}

@keyframes textured-pattern {
  0% { background-position: 0% 0%; }
  50% { background-position: 100% 100%; }
  100% { background-position: 0% 0%; }
}

.chakra-link.chakra-button.css-1ebbhgf {
  animation: shake-and-throw 10s ease-in-out infinite, blink-color 1.5s ease-in-out infinite, textured-pattern 5s linear infinite;
  background-color: #ff4d4d;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1)), 
                    linear-gradient(145deg, #ff4d4d, #d43d3d);
  background-size: 200% 200%; /* For animated texture */
  border: 1px solid #ff1a1a;
  border-radius: 8px; /* Rounded corners */
  box-shadow: inset 2px 2px 5px rgba(255, 255, 255, 0.2), 
              inset -2px -2px 5px rgba(0, 0, 0, 0.3), 
              2px 2px 10px rgba(0, 0, 0, 0.5); /* Inner and outer shadows for realism */
  color: #fff; /* White text for better contrast */
  font-weight: bold;
  */text-transform: uppercase;*/
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); /* Text shadow for depth */
  padding: 10px 20px;
  transition: all 0.3s ease-in-out; /* Smooth hover effects */
  cursor: pointer;
}

.chakra-link.chakra-button.css-1ebbhgf:hover {
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.2)), 
                    linear-gradient(145deg, #ff6666, #d44d4d);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.4), 
              inset 1px 1px 3px rgba(255, 255, 255, 0.2), 
              inset -1px -1px 3px rgba(0, 0, 0, 0.3); /* Enhanced shadow effect */
  transform: scale(1.05); /* Slightly enlarge the button on hover */
}

.glowing-text {
  font-size: 2em;
  color: #fff;
  text-shadow: 0 0 5px #ff4d4d, 0 0 10px #ff4d4d, 0 0 20px #ff4d4d, 0 0 30px #ff1a1a, 0 0 40px #ff1a1a;
  animation: glow 2s infinite alternate;
}

@keyframes glow {
  from {
    text-shadow: 0 0 5px #ff4d4d, 0 0 10px #ff4d4d, 0 0 20px #ff4d4d, 0 0 30px #ff1a1a, 0 0 40px #ff1a1a;
  }
  to {
    text-shadow: 0 0 10px #ff6666, 0 0 20px #ff6666, 0 0 30px #ff3333, 0 0 40px #ff3333, 0 0 50px #ff0000;
  }
}

</style>

Last Crown

✨ Be the Last Crown!✨ Can you make it? Build, Balance, Prosper: Transform Your Village into a Thriving City!

Last Crown に投票

私たちをサポートしませんか？