<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Lucky Slot Name Picker</title>
  <!-- Google Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link
    href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;900&family=Outfit:wght@300;400;600;800&family=Playfair+Display:ital,wght@0,700;1,700&display=swap"
    rel="stylesheet">
  <link rel="stylesheet" href="style.css?v=<?php echo time(); ?>">
</head>

<body class="theme-classic-blue">
  <!-- Background visual effects -->

  <div class="bg-effects">

    <div class="glow-orb orb-1"></div>

    <div class="glow-orb orb-2"></div>

    <div class="star-container bg-1" style="--delay: 0s; --height: 800px;">
      <div class="sparkle-8-point"></div>
      <div class="sparkle-8-point point-2"></div>
      <div class="sparkle-8-point point-3"></div>
      <div class="sparkle-8-point point-4"></div>
    </div>

    <div class="star-container bg-2" style="--delay: 2.7s; --height: 500px;">
      <div class="sparkle-8-point"></div>
      <div class="sparkle-8-point point-2"></div>
      <div class="sparkle-8-point point-3"></div>
      <div class="sparkle-8-point point-4"></div>
    </div>

    <div class="star-container bg-3" style="--delay: 0.3s; --height: 150px;">
      <div class="sparkle-8-point"></div>
      <div class="sparkle-8-point point-2"></div>
      <div class="sparkle-8-point point-3"></div>
      <div class="sparkle-8-point point-4"></div>
    </div>

    <div class="star-container bg-4" style="--delay: 2.4s; --height: 100px;">
      <div class="sparkle-8-point"></div>
      <div class="sparkle-8-point point-2"></div>
      <div class="sparkle-8-point point-3"></div>
      <div class="sparkle-8-point point-4"></div>
    </div>

    <div class="star-container bg-5" style="--delay: 0.6s; --height: 700px;">
      <div class="sparkle-8-point"></div>
      <div class="sparkle-8-point point-2"></div>
      <div class="sparkle-8-point point-3"></div>
      <div class="sparkle-8-point point-4"></div>
    </div>

    <div class="star-container bg-6" style="--delay: 2.1s; --height: 700px;">
      <div class="sparkle-8-point"></div>
      <div class="sparkle-8-point point-2"></div>
      <div class="sparkle-8-point point-3"></div>
      <div class="sparkle-8-point point-4"></div>
    </div>

    <div class="star-container bg-7" style="--delay: 0.9s; --height: 100px;">
      <div class="sparkle-8-point"></div>
      <div class="sparkle-8-point point-2"></div>
      <div class="sparkle-8-point point-3"></div>
      <div class="sparkle-8-point point-4"></div>
    </div>

    <div class="star-container bg-8" style="--delay: 1.8s; --height: 150px;">
      <div class="sparkle-8-point"></div>
      <div class="sparkle-8-point point-2"></div>
      <div class="sparkle-8-point point-3"></div>
      <div class="sparkle-8-point point-4"></div>
    </div>

    <div class="star-container bg-9" style="--delay: 1.2s; --height: 500px;">
      <div class="sparkle-8-point"></div>
      <div class="sparkle-8-point point-2"></div>
      <div class="sparkle-8-point point-3"></div>
      <div class="sparkle-8-point point-4"></div>
    </div>

    <div class="star-container bg-10" style="--delay: 1.5s; --height: 800px;">
      <div class="sparkle-8-point"></div>
      <div class="sparkle-8-point point-2"></div>
      <div class="sparkle-8-point point-3"></div>
      <div class="sparkle-8-point point-4"></div>
    </div>
  </div>

  <div class="waves" id="waves">
    <div class="wave-center-mask">
      <div class="wave-center"></div>
    </div>
    <div class="wave-bar" style="height: 119.832px; animation-delay: 0.675947s; animation-duration: 0.663834s;"></div>
    <div class="wave-bar" style="height: 185.546px; animation-delay: 0.285577s; animation-duration: 0.467752s;"></div>
    <div class="wave-bar" style="height: 76.6414px; animation-delay: 0.56931s; animation-duration: 0.78261s;"></div>
    <div class="wave-bar" style="height: 138.872px; animation-delay: 0.558376s; animation-duration: 0.486186s;"></div>
    <div class="wave-bar" style="height: 68.8488px; animation-delay: 0.783717s; animation-duration: 0.874159s;"></div>
    <div class="wave-bar" style="height: 187.393px; animation-delay: 0.262564s; animation-duration: 0.72691s;"></div>
    <div class="wave-bar" style="height: 73.3001px; animation-delay: 0.0842122s; animation-duration: 0.923979s;"></div>
    <div class="wave-bar" style="height: 168.102px; animation-delay: 0.338965s; animation-duration: 0.653247s;"></div>
    <div class="wave-bar" style="height: 58.0173px; animation-delay: 0.29575s; animation-duration: 0.43314s;"></div>
    <div class="wave-bar" style="height: 96.55px; animation-delay: 0.105234s; animation-duration: 0.920596s;"></div>
    <div class="wave-bar" style="height: 131.819px; animation-delay: 0.512768s; animation-duration: 0.573266s;"></div>
    <div class="wave-bar" style="height: 98.2464px; animation-delay: 0.346633s; animation-duration: 0.865311s;"></div>
    <div class="wave-bar" style="height: 64.0754px; animation-delay: 0.169344s; animation-duration: 0.922283s;"></div>
    <div class="wave-bar" style="height: 152.788px; animation-delay: 0.282154s; animation-duration: 0.828008s;"></div>
    <div class="wave-bar" style="height: 111.319px; animation-delay: 0.115922s; animation-duration: 0.553761s;"></div>
    <div class="wave-bar" style="height: 99.1727px; animation-delay: 0.548705s; animation-duration: 0.788172s;"></div>
    <div class="wave-bar" style="height: 196.249px; animation-delay: 0.140122s; animation-duration: 0.66724s;"></div>
    <div class="wave-bar" style="height: 81.6592px; animation-delay: 0.503749s; animation-duration: 0.906452s;"></div>
    <div class="wave-bar" style="height: 127.771px; animation-delay: 0.201213s; animation-duration: 0.558581s;"></div>
    <div class="wave-bar" style="height: 43.3997px; animation-delay: 0.788129s; animation-duration: 0.977057s;"></div>
    <div class="wave-bar" style="height: 102.316px; animation-delay: 0.594579s; animation-duration: 0.738232s;"></div>
    <div class="wave-bar" style="height: 114.809px; animation-delay: 0.341893s; animation-duration: 0.406234s;"></div>
    <div class="wave-bar" style="height: 72.4021px; animation-delay: 0.00396782s; animation-duration: 0.58582s;"></div>
    <div class="wave-bar" style="height: 138.229px; animation-delay: 0.0830624s; animation-duration: 0.866473s;"></div>
    <div class="wave-bar" style="height: 160.902px; animation-delay: 0.27144s; animation-duration: 0.64155s;"></div>
    <div class="wave-bar" style="height: 135.609px; animation-delay: 0.120652s; animation-duration: 0.440384s;"></div>
    <div class="wave-bar" style="height: 185.144px; animation-delay: 0.529062s; animation-duration: 0.644899s;"></div>
    <div class="wave-bar" style="height: 213.707px; animation-delay: 0.107688s; animation-duration: 0.426372s;"></div>
    <div class="wave-bar" style="height: 197.039px; animation-delay: 0.477119s; animation-duration: 0.905975s;"></div>
    <div class="wave-bar" style="height: 106.067px; animation-delay: 0.634641s; animation-duration: 0.521504s;"></div>
    <div class="wave-bar" style="height: 105.458px; animation-delay: 0.325791s; animation-duration: 0.52336s;"></div>
    <div class="wave-bar" style="height: 177.475px; animation-delay: 0.271052s; animation-duration: 0.572351s;"></div>
    <div class="wave-bar" style="height: 149.744px; animation-delay: 0.119723s; animation-duration: 0.828124s;"></div>
    <div class="wave-bar" style="height: 95.2003px; animation-delay: 0.255993s; animation-duration: 0.743708s;"></div>
    <div class="wave-bar" style="height: 98.3552px; animation-delay: 0.0823479s; animation-duration: 0.95834s;"></div>
    <div class="wave-bar" style="height: 27.0371px; animation-delay: 0.271274s; animation-duration: 0.864372s;"></div>
    <div class="wave-bar" style="height: 202.979px; animation-delay: 0.562915s; animation-duration: 0.494989s;"></div>
    <div class="wave-bar" style="height: 22.0938px; animation-delay: 0.544927s; animation-duration: 0.531668s;"></div>
    <div class="wave-bar" style="height: 34.9877px; animation-delay: 0.686554s; animation-duration: 0.635171s;"></div>
    <div class="wave-bar" style="height: 26.9727px; animation-delay: 0.349382s; animation-duration: 0.985572s;"></div>
    <div class="wave-bar" style="height: 158.917px; animation-delay: 0.37715s; animation-duration: 0.987691s;"></div>
    <div class="wave-bar" style="height: 152.654px; animation-delay: 0.510223s; animation-duration: 0.999324s;"></div>
    <div class="wave-bar" style="height: 68.46px; animation-delay: 0.320759s; animation-duration: 0.897242s;"></div>
    <div class="wave-bar" style="height: 213.011px; animation-delay: 0.135829s; animation-duration: 0.43206s;"></div>
    <div class="wave-bar" style="height: 176.288px; animation-delay: 0.000400752s; animation-duration: 0.46521s;"></div>
    <div class="wave-bar" style="height: 152.799px; animation-delay: 0.386748s; animation-duration: 0.624579s;"></div>
    <div class="wave-bar" style="height: 173.064px; animation-delay: 0.342609s; animation-duration: 0.608888s;"></div>
    <div class="wave-bar" style="height: 23.3907px; animation-delay: 0.28258s; animation-duration: 0.519518s;"></div>
    <div class="wave-bar" style="height: 138.952px; animation-delay: 0.0303199s; animation-duration: 0.45464s;"></div>
    <div class="wave-bar" style="height: 190.643px; animation-delay: 0.697198s; animation-duration: 0.604314s;"></div>
    <div class="wave-bar" style="height: 154.643px; animation-delay: 0.746638s; animation-duration: 0.741001s;"></div>
    <div class="wave-bar" style="height: 117.827px; animation-delay: 0.573278s; animation-duration: 0.811755s;"></div>
    <div class="wave-bar" style="height: 21.4818px; animation-delay: 0.447587s; animation-duration: 0.898153s;"></div>
    <div class="wave-bar" style="height: 104.688px; animation-delay: 0.144129s; animation-duration: 0.996538s;"></div>
    <div class="wave-bar" style="height: 89.7268px; animation-delay: 0.474592s; animation-duration: 0.746692s;"></div>
    <div class="wave-bar" style="height: 141.22px; animation-delay: 0.259996s; animation-duration: 0.598845s;"></div>
    <div class="wave-bar" style="height: 72.0579px; animation-delay: 0.656483s; animation-duration: 0.533878s;"></div>
    <div class="wave-bar" style="height: 141.817px; animation-delay: 0.711868s; animation-duration: 0.905714s;"></div>
    <div class="wave-bar" style="height: 146.691px; animation-delay: 0.337832s; animation-duration: 0.519965s;"></div>
    <div class="wave-bar" style="height: 176.244px; animation-delay: 0.509406s; animation-duration: 0.774377s;"></div>
    <div class="wave-bar" style="height: 119.832px; animation-delay: 0.675947s; animation-duration: 0.663834s;"></div>
    <div class="wave-bar" style="height: 185.546px; animation-delay: 0.285577s; animation-duration: 0.467752s;"></div>
    <div class="wave-bar" style="height: 76.6414px; animation-delay: 0.56931s; animation-duration: 0.78261s;"></div>
    <div class="wave-bar" style="height: 138.872px; animation-delay: 0.558376s; animation-duration: 0.486186s;"></div>
    <div class="wave-bar" style="height: 68.8488px; animation-delay: 0.783717s; animation-duration: 0.874159s;"></div>
    <div class="wave-bar" style="height: 187.393px; animation-delay: 0.262564s; animation-duration: 0.72691s;"></div>
    <div class="wave-bar" style="height: 73.3001px; animation-delay: 0.0842122s; animation-duration: 0.923979s;"></div>
    <div class="wave-bar" style="height: 168.102px; animation-delay: 0.338965s; animation-duration: 0.653247s;"></div>
    <div class="wave-bar" style="height: 58.0173px; animation-delay: 0.29575s; animation-duration: 0.43314s;"></div>
    <div class="wave-bar" style="height: 96.55px; animation-delay: 0.105234s; animation-duration: 0.920596s;"></div>
    <div class="wave-bar" style="height: 131.819px; animation-delay: 0.512768s; animation-duration: 0.573266s;"></div>
    <div class="wave-bar" style="height: 98.2464px; animation-delay: 0.346633s; animation-duration: 0.865311s;"></div>
    <div class="wave-bar" style="height: 64.0754px; animation-delay: 0.169344s; animation-duration: 0.922283s;"></div>
    <div class="wave-bar" style="height: 152.788px; animation-delay: 0.282154s; animation-duration: 0.828008s;"></div>
    <div class="wave-bar" style="height: 111.319px; animation-delay: 0.115922s; animation-duration: 0.553761s;"></div>
    <div class="wave-bar" style="height: 99.1727px; animation-delay: 0.548705s; animation-duration: 0.788172s;"></div>
    <div class="wave-bar" style="height: 196.249px; animation-delay: 0.140122s; animation-duration: 0.66724s;"></div>
    <div class="wave-bar" style="height: 81.6592px; animation-delay: 0.503749s; animation-duration: 0.906452s;"></div>
    <div class="wave-bar" style="height: 127.771px; animation-delay: 0.201213s; animation-duration: 0.558581s;"></div>
    <div class="wave-bar" style="height: 43.3997px; animation-delay: 0.788129s; animation-duration: 0.977057s;"></div>
    <div class="wave-bar" style="height: 102.316px; animation-delay: 0.594579s; animation-duration: 0.738232s;"></div>
    <div class="wave-bar" style="height: 114.809px; animation-delay: 0.341893s; animation-duration: 0.406234s;"></div>
    <div class="wave-bar" style="height: 72.4021px; animation-delay: 0.00396782s; animation-duration: 0.58582s;"></div>
    <div class="wave-bar" style="height: 138.229px; animation-delay: 0.0830624s; animation-duration: 0.866473s;"></div>
    <div class="wave-bar" style="height: 160.902px; animation-delay: 0.27144s; animation-duration: 0.64155s;"></div>
    <div class="wave-bar" style="height: 135.609px; animation-delay: 0.120652s; animation-duration: 0.440384s;"></div>
    <div class="wave-bar" style="height: 185.144px; animation-delay: 0.529062s; animation-duration: 0.644899s;"></div>
    <div class="wave-bar" style="height: 213.707px; animation-delay: 0.107688s; animation-duration: 0.426372s;"></div>
    <div class="wave-bar" style="height: 197.039px; animation-delay: 0.477119s; animation-duration: 0.905975s;"></div>
    <div class="wave-bar" style="height: 106.067px; animation-delay: 0.634641s; animation-duration: 0.521504s;"></div>
    <div class="wave-bar" style="height: 105.458px; animation-delay: 0.325791s; animation-duration: 0.52336s;"></div>
    <div class="wave-bar" style="height: 177.475px; animation-delay: 0.271052s; animation-duration: 0.572351s;"></div>
    <div class="wave-bar" style="height: 149.744px; animation-delay: 0.119723s; animation-duration: 0.828124s;"></div>
    <div class="wave-bar" style="height: 95.2003px; animation-delay: 0.255993s; animation-duration: 0.743708s;"></div>
    <div class="wave-bar" style="height: 98.3552px; animation-delay: 0.0823479s; animation-duration: 0.95834s;"></div>
    <div class="wave-bar" style="height: 27.0371px; animation-delay: 0.271274s; animation-duration: 0.864372s;"></div>
    <div class="wave-bar" style="height: 202.979px; animation-delay: 0.562915s; animation-duration: 0.494989s;"></div>
    <div class="wave-bar" style="height: 22.0938px; animation-delay: 0.544927s; animation-duration: 0.531668s;"></div>
    <div class="wave-bar" style="height: 34.9877px; animation-delay: 0.686554s; animation-duration: 0.635171s;"></div>
    <div class="wave-bar" style="height: 26.9727px; animation-delay: 0.349382s; animation-duration: 0.985572s;"></div>
    <div class="wave-bar" style="height: 158.917px; animation-delay: 0.37715s; animation-duration: 0.987691s;"></div>
    <div class="wave-bar" style="height: 152.654px; animation-delay: 0.510223s; animation-duration: 0.999324s;"></div>
    <div class="wave-bar" style="height: 68.46px; animation-delay: 0.320759s; animation-duration: 0.897242s;"></div>
    <div class="wave-bar" style="height: 213.011px; animation-delay: 0.135829s; animation-duration: 0.43206s;"></div>
    <div class="wave-bar" style="height: 176.288px; animation-delay: 0.000400752s; animation-duration: 0.46521s;"></div>
    <div class="wave-bar" style="height: 152.799px; animation-delay: 0.386748s; animation-duration: 0.624579s;"></div>
    <div class="wave-bar" style="height: 173.064px; animation-delay: 0.342609s; animation-duration: 0.608888s;"></div>
    <div class="wave-bar" style="height: 23.3907px; animation-delay: 0.28258s; animation-duration: 0.519518s;"></div>
    <div class="wave-bar" style="height: 138.952px; animation-delay: 0.0303199s; animation-duration: 0.45464s;"></div>
    <div class="wave-bar" style="height: 190.643px; animation-delay: 0.697198s; animation-duration: 0.604314s;"></div>
    <div class="wave-bar" style="height: 154.643px; animation-delay: 0.746638s; animation-duration: 0.741001s;"></div>
    <div class="wave-bar" style="height: 117.827px; animation-delay: 0.573278s; animation-duration: 0.811755s;"></div>
    <div class="wave-bar" style="height: 21.4818px; animation-delay: 0.447587s; animation-duration: 0.898153s;"></div>
    <div class="wave-bar" style="height: 104.688px; animation-delay: 0.144129s; animation-duration: 0.996538s;"></div>
    <div class="wave-bar" style="height: 89.7268px; animation-delay: 0.474592s; animation-duration: 0.746692s;"></div>
    <div class="wave-bar" style="height: 141.22px; animation-delay: 0.259996s; animation-duration: 0.598845s;"></div>
    <div class="wave-bar" style="height: 72.0579px; animation-delay: 0.656483s; animation-duration: 0.533878s;"></div>
    <div class="wave-bar" style="height: 141.817px; animation-delay: 0.711868s; animation-duration: 0.905714s;"></div>
    <div class="wave-bar" style="height: 146.691px; animation-delay: 0.337832s; animation-duration: 0.519965s;"></div>
    <div class="wave-bar" style="height: 176.244px; animation-delay: 0.509406s; animation-duration: 0.774377s;"></div>
    <div class="wave-bar" style="height: 119.832px; animation-delay: 0.675947s; animation-duration: 0.663834s;"></div>
    <div class="wave-bar" style="height: 185.546px; animation-delay: 0.285577s; animation-duration: 0.467752s;"></div>
    <div class="wave-bar" style="height: 76.6414px; animation-delay: 0.56931s; animation-duration: 0.78261s;"></div>
    <div class="wave-bar" style="height: 138.872px; animation-delay: 0.558376s; animation-duration: 0.486186s;"></div>
    <div class="wave-bar" style="height: 68.8488px; animation-delay: 0.783717s; animation-duration: 0.874159s;"></div>
    <div class="wave-bar" style="height: 187.393px; animation-delay: 0.262564s; animation-duration: 0.72691s;"></div>
    <div class="wave-bar" style="height: 73.3001px; animation-delay: 0.0842122s; animation-duration: 0.923979s;"></div>
    <div class="wave-bar" style="height: 168.102px; animation-delay: 0.338965s; animation-duration: 0.653247s;"></div>
    <div class="wave-bar" style="height: 58.0173px; animation-delay: 0.29575s; animation-duration: 0.43314s;"></div>
    <div class="wave-bar" style="height: 96.55px; animation-delay: 0.105234s; animation-duration: 0.920596s;"></div>
    <div class="wave-bar" style="height: 131.819px; animation-delay: 0.512768s; animation-duration: 0.573266s;"></div>
    <div class="wave-bar" style="height: 98.2464px; animation-delay: 0.346633s; animation-duration: 0.865311s;"></div>
    <div class="wave-bar" style="height: 64.0754px; animation-delay: 0.169344s; animation-duration: 0.922283s;"></div>
    <div class="wave-bar" style="height: 152.788px; animation-delay: 0.282154s; animation-duration: 0.828008s;"></div>
    <div class="wave-bar" style="height: 111.319px; animation-delay: 0.115922s; animation-duration: 0.553761s;"></div>
    <div class="wave-bar" style="height: 99.1727px; animation-delay: 0.548705s; animation-duration: 0.788172s;"></div>
    <div class="wave-bar" style="height: 196.249px; animation-delay: 0.140122s; animation-duration: 0.66724s;"></div>
    <div class="wave-bar" style="height: 81.6592px; animation-delay: 0.503749s; animation-duration: 0.906452s;"></div>
    <div class="wave-bar" style="height: 127.771px; animation-delay: 0.201213s; animation-duration: 0.558581s;"></div>
    <div class="wave-bar" style="height: 43.3997px; animation-delay: 0.788129s; animation-duration: 0.977057s;"></div>
    <div class="wave-bar" style="height: 102.316px; animation-delay: 0.594579s; animation-duration: 0.738232s;"></div>
    <div class="wave-bar" style="height: 114.809px; animation-delay: 0.341893s; animation-duration: 0.406234s;"></div>
    <div class="wave-bar" style="height: 72.4021px; animation-delay: 0.00396782s; animation-duration: 0.58582s;"></div>
    <div class="wave-bar" style="height: 138.229px; animation-delay: 0.0830624s; animation-duration: 0.866473s;"></div>
    <div class="wave-bar" style="height: 160.902px; animation-delay: 0.27144s; animation-duration: 0.64155s;"></div>
    <div class="wave-bar" style="height: 135.609px; animation-delay: 0.120652s; animation-duration: 0.440384s;"></div>
    <div class="wave-bar" style="height: 185.144px; animation-delay: 0.529062s; animation-duration: 0.644899s;"></div>
    <div class="wave-bar" style="height: 213.707px; animation-delay: 0.107688s; animation-duration: 0.426372s;"></div>
    <div class="wave-bar" style="height: 197.039px; animation-delay: 0.477119s; animation-duration: 0.905975s;"></div>
    <div class="wave-bar" style="height: 106.067px; animation-delay: 0.634641s; animation-duration: 0.521504s;"></div>
    <div class="wave-bar" style="height: 105.458px; animation-delay: 0.325791s; animation-duration: 0.52336s;"></div>
    <div class="wave-bar" style="height: 177.475px; animation-delay: 0.271052s; animation-duration: 0.572351s;"></div>
    <div class="wave-bar" style="height: 149.744px; animation-delay: 0.119723s; animation-duration: 0.828124s;"></div>
    <div class="wave-bar" style="height: 95.2003px; animation-delay: 0.255993s; animation-duration: 0.743708s;"></div>
    <div class="wave-bar" style="height: 98.3552px; animation-delay: 0.0823479s; animation-duration: 0.95834s;"></div>
    <div class="wave-bar" style="height: 27.0371px; animation-delay: 0.271274s; animation-duration: 0.864372s;"></div>
    <div class="wave-bar" style="height: 202.979px; animation-delay: 0.562915s; animation-duration: 0.494989s;"></div>
    <div class="wave-bar" style="height: 22.0938px; animation-delay: 0.544927s; animation-duration: 0.531668s;"></div>
    <div class="wave-bar" style="height: 34.9877px; animation-delay: 0.686554s; animation-duration: 0.635171s;"></div>
    <div class="wave-bar" style="height: 26.9727px; animation-delay: 0.349382s; animation-duration: 0.985572s;"></div>
    <div class="wave-bar" style="height: 158.917px; animation-delay: 0.37715s; animation-duration: 0.987691s;"></div>
    <div class="wave-bar" style="height: 152.654px; animation-delay: 0.510223s; animation-duration: 0.999324s;"></div>
    <div class="wave-bar" style="height: 68.46px; animation-delay: 0.320759s; animation-duration: 0.897242s;"></div>
    <div class="wave-bar" style="height: 213.011px; animation-delay: 0.135829s; animation-duration: 0.43206s;"></div>
    <div class="wave-bar" style="height: 176.288px; animation-delay: 0.000400752s; animation-duration: 0.46521s;"></div>
    <div class="wave-bar" style="height: 152.799px; animation-delay: 0.386748s; animation-duration: 0.624579s;"></div>
    <div class="wave-bar" style="height: 173.064px; animation-delay: 0.342609s; animation-duration: 0.608888s;"></div>
    <div class="wave-bar" style="height: 23.3907px; animation-delay: 0.28258s; animation-duration: 0.519518s;"></div>
    <div class="wave-bar" style="height: 138.952px; animation-delay: 0.0303199s; animation-duration: 0.45464s;"></div>
    <div class="wave-bar" style="height: 190.643px; animation-delay: 0.697198s; animation-duration: 0.604314s;"></div>
    <div class="wave-bar" style="height: 154.643px; animation-delay: 0.746638s; animation-duration: 0.741001s;"></div>
    <div class="wave-bar" style="height: 117.827px; animation-delay: 0.573278s; animation-duration: 0.811755s;"></div>
    <div class="wave-bar" style="height: 21.4818px; animation-delay: 0.447587s; animation-duration: 0.898153s;"></div>
    <div class="wave-bar" style="height: 104.688px; animation-delay: 0.144129s; animation-duration: 0.996538s;"></div>
    <div class="wave-bar" style="height: 89.7268px; animation-delay: 0.474592s; animation-duration: 0.746692s;"></div>
    <div class="wave-bar" style="height: 141.22px; animation-delay: 0.259996s; animation-duration: 0.598845s;"></div>
    <div class="wave-bar" style="height: 72.0579px; animation-delay: 0.656483s; animation-duration: 0.533878s;"></div>
    <div class="wave-bar" style="height: 141.817px; animation-delay: 0.711868s; animation-duration: 0.905714s;"></div>
    <div class="wave-bar" style="height: 146.691px; animation-delay: 0.337832s; animation-duration: 0.519965s;"></div>
    <div class="wave-bar" style="height: 176.244px; animation-delay: 0.509406s; animation-duration: 0.774377s;"></div>
    <div class="wave-bar" style="height: 119.832px; animation-delay: 0.675947s; animation-duration: 0.663834s;"></div>
    <div class="wave-bar" style="height: 185.546px; animation-delay: 0.285577s; animation-duration: 0.467752s;"></div>
    <div class="wave-bar" style="height: 76.6414px; animation-delay: 0.56931s; animation-duration: 0.78261s;"></div>
    <div class="wave-bar" style="height: 138.872px; animation-delay: 0.558376s; animation-duration: 0.486186s;"></div>
    <div class="wave-bar" style="height: 68.8488px; animation-delay: 0.783717s; animation-duration: 0.874159s;"></div>
    <div class="wave-bar" style="height: 187.393px; animation-delay: 0.262564s; animation-duration: 0.72691s;"></div>
    <div class="wave-bar" style="height: 73.3001px; animation-delay: 0.0842122s; animation-duration: 0.923979s;"></div>
    <div class="wave-bar" style="height: 168.102px; animation-delay: 0.338965s; animation-duration: 0.653247s;"></div>
    <div class="wave-bar" style="height: 58.0173px; animation-delay: 0.29575s; animation-duration: 0.43314s;"></div>
    <div class="wave-bar" style="height: 96.55px; animation-delay: 0.105234s; animation-duration: 0.920596s;"></div>
    <div class="wave-bar" style="height: 131.819px; animation-delay: 0.512768s; animation-duration: 0.573266s;"></div>
    <div class="wave-bar" style="height: 98.2464px; animation-delay: 0.346633s; animation-duration: 0.865311s;"></div>
    <div class="wave-bar" style="height: 64.0754px; animation-delay: 0.169344s; animation-duration: 0.922283s;"></div>
    <div class="wave-bar" style="height: 152.788px; animation-delay: 0.282154s; animation-duration: 0.828008s;"></div>
    <div class="wave-bar" style="height: 111.319px; animation-delay: 0.115922s; animation-duration: 0.553761s;"></div>
    <div class="wave-bar" style="height: 99.1727px; animation-delay: 0.548705s; animation-duration: 0.788172s;"></div>
    <div class="wave-bar" style="height: 196.249px; animation-delay: 0.140122s; animation-duration: 0.66724s;"></div>
    <div class="wave-bar" style="height: 81.6592px; animation-delay: 0.503749s; animation-duration: 0.906452s;"></div>
    <div class="wave-bar" style="height: 127.771px; animation-delay: 0.201213s; animation-duration: 0.558581s;"></div>
    <div class="wave-bar" style="height: 43.3997px; animation-delay: 0.788129s; animation-duration: 0.977057s;"></div>
  </div>


  <div class="app-container">
    <!-- Settings are handled in setting.php -->

    <!-- Main Slot Machine Area -->
    <main class="main-content">

      <div class="slot-machine-wrapper">

        <div class="slot-machine">
          <div class="side-logo-border">
            <div class="side-logo">

              <div class="star-container  star-1" style="--delay: 0s; --height: 150px;">
                <div class="sparkle-8-point"></div>
                <div class="sparkle-8-point point-2"></div>
                <div class="sparkle-8-point point-3"></div>
                <div class="sparkle-8-point point-4"></div>
              </div>

              <div class="star-container  star-2" style="--delay: 1.5s; --height: 100px;">
                <div class="sparkle-8-point"></div>
                <div class="sparkle-8-point point-2"></div>
                <div class="sparkle-8-point point-3"></div>
                <div class="sparkle-8-point point-4"></div>
              </div>
            </div>
          </div>
          <!-- Slot Machine Cabinet -->

          <div class="slot-body">
            <!-- Cabinet Marquee Sign -->

            <div class="cabinet-marquee-border">
              <div class="cabinet-marquee">
                <h1 class="marquee-title" id="marquee-text">LUCKY WINNER</h1>
              </div>
            </div>

            <div class="slot-cabinet">

              <!-- Main Screen/Reels Viewport -->

              <div class="slot-screen-outer">

                <div class="slot-screen-inner">

                  <div class="payline-left"></div>

                  <div class="payline-right"></div>

                  <div class="payline-wire"></div>

                  <!-- Reels Container -->

                  <div class="reels-container" id="reels-container">
                    <!-- Reels will be injected here via JavaScript -->

                    <div class="reel-placeholder">

                      <div class="placeholder-text">Enter names on the left to activate reels</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <button id="btn-spin" class="spin-btn">
              <span class="spin-btn-text">SPIN</span>
              <span class="spin-btn-glow"></span>
            </button>
          </div>

          <div class="side-logo-border">
            <div class="side-logo">

              <div class="star-container  star-1" style="--delay: 1s; --height: 150px;">
                <div class="sparkle-8-point"></div>
                <div class="sparkle-8-point point-2"></div>
                <div class="sparkle-8-point point-3"></div>
                <div class="sparkle-8-point point-4"></div>
              </div>

              <div class="star-container  star-2" style="--delay: 2.5s; --height: 100px;">
                <div class="sparkle-8-point"></div>
                <div class="sparkle-8-point point-2"></div>
                <div class="sparkle-8-point point-3"></div>
                <div class="sparkle-8-point point-4"></div>
              </div>
            </div>
          </div>
        </div>
        <!--<a href="setting.php" class="btn-settings" title="Go to Settings">⚙️ Settings</a>-->
      </div>
    </main>
  </div>

  <!-- Win Modal Screen Overlay -->

  <div class="win-modal" id="win-modal">

    <div class="win-modal-backdrop"></div>

    <div id="win-modal-content" class="win-modal-content">
      <canvas id="confetti-canvas"></canvas>

      <div class="win-sparkles"></div>

      <div class="win-banner">Lucky Winner!</div>

      <div class="winner-display-container">

        <div class="winner-label" id="winner-label-text">Congratulations</div>

        <div class="winner-name" id="winner-name-text">Awesome Name</div>
      </div>

      <!--<div class="modal-buttons">
        <button id="btn-modal-close" class="btn btn-primary btn-lg">Awesome! Continue</button>
      </div>-->
    </div>
  </div>

  <!-- Script file -->
  <script src="app.js?v=<?php echo time(); ?>"></script>
</body>

</html>