This game contains methods or game modes to play together with your friends

Cooperative Play

This game allows you to trade items or currency with other players

This game allows you to trade any item to any user

This game allows for trading, but limits it to certain items

Trading Allowed

This game contains the ability for players to obtains achievements

Achievements

This game hosts seasonal events to earn rewards

Seasonal Events

This project has leaderboards highlighting the top players within either the server or globally

Leaderboards

This bot can also be added as a user app, letting you use it outside servers where it’s installed.

Installable as User App

This bot offers extra features or perks that can be unlocked through optional payments or subscriptions.

Paid Features Available

Whether the current project contains any paid features, is paid only, or is 100% free to use.

This project is free to use and contains no paywalls for core functionality.

Has Paid Features

<div aria-hidden="true" class="snowflakes">
    <div class="snowflake">
        <div class="inner">•</div>
    </div>
    <div class="snowflake">
        <div class="inner">•</div>
    </div>
    <div class="snowflake">
        <div class="inner">•</div>
    </div>
    <div class="snowflake">
        <div class="inner">•</div>
    </div>
    <div class="snowflake">
        <div class="inner">•</div>
    </div>
    <div class="snowflake">
        <div class="inner">•</div>
    </div>
    <div class="snowflake">
        <div class="inner">•</div>
    </div>
    <div class="snowflake">
        <div class="inner">•</div>
    </div>
    <div class="snowflake">
        <div class="inner">•</div>
    </div>
    <div class="snowflake">
        <div class="inner">•</div>
    </div>
    <div class="snowflake">
        <div class="inner">•</div>
    </div>
    <div class="snowflake">
        <div class="inner">•</div>
    </div>
</div>

<div class="melonbot-wrap">
    <div class="melonbot-hero">
        <div class="melonbot-badge">🍉 WELCOME EVENT</div>
        <h1 class="melonbot-title">Melon Game</h1>
        <p class="melonbot-subtitle">
            Farm, dupe, gamble, and steal melons to make your way to the top of the melon leaderboard!
        </p>

        <div class="melonbot-event">
            <div class="melonbot-event-top">
                <span class="melonbot-event-pill">WELCOME EVENT</span>
                <span class="melonbot-event-live">● LIVE</span>
            </div>

            <div class="melonbot-event-main">
                <div class="melonbot-event-prize">$100</div>
                <div class="melonbot-event-details">
                    <div class="melonbot-event-title">Leaderboard Payout</div>
                    <div class="melonbot-event-sub">
                        Top 5 richest players on <span class="melonbot-accent">/leaderboard</span> split it
                        <span class="melonbot-muted">($20 each)</span>.
                    </div>
                </div>
            </div>
        </div>



        <div class="melonbot-grid">
            <div class="melonbot-card">
                <h3>Getting Started &amp; General</h3>

                <div class="melonbot-command">
                    <span class="melonbot-cmd">/start</span>
                    <span class="melonbot-desc">Join the Melon Game and start playing.</span>
                </div>

                <div class="melonbot-command">
                    <span class="melonbot-cmd">/balance <span class="melonbot-muted">[@user (optional)]</span></span>
                    <span class="melonbot-desc">Check your balance or another player’s balance.</span>
                </div>

                <div class="melonbot-command">
                    <span class="melonbot-cmd">/stats <span class="melonbot-muted">[@user (optional)]</span></span>
                    <span class="melonbot-desc">Check you or another player’s farm stats (level, rank, storage).</span>
                </div>

                <div class="melonbot-command">
                    <span class="melonbot-cmd">/farm</span>
                    <span class="melonbot-desc">Manage your melon farm: upgrade the level, increase storage, or collect the storage.</span>
                </div>
            </div>

            <div class="melonbot-card">
                <h3>Passive Income</h3>

                <div class="melonbot-command">
                    <span class="melonbot-cmd">/collect</span>
                    <span class="melonbot-desc">Empty your melon farm’s storage before it fills up.</span>
                </div>

                <div class="melonbot-command">
                    <span class="melonbot-cmd">/hourly <span class="melonbot-muted">+</span> /daily</span>
                    <span class="melonbot-desc">Get daily and hourly boosts in melons! Scales with your farm’s MPM and daily streak.</span>
                </div>

                <div class="melonbot-command">
                    <span class="melonbot-cmd">/upgrade</span>
                    <span class="melonbot-desc">Level up your farm level; increases your MPM and max storage capacity.</span>
                </div>

                <div class="melonbot-command">
                    <span class="melonbot-cmd">/upgrade-storage</span>
                    <span class="melonbot-desc">Spend 2 melons to add 1 melon of storage to your farm.</span>
                </div>
            </div>

            <div class="melonbot-card">
                <h3>Risk &amp; Mini-Games</h3>

                <div class="melonbot-command">
                    <span class="melonbot-cmd">/dupe</span>
                    <span class="melonbot-desc">Try to duplicate melons in your balance. Could be extremely profitable or extremely detrimental.</span>
                </div>

                <div class="melonbot-command">
                    <span class="melonbot-cmd">/flip</span>
                    <span class="melonbot-desc">Bet melons on a 40/60 coinflip against the house.</span>
                </div>

                <div class="melonbot-command">
                    <span class="melonbot-cmd">/highlow</span>
                    <span class="melonbot-desc">Guess higher/lower than a number (or JACKPOT!) for melons.</span>
                </div>

                <div class="melonbot-command">
                    <span class="melonbot-cmd">/hunt</span>
                    <span class="melonbot-desc">Send your frogs out to hunt melons in the wild and bring them back to you.</span>
                </div>
            </div>

            <div class="melonbot-card">
                <h3>PVP &amp; Social</h3>

                <div class="melonbot-command">
                    <span class="melonbot-cmd">/wager <span class="melonbot-muted">[@user] [amount] [game-type]</span></span>
                    <span class="melonbot-desc">Challenge someone in Tic-Tac-Toe, Rock Paper Scissors, or Coin Flip for melons.</span>
                </div>

                <div class="melonbot-command">
                    <span class="melonbot-cmd">/steal <span class="melonbot-muted">[@user]</span></span>
                    <span class="melonbot-desc">Steal large amounts of melons from another player… or pay a hefty fine to the police.</span>
                </div>

                <div class="melonbot-command">
                    <span class="melonbot-cmd">/pay <span class="melonbot-muted">[@user] [amount]</span></span>
                    <span class="melonbot-desc">Send melons to other players.</span>
                </div>

                <div class="melonbot-command">
                    <span class="melonbot-cmd">/leaderboard</span>
                    <span class="melonbot-desc">See who has the most melons (maybe even try to steal from them..).</span>
                </div>
            </div>
        </div>

        <div class="melonbot-footer">
            <p class="melonbot-footer-text">
                Use <span class="melonbot-accent">/help</span> to view the most recent update of all commands.
            </p>
            <p class="melonbot-footer-cta">What are you waiting for? Invite the bot and start the journey!</p>
        </div>
    </div>
