Mythical: Embark on an epic creature-collecting adventure with a one-single command: /myth

Mythical

Phearion Games

definitely interesting and fun to play , it have a lot of potential to grow 
would recommend to try it 
good luck!


Thank you. We will keep doing our best always!

The bot is in the alpha stage, so it doesn't have much stuff to do yet, but the developers are really friendly, and they are trying their best to make the bot great. I have high hopes and believe it can become an amazing bot.

Thanks a lot for the early review. Sorry for the delay, review replies were deactivated on top gg before.
We will keep our best to follow feedback, bug reports and to bring amazing content to make the best possible collection bot!

<html><head><style>
/* Import a fantasy-style font */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700&display=swap');

/* Global site modifications with minimalist approach */
:root {
  --top-gg-colors-current: #7e57c2 !important;
  --top-gg-colors-brand-100: #7e57c2 !important;
  --top-gg-colors-brand-600: #d4b6ff !important;
  --top-gg-colors-text-100: #b388ff !important;
  --top-gg-colors-text-80: #7e57c2 !important;
  --top-gg-colors-whiteAlpha-300: #7e57c2 !important;
}

/* Add background image with proper opacity */
body::before { 
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://imgur.com/bUcUzOG.png');
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  opacity: 0.15; /* Adjust opacity to ensure content visibility */
  z-index: -1;
}

body { 
  background: linear-gradient(135deg, rgba(26, 13, 44, 0.85), rgba(42, 26, 60, 0.85)) !important;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  position: relative;
}

