<div id="moc-widget">
  <style>
    /* ====== SCOPED STYLES (only affect #moc-widget) ====== */
    #moc-widget{position:relative;overflow:hidden;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Arial,sans-serif;color:#e8ecf3;line-height:1.6;border-radius:12px}
    /* GIF background + readable overlays (GIF + PNG fallback) */
    #moc-widget .bg{
      position:absolute;inset:0;z-index:0;pointer-events:none;
      background:
        radial-gradient(1200px 600px at 50% 0%, rgba(0,0,0,.22), transparent 60%),
        linear-gradient(to bottom, rgba(8,10,14,.58), rgba(8,10,14,.58)),
        url("https://giorgosliaskos.github.io/casino-badges-top.gg/bg.gif"),
        url("https://giorgosliaskos.github.io/casino-badges-top.gg/bg.png");
      background-size:cover,cover,cover,cover;
      background-position:center,center,center,center;
      background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
    }
    #moc-widget .wrap{position:relative;z-index:2;max-width:900px;margin:0 auto;padding:16px}
    #moc-widget h1{font-size:32px;margin:.2rem 0}
    #moc-widget .sub{color:#a9b2c7;margin-bottom:.6rem}
    #moc-widget .panel{background:rgba(18,24,39,.88);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px;margin:12px 0}
    #moc-widget .cta{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
    #moc-widget .btn{display:inline-block;padding:10px 14px;border-radius:10px;text-decoration:none;color:#fff;background:#6b6ef9;font-weight:700}
    #moc-widget .btn.alt{background:#2fe6a8;color:#0c0f14}
    #moc-widget .btn.ghost{background:#2b3144;border:1px solid rgba(255,255,255,.08)}
    #moc-widget h2{margin:.2rem 0 .6rem 0;font-size:20px}
    #moc-widget .grid{display:grid;gap:12px}
    @media (min-width:860px){#moc-widget .grid{grid-template-columns:repeat(3,1fr)}}
    #moc-widget .card{background:linear-gradient(180deg, rgba(255,255,255,.03), transparent);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px}
    #moc-widget .card h3{margin:4px 6px 8px;font-size:18px}
    #moc-widget .commands{list-style:none;margin:0;padding:0}
    #moc-widget .commands li{
      display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;margin:6px 0;
      background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 18px rgba(0,0,0,.15);
      opacity:.2;transform:translateY(8px);
      animation:mocFadeIn .9s ease forwards, mocPulse 3.6s ease-in-out infinite;
      animation-delay:calc(var(--order,0)*.12s), calc(var(--order,0)*.15s);
    }
    #moc-widget .commands li:hover{background:rgba(255,255,255,.06)}
    #moc-widget .emoji{font-size:20px;width:24px;text-align:center}
    #moc-widget .slash{font-weight:800;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#0b1022;border:1px solid rgba(255,255,255,.08);padding:3px 7px;border-radius:8px}
    #moc-widget .desc{color:#a9b2c7}
    @keyframes mocFadeIn{to{opacity:1;transform:translateY(0)}}
    @keyframes mocPulse{0%,100%{opacity:.9}50%{opacity:.6}}
  </style>

  <div class="bg" aria-hidden="true"></div>

  <div class="wrap">
    <header style="text-align:center">
      <h1>🎰 Mont Olympus Casino</h1>
      <div class="sub">Commands & Quick Links</div>
    </header>

    <section class="panel" style="text-align:center">
      <div class="cta">
        <a class="btn" href="https://discord.com/oauth2/authorize?client_id=977283629526958080&permissions=275146722448&scope=bot%20applications.commands" target="_blank" rel="noopener">Add to Server</a>
        <a class="btn alt" href="https://top.gg/bot/977283629526958080/vote" target="_blank" rel="noopener">Vote on top.gg</a>
        <a class="btn ghost" href="https://discord.gg/zAftgvkfc8" target="_blank" rel="noopener">Join Server</a>
      </div>
    </section>

    <section class="panel">
      <h2>📚 Commands</h2>
      <div class="grid">
        
        <div class="card">
          <h3>💼 Economy</h3>
          <ul class="commands">
            <li style="--order:1"><span class="emoji">💳</span><span class="slash">/balance</span> <span class="desc">— Check chips</span></li>
            <li style="--order:2"><span class="emoji">⚡</span><span class="slash">/bolt</span> <span class="desc">— Every 60s</span></li>
            <li style="--order:3"><span class="emoji">🧺</span><span class="slash">/claimall</span> <span class="desc">— Claim all</span></li>
            <li style="--order:4"><span class="emoji">⏱️</span><span class="slash">/cooldowns</span> <span class="desc">— Free chips & timers</span></li>
            <li style="--order:5"><span class="emoji">📅</span><span class="slash">/daily</span> <span class="desc">— Daily claim</span></li>
            <li style="--order:6"><span class="emoji">❤️</span><span class="slash">/donate</span> <span class="desc">— Support the casino</span></li>
            <li style="--order:7"><span class="emoji">🏛️</span><span class="slash">/entrybonus</span> <span class="desc">— Entry bonus</span></li>
            <li style="--order:8"><span class="emoji">💰</span><span class="slash">/goldenchips</span> <span class="desc">— Premium chips *</span></li>
            <li style="--order:9"><span class="emoji">🕐</span><span class="slash">/hourly</span> <span class="desc">— Hourly claim</span></li>
            <li style="--order:10"><span class="emoji">🏆</span><span class="slash">/leaderboard</span> <span class="desc">— Chips, XP & vault breaks</span></li>
            <li style="--order:11"><span class="emoji">🗓️</span><span class="slash">/monthly</span> <span class="desc">— Monthly claim</span></li>
            <li style="--order:12"><span class="emoji">🚀</span><span class="slash">/nitro</span> <span class="desc">— Nitro boost daily</span></li>
            <li style="--order:13"><span class="emoji">⭐</span><span class="slash">/supporter</span> <span class="desc">— Supporter daily *</span></li>
            <li style="--order:14"><span class="emoji">🗳️</span><span class="slash">/vote</span> <span class="desc">— Vote reward</span></li>
            <li style="--order:15"><span class="emoji">📆</span><span class="slash">/weekly</span> <span class="desc">— Weekly claim</span></li>
          </ul>
          <div class="sub" style="margin-top:6px">* Perks may require supporter status.</div>
        </div>

        
        <div class="card">
          <h3>🎮 Games</h3>
          <ul class="commands">
            <li style="--order:1"><span class="emoji">🃏</span><span class="slash">/baccarat</span> <span class="desc">— Punto Banco</span></li>
            <li style="--order:2"><span class="emoji">🂡</span><span class="slash">/blackjack</span> <span class="desc">— Classic 21</span></li>
            <li style="--order:3"><span class="emoji">🪙</span><span class="slash">/coinflip</span> <span class="desc">— Heads or tails</span></li>
            <li style="--order:4"><span class="emoji">✈️</span><span class="slash">/fly</span> <span class="desc">— Aviator</span></li>
            <li style="--order:5"><span class="emoji">🔢</span><span class="slash">/keno</span> <span class="desc">— Lucky numbers</span></li>
            <li style="--order:6"><span class="emoji">🎟️</span><span class="slash">/lottery</span> <span class="desc">— Olympus lotto</span></li>
            <li style="--order:7"><span class="emoji">🟡</span><span class="slash">/plinko</span> <span class="desc">— GIF</span></li>
            <li style="--order:8"><span class="emoji">🐎</span><span class="slash">/race</span> <span class="desc">— Horse race</span></li>
            <li style="--order:9"><span class="emoji">🎯</span><span class="slash">/roulette</span> <span class="desc">— Casino roulette</span></li>
            <li style="--order:10"><span class="emoji">✂️</span><span class="slash">/rps</span> <span class="desc">— Rock • Paper • Scissors</span></li>
            <li style="--order:11"><span class="emoji">🪙</span><span class="slash">/scratch</span> <span class="desc">— Scratch cards</span></li>
            <li style="--order:12"><span class="emoji">🍒</span><span class="slash">/slots</span> <span class="desc">— Spin the reels</span></li>
            <li style="--order:13"><span class="emoji">🎲</span><span class="slash">/dices</span> <span class="desc">— Roll the dice</span></li>
          </ul>
        </div>

        
        <div class="card">
          <h3>👤 User</h3>
          <ul class="commands">
            <li style="--order:1"><span class="emoji">🏦</span><span class="slash">/breakthebank</span> <span class="desc">— Prestige & multipliers</span></li>
            <li style="--order:2"><span class="emoji">🪪</span><span class="slash">/profile</span> <span class="desc">— Your profile</span></li>
            <li style="--order:3"><span class="emoji">🥇</span><span class="slash">/ranks</span> <span class="desc">— Ranks & claim payouts</span></li>
          </ul>
        </div>
      </div>
    </section>
  </div>
</div>

Mont Olympus Casino

🎲 The Ultimate Casino Experience – Play Roulette, Slots, Blackjack & More!

Voting for Mont Olympus Casino

Do you want to support us?