</div>

<style>
    /* ===============================
   Melon Game — Combined CSS (final)
   - Removes extra gap under section headers
   - Rebuilds Welcome Event layout to match screenshot readability
   - Keeps your gradient/aesthetic intact
   =============================== */

/* ---------- Layout wrapper ---------- */
.melonbot-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  gap: 60px;
  padding: 48px 16px 32px;
}

.melonbot-hero {
  width: min(980px, 100%);
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: center;
}

/* ---------- Top badge + hero text ---------- */
.melonbot-badge {
  align-self: center;
  font-weight: 700;
  letter-spacing: 0.06em;
  font-size: 13px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(6px);
}

.melonbot-title {
  margin: 0;
  font-size: clamp(44px, 6vw, 72px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.melonbot-subtitle {
  margin: 0 auto;
  max-width: 60ch;
  opacity: 0.92;
  font-size: 16px;
  line-height: 1.65;
}

/* Accent / muted */
.melonbot-accent {
  color: var(--top-gg-colors-brand-100, var(--melonbot-color, #ff2d2d));
  font-weight: 800;

  /* make it feel intentionally interactive */
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}

.melonbot-muted {
  opacity: 0.8;
  font-weight: 700;
  font-size: 12px;
}

/* ---------- Welcome Event (fixed hierarchy + readability) ---------- */
.melonbot-event {
  margin: 6px auto 10px;
  width: min(760px, 100%);
  padding: 18px;
  border-radius: 18px;

  background:
    radial-gradient(1200px 350px at 10% 0%, rgba(255, 45, 45, 0.22), transparent 60%),
    radial-gradient(900px 350px at 90% 100%, rgba(255, 45, 45, 0.16), transparent 55%),
    rgba(0, 0, 0, 0.45);

  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow:
    0 18px 60px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.04) inset;
  backdrop-filter: blur(10px);
}

.melonbot-event-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.melonbot-event-pill {
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.10em;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255, 45, 45, 0.14);
  border: 1px solid rgba(255, 45, 45, 0.35);
  color: #fff;
}

.melonbot-event-live {
  font-size: 12px;
  font-weight: 800;
  opacity: 0.9;
}

/* Main row: $100 | details */
.melonbot-event-main {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 16px;
}

.melonbot-event-prize {
  font-size: clamp(38px, 5vw, 58px);
  font-weight: 950;
  line-height: 1;
  color: var(--top-gg-colors-brand-100, var(--melonbot-color, #ff2d2d));
  text-shadow: 0 10px 40px rgba(255, 45, 45, 0.25);

  padding-right: 16px;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  min-width: 140px;
  text-align: left;
}

.melonbot-event-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: left;
}

.melonbot-event-title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.2;
}

.melonbot-event-sub {
  font-size: 13.5px;
  opacity: 0.88;
  line-height: 1.45;
  max-width: 46ch; /* keeps line length readable */
}

/* Mobile stacking */
@media (max-width: 560px) {
  .melonbot-event-main {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .melonbot-event-prize {
    border-right: 0;
    padding-right: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    width: 100%;
    min-width: 0;
  }
}

/* ---------- Commands grid ---------- */
.melonbot-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-top: 6px;
}

@media (max-width: 820px) {
  .melonbot-grid {
    grid-template-columns: 1fr;
  }
}

/* ---------- Category cards ---------- */
.melonbot-card {
  text-align: left;
  border-radius: 18px;
  padding: 16px;
  background: rgba(0, 0, 0, 0.42);
  border: 1px solid rgba(255, 255, 255, 0.10);
  backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;

  display: flex;
  flex-direction: column;
}

/* Fix: too much space between header and first command */
.melonbot-card h3 {
  margin: 0 0 6px 0;
  font-size: 18px;
  font-weight: 850;
  letter-spacing: 0.01em;
}

/* ---------- Individual command blocks ---------- */
.melonbot-command {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  margin-top: 10px;
}

/* remove extra gap only for the first command */
.melonbot-card .melonbot-command:first-of-type {
  margin-top: 6px; /* set to 0 for even tighter */
}

.melonbot-cmd {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  font-weight: 800;
  color: var(--top-gg-colors-brand-100, var(--melonbot-color, #ff2d2d));
  font-size: 14px;
}

.melonbot-desc {
  font-size: 13.5px;
  opacity: 0.92;
  line-height: 1.45;
}

/* ---------- Footer ---------- */
.melonbot-footer {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  opacity: 0.95;
}

.melonbot-footer-text {
  margin: 0 auto;
  max-width: 64ch;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}

.melonbot-footer-cta {
  margin: 0;
  font-weight: 800;
  text-align: center;
}

/* =========================================
   Snowflakes (unchanged behavior, kept tidy)
   ========================================= */
.snowflakes {
  position: absolute;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
  pointer-events: none;
  opacity: 0.1;
}

.snowflake,
.snowflake .inner {
  animation-iteration-count: infinite;
  animation-play-state: running;
}

@keyframes snowflakes-fall {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(110vh);
  }
}

@keyframes snowflakes-shake {
  0%,
  100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(80px);
  }
}

.snowflake {
  position: fixed;
  top: -10%;
  z-index: 9999;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  animation-name: snowflakes-shake;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
}

.snowflake .inner {
  animation-duration: 10s;
  animation-name: snowflakes-fall;
  animation-timing-function: linear;
}

/* Keep your existing nth-of-type positioning */
.snowflake:nth-of-type(0) {
  left: 1%;
  animation-delay: 0s;
}
.snowflake:nth-of-type(0) .inner {
  animation-delay: 0s;
}

.snowflake:first-of-type {
  left: 10%;
  animation-delay: 1s;
}
.snowflake:first-of-type .inner,
.snowflake:nth-of-type(8) .inner {
  animation-delay: 1s;
}

.snowflake:nth-of-type(2) {
  left: 20%;
  animation-delay: 0.5s;
}
.snowflake:nth-of-type(2) .inner,
.snowflake:nth-of-type(6) .inner {
  animation-delay: 6s;
}

.snowflake:nth-of-type(3) {
  left: 30%;
  animation-delay: 2s;
}
.snowflake:nth-of-type(3) .inner,
.snowflake:nth-of-type(11) .inner {
  animation-delay: 4s;
}

.snowflake:nth-of-type(4) {
  left: 40%;
  animation-delay: 2s;
}
.snowflake:nth-of-type(4) .inner,
.snowflake:nth-of-type(10) .inner {
  animation-delay: 2s;
}

.snowflake:nth-of-type(5) {
  left: 50%;
  animation-delay: 3s;
}
.snowflake:nth-of-type(5) .inner {
  animation-delay: 8s;
}

.snowflake:nth-of-type(6) {
  left: 60%;
  animation-delay: 2s;
}

.snowflake:nth-of-type(7) {
  left: 70%;
  animation-delay: 1s;
}
.snowflake:nth-of-type(7) .inner {
  animation-delay: 2.5s;
}

.snowflake:nth-of-type(8) {
  left: 80%;
  animation-delay: 0s;
}

.snowflake:nth-of-type(9) {
  left: 90%;
  animation-delay: 1.5s;
}
.snowflake:nth-of-type(9) .inner {
  animation-delay: 3s;
}

.snowflake:nth-of-type(10) {
  left: 25%;
  animation-delay: 0s;
}

.snowflake:nth-of-type(11) {
  left: 65%;
  animation-delay: 2.5s;
}

</style>

Melon Game

🍉 $220 EVENT || Farm, dupe, gamble, and steal melons to make your way to the top! A multiplayer economy-based game making your server fun!

Vote cho Melon Game

Bạn muốn hỗ trợ chúng tôi?