background: conic-gradient(#4b90ff var(--percent), #dce6ff 0deg);
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
}

.countdown-circle span {
  font-size:26px;
  font-weight:bold;
  color:#002b6b;
}

.countdown-label {
  text-align:center;
  font-size:18px;
  margin-top:10px;
  color:#444;
}


/* ==================== RANKING BOX ==================== */

#tournament-ranking {
  margin:30px auto;
  max-width:500px;
  background:#0d1b2a;
  padding:20px;
  border-radius:12px;
  border:1px solid #2f3e53;
  box-shadow:0 0 12px rgba(0,0,0,0.2);
}

#tournament-ranking h3 {
  color:#72b6ff;
  text-align:center;
  margin-bottom:15px;
}

.rank-item {
  display:flex;
  justify-content:space-between;
  padding:10px 5px;
  border-bottom:1px solid #2a3648;
  color:#dce6ff;
}

.rank-item:nth-child(1) {
  background:#183153;
  border-radius:8px;
  border:1px solid gold;
}

.rank-item .user {
  font-weight:bold;
}

.rank-item:last-child {
  border-bottom:none;
}
#btn-fullscreen {
background: linear-gradient(135deg, rgba(239,68,68,.98), rgba(251,113,133,.92));
      border-color: rgba(255,255,255,.18);
}