.top-leaderboard {
      display: flex;
      justify-content: center;
      gap: 1.5rem;
      margin-bottom: 1.5rem;
      flex-wrap: wrap;
      padding: 0 0.5rem;
      margin: 0 auto;
      max-width: 1150px;
      }
      .table-container.dice-table {
      margin: 0px 0 0 !important;
      /* text-align: center; */
      }
      .top-leaderboard-card {
      background: radial-gradient(circle at center, rgb(255 255 255 / 28%) 15%, #00000000 60%);
      border-radius: 1rem;
      width: 260px; /* Increased width */
      padding: 1.5rem 2rem 3rem 2rem; /* More padding */
      color: white;
      text-align: center;
      position: relative;
      flex: 1 1 200px;
      max-width: 280px;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      }
      .top-leaderboard-card .crown {
      position: absolute;
      top: 10px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 1.4rem;
      width: 28px;
      height: 28px;
      border-radius: 6px;
      display: flex;
      align-items: center;
      justify-content: center;
      filter: drop-shadow(0 0 2px rgba(0,0,0,0.7));
      }
      .top-leaderboard-card.rank-1 .crown {
      color: #805600;
      }
      .top-leaderboard-card.rank-2 .crown {
      color: #2b2b5a;
      }
      .top-leaderboard-card.rank-3 .crown {
      color: #3f1f0f;
      }
      .top-leaderboard-card .avatar-wrapper {
      width: 130px;
      height: 130px;
      margin: 40px auto 20px auto;
      border-radius: 12px;
      overflow: hidden;
      position: relative;
      }
      .top-leaderboard-card.rank-1 .avatar-wrapper {
      box-shadow: 0 0 18px 3px gold;
      }
      .top-leaderboard-card.rank-2 .avatar-wrapper {
      box-shadow: 0 0 18px 3px #7b7bfd;
      }
      .top-leaderboard-card.rank-3 .avatar-wrapper {
      box-shadow: 0 0 18px 3px #b26c3b;
      }
      .top-leaderboard-card .avatar-wrapper img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      }
      .top-leaderboard-card .username-label {
      padding: 0.5rem 1.5rem;
      border-radius: 12px;
      display: inline-block;
      font-weight: 600;
      margin-bottom: 1rem;
      max-width: 220px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 1.3rem;
      }
      .top-leaderboard-card.rank-1 .username-label {
      background: linear-gradient(180deg, #ffce46 22.92%, #ffa40b 87.5%);
      color: #3c2a00;
      }
      .top-leaderboard-card.rank-2 .username-label {
      background: linear-gradient(180deg, #c0cae2 22.92%, #656f92 87.5%);
      color: #202060;
      }
      .top-leaderboard-card.rank-3 .username-label {
      background: linear-gradient(180deg, #f18c4c 22.92%, #aa472d 87.5%);
      color: #3a1f00;
      }
      /* Stats layout with centered alignment */
      .top-leaderboard-card .stats {
      margin-top: auto;
      display: flex;
      justify-content: space-between;
      font-size: 1rem;
      gap: 1rem;
      }
      .top-leaderboard-card .stats .stat-block {
      display: flex;
      flex-direction: column;
      align-items: center;  /* center horizontally */
      justify-content: center; /* center vertically */
      width: 48%;
      }
      .top-leaderboard-card .stats .stat-block.prize {
      align-items: center;
      justify-content: center;
      }
      .top-leaderboard-card .stats .label {
      opacity: 0.6;
      font-size: 0.85rem;
      margin-bottom: 0.15rem;
      text-align: center;
      width: 100%;
      }
      .top-leaderboard-card .stats .value {
      font-weight: 700;
      font-size: 1.4rem;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.25rem;
      width: 100%;
      }
      .top-leaderboard-card .stats .value i.fa-coins {
      font-style: normal;
      font-weight: 900;
      color: #f4bf42;
      font-size: 1.5rem;
      }
      @media (max-width: 480px) {
      .top-leaderboard-card {
      width: 100%;
      max-width: 100%;
      margin-bottom: 1rem;
      padding: 1rem;
      }
      .top-leaderboard-card .avatar-wrapper {
      width: 100px;
      height: 100px;
      margin: 30px auto 15px auto;
      }
      .top-leaderboard-card .username-label {
      font-size: 1rem;
      padding: 0.3rem 1rem;
      margin-bottom: 0.7rem;
      }
      .top-leaderboard-card .stats {
      font-size: 0.8rem;
      gap: 0.5rem;
      }
      .top-leaderboard-card .stats .label {
      font-size: 0.65rem;
      }
      .top-leaderboard-card .stats .value {
      font-size: 1rem;
      }
      .top-leaderboard-card .stats .value i.fa-coins {
      font-size: 1.1rem;
      }
      }