🐈COLLECT ALL THE LUMINALS! Epic RPG creature-collecting game with a one-single command: /myth ❤️

Mythical

Get the ERZA stunning Bunny skin now by participating in the spring event. 
Admin of a community? you can now setup a drop channel where chroma luminals will come!

SPRING EVENT AND MORE LUMINALS!

A new beautiful collectible skin is available! hop in to the game to play the spring event, catch eggs, earn spring points and withdraw the new ESAGI skin! Limited time event!

SPRING EVENT: ESAGI WONDERFUL SKIN!

You asked us for a better tutorial? Well we did it again, we will always aim to provide the best tutorial and will keep thinking of new ways to teach new players!

We also made our lobby interface more user friendly!

NEW UI! NEW TUTORIAL

We have fully translated our game to spanish and french. However, there might still be translations missing or wrong. Please report them in our support server if needed. Love you all

We now support SPANISH AND FRENCH as languages!

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;
}

/* Keep the attractive Elya background */
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;
  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 */
.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 */
.chakra-icon.css-11lfxld path { 
  fill: #b388ff !important;
}

/* Invite button styling - Comprehensive approach for all devices */
.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;
}

/* Multiple selectors for better mobile compatibility */
.chakra-link.chakra-button.css-13pd2m2 h2,
.chakra-link.chakra-button.css-13pd2m2 span,
.chakra-link.chakra-button.css-13pd2m2 *,
.chakra-link.chakra-button[href*="invite"] h2,
.chakra-link.chakra-button[href*="invite"] span,
.chakra-link.chakra-button[href*="invite"] * {
  color: #ffffff !important;
  font-weight: bold !important;
  font-size: 16px !important;
  letter-spacing: 0.5px !important;
}

/* Additional mobile-specific fixes */
@media (max-width: 768px) {
  /* Target invite button more broadly on mobile */
  .chakra-link.chakra-button[href*="invite"],
  .chakra-link.chakra-button[href*="bot"],
  .chakra-link.chakra-button:has([data-testid*="invite"]) {
    background: linear-gradient(135deg, #9c61ff, #7e57c2) !important;
    color: #ffffff !important;
  }
  
  .chakra-link.chakra-button[href*="invite"] *,
  .chakra-link.chakra-button[href*="bot"] *,
  .chakra-link.chakra-button:has([data-testid*="invite"]) * {
    color: #ffffff !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !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;
}

/* 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;
}

/* Target the actual Top.gg container */
.content.entity-content__description.css-18r9pyf {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  color: #e0e0e0 !important;
  line-height: 1.5 !important;
  font-size: 15px !important;
  background: rgba(50, 30, 70, 0.85) !important;
  padding: 18px !important;
  border-radius: 10px !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(180, 155, 255, 0.3) !important;
}

/* Banner section */
.banner {
  position: relative;
  margin: -18px -18px 15px -18px;
  width: calc(100% + 36px);
  overflow: hidden;
}

.banner img {
  width: 100%;
  height: auto;
  display: block;
  max-height: 315px;
  object-fit: contain;
}

/* Hero section */
.hero {
  text-align: center;
  margin-bottom: 15px;
}

.title {
  font-family: 'Cinzel Decorative', cursive;
  font-size: 40px;
  background: linear-gradient(to right, #d4b6ff, #b388ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 8px;
  font-weight: bold;
}

.subtitle {
  font-size: 20px;
  color: #d4b6ff;
  font-style: italic;
  margin-bottom: 15px;
  font-weight: bold;
}

.luminals {
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.1), rgba(255, 165, 0, 0.1));
  border-radius: 12px;
  padding: 12px;
  margin: 12px 0;
  border: 2px solid rgba(255, 215, 0, 0.3);
  position: relative;
  overflow: hidden;
}

.luminals::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 215, 0, 0.1), transparent);
  animation: shimmer 3s infinite;
}

@keyframes shimmer {
  0% { left: -100%; }
  100% { left: 100%; }
}

