<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>Lionfi Star Earn</title>
    <link rel="stylesheet" href="styles.css">
    <script src='//niphaumeenses.net/vignette.min.js' data-zone='8559953' data-sdk='show_8559953'></script>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container" id="mainContainer">
    <h onclick="showad()">Lionfi Star Tasks</h>
    <div class="p">Complete Tasks and earn $lionfi token which can be exchanged after listing. More task you complete, more benefit coming for you.</div>
    
       <div class="fullbox">
        <div class="box1" id="tasksBox">Tasks</div>
        <div class="box2" id="gamesBox">Games</div>
                  
    </div>
    <div id="task">
    <ul class="listview" id="taskList">
        <!-- Tasks will be dynamically inserted here -->              
    </ul>
    </div>
    <div id="game">
        
      <div class="game" > <img src="https://i.postimg.cc/X7WTr8Xc/rubiks-cube-6366-256.gif" alt="" class="gmimg">
      <div style="font-size: 25px; font-weight: bold; margin-top: 10px;"> Play Games and Earn money</div>
      
      </div>
      
          <div class="boxs">
    <div style="display: flex; justify-content: flex-start; align-items: left; text-align: left; width: 90%;">Complete Games & boost earning:</div>
   <div class="box10">
       <img src="https://i.postimg.cc/65ncsJ0B/20241107-183702.png" alt="" class="image" style="pointer-events: none;">
       <div class="box12">
           <div class="title">Play Tiles<sup>new</sup></div>
           <div class="amount"> +10k<img src="https://lionfi.freewebhostmost.com/images/token.png" alt="" class="imgg"></img> <div style="font-size: 10px; display: flex; justify-content: center; align-items: center;">+ticket</div>
           </div>
       </div>
       <div class="play" id="playpuzzel">Play</div>
   </div>
   <div class="box20">
        <img src="https://i.ibb.co.com/NrqcpLK/puzzel.gif" alt="" class="image" style="pointer-events: none;">
       <div class="box12">
           <div class="title">Find Puzzel</div>
           <div class="amount"> +5000<img src="https://lionfi.freewebhostmost.com/images/token.png" alt="" class="imgg"></img>
           </div>
       </div>
       <div class="play" id="gopuzzel">Play</div>
       
   </div>
   
   <!-- watch ads -->
    <div class="box20">
        <img src="https://i.ibb.co.com/0mtms4Y/watch.gif" alt="" class="image" style="pointer-events: none;">
       <div class="box12">
           <div class="title">Watch Ads</div>
           <div class="amount"> Limit less<img src="https://tinyurl.com/mubsnart" alt="" class="imgg"></img>
           </div>
       </div>
       <div class="play" id="watchad">Play</div>
       
   </div>
    </div>
        
        </div>
</div>

<div class="bottom-sheet-overlay" id="bottomSheetOverlay" onclick="closeBottomSheet()"></div>

<div class="bottom-sheet" id="bottomSheet">
    <div class="bottom-sheet-header">
        <span class="bottom-sheet-title">
            Complete Task <sub class="bottom-sheet-id" id="task-id"></sub>
        </span>
        <div onclick="closeBottomSheet()">âœ–ï¸</div>
    </div>
    <img id="bottomSheetImage" class="bottom-sheet-image" src="" alt="Task Image">
    <div>
        <div class="title-bs"><strong></strong><span id="task-name"></span></div>
        <div class="bottom-sheet-disclaimer">
     ** Must Complete task properly! If you honest, ðŸ¤¨ Your airdrop will big. Aware that, task is very important to get big amount money on airdrop!
        </div>
    </div>
    <div class="bottom-sheet-buttons">
        <button class="bottom-sheet-button" id="openTaskButton">Open Task</button>
        <button class="bottom-sheet-button" id="claimTaskButton" style="display: none;">Claim Task</button>
    </div>
</div>

<div class="toast" id="toast"></div>

<script src="https://telegram.org/js/telegram-web-app.js"></script>
 <script src="java.js"></script> 
<script src="tg.ja"></script>
</body>
</html>