/* Bot name styling with fancy font */
.chakra-text.css-rd8i1m {
  font-family: 'Cinzel Decorative', cursive !important;
  font-size: 28px !important;
  background: linear-gradient(to right, #d4b6ff, #b388ff) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
  letter-spacing: 1px !important;
}

/* Logo color modification */
.chakra-icon.css-11lfxld path { 
  fill: #b388ff !important;
}

/* Improve Invite button styling - fix for mobile visibility */
.chakra-link.chakra-button.css-13pd2m2 {
  background: linear-gradient(135deg, #9c61ff, #7e57c2) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 0 15px rgba(156, 97, 255, 0.4) !important;
  transition: all 0.3s ease !important;
}

.chakra-link.chakra-button.css-13pd2m2:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 20px rgba(156, 97, 255, 0.6) !important;
  background: linear-gradient(135deg, #a56eff, #8961d3) !important;
}

/* Fix the text color in the Invite button for all devices */
.chakra-link.chakra-button.css-13pd2m2 h2,
.chakra-link.chakra-button.css-13pd2m2 span {
  color: #ffffff !important; /* Force white text on all devices */
  font-weight: bold !important;
  font-size: 16px !important;
  letter-spacing: 0.5px !important;
}

/* Top navigation & buttons */
.chakra-button { 
  background-color: rgba(126, 87, 194, 0.2) !important;
  border: 1px solid rgba(180, 155, 255, 0.3) !important;
  transition: all 0.2s ease !important;
}

.chakra-button:hover { 
  box-shadow: 0 0 10px rgba(180, 155, 255, 0.4) !important;
  background-color: rgba(126, 87, 194, 0.3) !important;
}

/* Vote button styling */
.chakra-link.chakra-button.css-vmk9es {
  background: rgba(126, 87, 194, 0.3) !important;
  border: 1px solid rgba(180, 155, 255, 0.4) !important;
}

.chakra-link.chakra-button.css-vmk9es:hover {
  background: rgba(126, 87, 194, 0.4) !important;
}

.chakra-link.chakra-button.css-vmk9es h2 {
  color: #d4b6ff !important;
}

/* Search bar */
.css-zvltnx, .css-pzo38s { 
  background-color: rgba(212, 182, 255, 0.1) !important;
  border: 1px solid rgba(180, 155, 255, 0.3) !important;
  border-radius: 8px !important;
}

::placeholder { 
  color: rgba(180, 155, 255, 0.6) !important;
}

/* Tags */
.css-i1r9kv, 
.chakra-skeleton.css-fp13w7 a,
.css-pgj4gi {
  background: rgba(126, 87, 194, 0.15) !important;
  border: 1px solid rgba(180, 155, 255, 0.2) !important;
}

/* Section containers - improve contrast against background */
.chakra-stack.css-5i1e9t,
.chakra-tabs__tab-panel {
  background: rgba(50, 30, 70, 0.6) !important; /* More opacity for better contrast */
  border-radius: 8px !important;
  border: 1px solid rgba(180, 155, 255, 0.1) !important;
  backdrop-filter: blur(3px); /* Add slight blur effect for better readability */
}

/* Stars and icons */
.css-1814jco {
  filter: drop-shadow(0 0 2px rgba(212, 182, 255, 0.4)) !important;
}

/* Section titles */
.chakra-text.css-8r8ybz,
.chakra-text.css-191ueq4 {
  color: #d4b6ff !important;
}

/* Main content styling */
.content.entity-content__description {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #e0e0e0;
  line-height: 1.6;
  font-size: 15px;
  position: relative;
  background: rgba(50, 30, 70, 0.7); /* Increased opacity for better readability */
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 15px;
  border: 1px solid rgba(180, 155, 255, 0.2);
  backdrop-filter: blur(5px); /* Add blur effect for better readability */
}

.content.entity-content__description > * {
  position: relative;
  z-index: 1;
}

.content.entity-content__description h2, 
.content.entity-content__description h3 {
  color: #d4b6ff;
  letter-spacing: 0.5px;
}

.content.entity-content__description h2 {
  font-family: 'Cinzel Decorative', cursive;
  font-size: 24px;
  text-align: center;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(155, 127, 212, 0.3);
  padding-bottom: 12px;
  background: linear-gradient(to right, #d4b6ff, #b388ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.content.entity-content__description h3 {
  font-size: 20px;
  margin: 15px 0 12px 0;
  display: flex;
  align-items: center;
}

.content.entity-content__description h3:before {
  content: "✧";
  margin-right: 8px;
  color: #c5a3ff;
}

.content.entity-content__description p {
  margin-bottom: 15px;
  font-size: 15px;
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 15px;
  margin: 20px 0;
}

.feature-box {
  background: rgba(126, 87, 194, 0.25); /* Increased opacity for better visibility */
  border-radius: 8px;
  padding: 15px;
  border: 1px solid rgba(180, 155, 255, 0.25);
  transition: transform 0.2s, box-shadow 0.2s;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.feature-box:hover {
  transform: translateY(-2px);
  background: rgba(126, 87, 194, 0.35);
  border-color: rgba(180, 155, 255, 0.4);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.feature-box p {
  font-size: 15px;
  margin: 10px 0 0 0;
}

.feature-image {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  margin-bottom: 10px;
  border: 1px solid rgba(180, 155, 255, 0.3);
  background-color: rgba(50, 30, 70, 0.7);
  padding: 5px;
  transition: transform 0.3s ease;
}

.feature-box:hover .feature-image {
  transform: scale(1.05);
}

.img-container {
  text-align: center;
  margin: 15px 0;
}

.content.entity-content__description img {
  border-radius: 8px;
  max-width: 100%;
  border: 1px solid rgba(180, 155, 255, 0.2);
}

.content.entity-content__description hr {
  border: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, rgba(155, 127, 212, 0.5), transparent);
  margin: 25px 0;
}

.notice {
  background-color: rgba(255, 200, 80, 0.15);
  border-left: 3px solid rgba(255, 183, 77, 0.5);
  padding: 15px;
  border-radius: 0 8px 8px 0;
  margin: 20px 0;
}

.notice h3 {
  color: #ffd180 !important;
  margin-top: 0;
}

.dev-message {
  background-color: rgba(209, 196, 233, 0.15);
  border-radius: 8px;
  padding: 15px;
  margin-top: 20px;
  border: 1px solid rgba(180, 155, 255, 0.2);
}

.content.entity-content__description a {
  color: #b388ff;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.2s;
}

.content.entity-content__description a:hover {
  color: #d4b6ff;
  text-decoration: underline;
}

.content.entity-content__description code {
  background-color: rgba(240, 240, 240, 0.15);
  color: #d4b6ff;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: monospace;
  font-size: 14px;
  border: 1px solid rgba(180, 155, 255, 0.15);
}
</style>
</head><body><div class="content entity-content__description">
  <h2>Mythical: Cosmic Creature Collection Adventure</h2>
  <div class="img-container">
    <img loading="lazy"src="https://imgur.com/sC1LFC3.png" alt="Game Explanation" style="max-width:100%;" loading="lazy">
  </div>
  <h3>Game Explanation</h3>
  <div class="feature-grid">
    <div class="feature-box">
      <img loading="lazy"alt="Single Command" src="https://imgur.com/wJQb8DW.png" class="feature-image">
      <p>🎮 One single command to rule them all: <code>/myth</code></p>
    </div>
    <div class="feature-box">
      <img loading="lazy"alt="Collect Luminals" src="https://imgur.com/NlOjoqC.png" class="feature-image">
      <p>✨ Discover and collect adorable Luminals - mythical creatures from across the Mythical Realm</p>
    </div>
    <div class="feature-box">
      <img loading="lazy"alt="Cosmic House" src="https://imgur.com/rFXDk0H.png" class="feature-image">
      <p>🏠 Design and expand your cosmic house as your collection grows</p>
    </div>
    <div class="feature-box">
      <img loading="lazy"alt="Hunting" src="https://imgur.com/CTL5BDh.png" class="feature-image">
      <p>🎯 Embark on exciting hunts across magical realms</p>
    </div>
    <div class="feature-box">
      <img loading="lazy"alt="PVE Adventures" src="https://imgur.com/rOLKnht.png" class="feature-image">
      <p>⚔️ Challenge mysterious realms in PVE adventures and more!</p>
    </div>
  </div>
  <p>Join us during alpha testing and help shape the game's future - early supporters will receive exclusive rewards when v1.0 launches! 🌟</p>
  <hr>
  <div class="notice">
    <h3>⚠️ IMPORTANT: Alpha Stage Notice</h3>
    <p>Mythical is currently in its alpha stage of development. While we're excited to share this magical universe with you, please be aware that you may encounter bugs or unfinished features. We greatly appreciate your patience and support during this early phase!</p>
  </div>
  <hr>
  <div class="dev-message">
    <h3>A Message from the Developer</h3>
    <p>PS: My name is Zakaria, I am the developer of this bot, and I will be more than happy to implement your suggestions into the game. I have many plans with my graphist Maya, and I will share them with you through the mythical website and the support server as well as in the comment section of this bot.</p>
    <p>Join our support server: <a href="https://discord.gg/9bfmjajSEt">https://discord.gg/9bfmjajSEt</a></p>
  </div>
</div></body></html>

Mythical

Invite

Vote (46)

Invite

Vote (46)

Overview

Mythical: Cosmic Creature Collection Adventure

Game Explanation

⚠️ IMPORTANT: Alpha Stage Notice

A Message from the Developer

Ratings & Reviews