.luminals-title {
  text-align: center;
  color: #ffd700;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

.luminals-subtitle {
  text-align: center;
  color: #ffeb3b;
  font-size: 16px;
  margin-bottom: 20px;
  font-style: italic;
  font-weight: bold;
}

.luminals-grid {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.luminal {
  text-align: center;
  transition: all 0.3s ease;
  position: relative;
}

.luminal:hover {
  transform: scale(1.05);
}

.luminal img {
  width: 250px;
  height: 250px;
  border-radius: 15px;
  border: 3px solid rgba(255, 215, 0, 0.6);
  object-fit: cover;
  box-shadow: 0 5px 20px rgba(255, 215, 0, 0.3);
  transition: all 0.3s ease;
  max-width: none !important;
  max-height: none !important;
}

.luminal:hover img {
  border-color: #ffd700;
  box-shadow: 0 10px 30px rgba(255, 215, 0, 0.6);
  transform: translateY(-5px);
}

.luminal-name {
  color: #ffd700;
  font-size: 13px;
  font-weight: bold;
  margin-top: 8px;
  text-shadow: 0 0 5px rgba(255, 215, 0, 0.3);
}

.skins {
  background: rgba(126, 87, 194, 0.15);
  border-radius: 12px;
  padding: 12px;
  margin: 12px 0;
  border: 1px solid rgba(180, 155, 255, 0.3);
  position: relative;
}

.skins::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: linear-gradient(180deg, rgba(126, 87, 194, 0.1), transparent);
  pointer-events: none;
}

.skins-title {
  text-align: center;
  color: #d4b6ff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.skins-grid {
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}

.skin {
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
}

.skin:hover {
  transform: scale(1.00);
}

.skin img {
  width: 280px;
  height: 350px;
  border-radius: 0;
  border: none;
  object-fit: cover;
  box-shadow: 0 0 40px rgba(180, 155, 255, 0.4);
  transition: all 0.3s ease;
  max-width: none !important;
  max-height: none !important;
}

.skin:hover img {
  border-color: transparent;
  box-shadow: 0 0 60px rgba(179, 136, 255, 0.8), 0 0 100px rgba(179, 136, 255, 0.4);
  filter: brightness(1.1) saturate(1.2);
  transform: scale(1.02);
}

.skin-name {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  color: #d4b6ff;
  font-size: 12px;
  font-weight: bold;
  background: rgba(50, 30, 70, 0.9);
  padding: 4px 10px;
  border-radius: 15px;
  border: 1px solid rgba(180, 155, 255, 0.3);
  white-space: nowrap;
}

/* CTA section */
.cta {
  background: linear-gradient(135deg, rgba(156, 97, 255, 0.3), rgba(126, 87, 194, 0.3));
  border-radius: 10px;
  padding: 12px;
  text-align: center;
  border: 1px solid rgba(180, 155, 255, 0.4);
  margin-top: 20px;
}

.cta-text {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 6px;
}

.cta-sub {
  font-size: 14px;
  color: #d4b6ff;
  font-weight: bold;
}

/* Alpha notice */
.alpha {
  background: rgba(255, 193, 7, 0.2);
  border-left: 3px solid #ffc107;
  padding: 12px;
  border-radius: 0 8px 8px 0;
  margin-top: 12px;
  font-size: 15px;
  font-weight: bold;
}

.alpha-title {
  color: #ffc107;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 8px;
}

/* Code styling */
code {
  background-color: rgba(156, 97, 255, 0.4);
  color: #fff;
  padding: 2px 6px;
  border-radius: 4px;
  font-family: monospace;
  font-size: 12px;
}

/* Responsive */
@media (max-width: 600px) {
  .banner {
    margin: -18px -18px 15px -18px;
    width: calc(100% + 36px);
  }
  
  .banner img {
    max-height: 180px;
  }
  
  .features {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  
  .skins-grid {
    gap: 12px;
  }
  
  .luminals-grid {
    gap: 15px;
    flex-direction: column;
    align-items: center;
  }
  
  .skin img, .luminal img {
    width: 220px;
    height: 280px;
  }
  
  .title {
    font-size: 26px;
  }
  
  /* Additional mobile-specific button fixes */
  .chakra-button {
    color: inherit !important;
  }
  
  /* Ensure all button text is visible */
  [role="button"], [type="button"], .chakra-button {
    color: #ffffff !important;
  }
  
  [role="button"] *, [type="button"] *, .chakra-button * {
    color: inherit !important;
  }
}
</style>

</head><body><div class="banner">
  <img loading="lazy"src="https://imgur.com/KPBfRFV.png" alt="Mythical Banner">
</div>

<div class="hero">
  <div class="title">MYTHICAL</div>
  <div class="subtitle">Collect · Battle · Build House · Hunt</div>
</div>
<div class="skins">
  <div class="skins-title">✨ We also make cool free skins!</div>
  <div class="skins-grid">
    <div class="skin">
      <img loading="lazy"src="https://imgur.com/Gx4JwRZ.png" alt="Dea X Ena">
      <div class="skin-name">Dea X Ena</div>
    </div>
    <div class="skin">
      <img loading="lazy"src="https://imgur.com/Fz2d0nF.png" alt="Elsena W">
      <div class="skin-name">Elsena W</div>
    </div>
    <div class="skin">
      <img loading="lazy"src="https://imgur.com/9ClSaMJ.png" alt="Esagi">
      <div class="skin-name">Esagi</div>
    </div>
  </div>
</div>
<div class="luminals">
  <div class="luminals-title">🌟 Meet Our Mystic Luminals</div>
  <div class="luminals-subtitle">★ 35+ Luminals to collect (7 Mystic tier) • 50+ at Beta ★</div>
  <div class="luminals-grid">
    <div class="luminal">
      <img loading="lazy"src="https://imgur.com/lgBIMKk.png" alt="Nalil">
    </div>
    <div class="luminal">
      <img loading="lazy"src="https://imgur.com/oAYuCvi.png" alt="Yume">
    </div>
   <div class="luminal">
      <img loading="lazy"src="https://imgur.com/CCH44vH.png" alt="Nufair">
    </div>
  </div>
</div>
<div class="cta">
  <div class="cta-text">🚀 Join Alpha Testing</div>
  <div class="cta-sub">Earn exclusive rewards at v1.0 launch!</div>
</div>
<div class="alpha">
  <div class="alpha-title">⚠️ Alpha Version</div>
  <div>Help us improve and get early rewards! Most important content you have unlocked will be kept at Beta launch!!</div>
</div></body></html>

Mythical

دعوة

تصويت (13)

دعوة

تصويت (13)

نظرة عامة

التقييمات والمراجعات