body {
        font-family: poppins, cursive;
        text-align: center;
      background: url(images/ddd.png) no-repeat center center fixed;
      margin: 0;
      background-size: cover;
      overflow: hidden;
    }

    .game-container {
      position: relative;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
    }

    .bubble {
      position: absolute;
      border-radius: 50%;
      text-align: center;
      line-height: 50px;
      font-size: 18px;
      font-weight: bold;
      color: black;
      /* background: radial-gradient(circle, #ce9ab0, #726ae5); */
      background: rgba(255, 255, 255, 0.8);
      box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
      width: 50px;
      height: 50px;
      cursor: pointer;
      animation: float 5s linear infinite; 
    }

    button {
  font-size: 1.5rem;
  padding: 10px 20px;
  background-color: whitesmoke;
  color: darkcyan;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0px 4px 6px rgba(1, 0, 0, 0.2);
  font-weight: bold;
}


    @keyframes float {
      0% {
        transform: translateY(0);
      }
      100% {
        transform: translateY(-50px);
      }
    }

    .scoreboard {
      position: fixed;
      top: 10px;
      left: 50%;
      transform: translateX(-50%);
      display: none;
      gap: 20px;
      font-size: 24px;
      background: rgba(0, 0, 0, 0.5);
      color: white;
      padding: 10px 20px;
      border-radius: 10px;
    }

    .winner {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 36px;
      background: rgba(0, 0, 0, 0.7);
      color: white;
      padding: 20px 40px;
      border-radius: 20px;
      display: none;
      text-align: center;
    }

    .player-select {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 24px;
      background: rgba(0, 0, 0, 0.7);
      color: white;
      padding: 20px;
      border-radius: 20px;
      text-align: center;
    }

    .player-select button {
      margin: 10px;
      padding: 10px 20px;
      font-size: 18px;
      cursor: pointer;
      border: none;
      border-radius: 10px;
      background: green;
      color: white;
    }

    .player-select button:hover {
      background:cyan ;
      color: black;
    }

    .hand {
      position: absolute;
      width: 50px;
      height: 50px;
      background: url('https://upload.wikimedia.org/wikipedia/commons/8/8e/Hand_cursor_icon_%28white%29.png') no-repeat center;
      background-size: contain;
      pointer-events: none;
      display: none;
    }

    .game-intro {
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 36px;
      background: rgba(0, 0, 0, 0.7);
      color: white;
      padding: 20px 40px;
      border-radius: 20px;
      text-align: center;
    }

    .restart {
      font-size: 1.5rem;
      padding: 10px 20px;
      position: fixed;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      background: white;
      color: blueviolet;
      padding: 10px 20px;
      border-radius: 10px;
      cursor: pointer;
      display: none;
      font-weight: bolder;
    }

    .restart:hover {
      background: lightblue;
    }