.rank-goldknight {
  background: linear-gradient(90deg, 
    rgba(255, 215, 0, 0.18), 
    rgba(255, 193, 7, 0.12), 
    rgba(255, 215, 0, 0.08)) !important;
  border-left: 4px solid #FFD700 !important;
}

.rank-goldknight td {
  background: rgba(255, 215, 0, 0.1) !important;
}

.rank-silverknight {
  background: linear-gradient(90deg, 
    rgba(192, 192, 192, 0.18), 
    rgba(169, 169, 169, 0.12), 
    rgba(192, 192, 192, 0.08)) !important;
  border-left: 4px solid #C0C0C0 !important;
}

.rank-silverknight td {
  background: rgba(192, 192, 192, 0.1) !important;
}

.rank-mirageknight {
  background: linear-gradient(90deg, 
    rgba(255, 105, 180, 0.18), 
    rgba(255, 20, 147, 0.12), 
    rgba(255, 105, 180, 0.08)) !important;
  border-left: 4px solid #FF69B4 !important;
}

.rank-mirageknight td {
  background: rgba(255, 105, 180, 0.1) !important;
}

.rank-shadowknight {
  background: linear-gradient(90deg, 
    rgba(47, 47, 47, 0.25), 
    rgba(0, 0, 0, 0.18), 
    rgba(47, 47, 47, 0.12)) !important;
  border-left: 4px solid #2F2F2F !important;
}

.rank-shadowknight td {
  background: rgba(47, 47, 47, 0.15) !important;
}

.rank-mistknight {
  background: linear-gradient(90deg, 
    rgba(147, 112, 219, 0.18), 
    rgba(138, 43, 226, 0.12), 
    rgba(147, 112, 219, 0.08)) !important;
  border-left: 4px solid #9370DB !important;
}

.rank-mistknight td {
  background: rgba(147, 112, 219, 0.1) !important;
}

.rank-trainingknight {
  background: linear-gradient(90deg, 
    rgba(144, 238, 144, 0.18), 
    rgba(50, 205, 50, 0.12), 
    rgba(144, 238, 144, 0.08)) !important;
  border-left: 4px solid #90EE90 !important;
}

.rank-trainingknight td {
  background: rgba(144, 238, 144, 0.1) !important;
}

.rank-kareizgoldknight {
  background: linear-gradient(90deg, 
    rgba(255, 215, 0, 0.22), 
    rgba(255, 69, 0, 0.15), 
    rgba(255, 215, 0, 0.10)) !important;
  border-left: 4px solid #FFD700 !important;
  box-shadow: 0 0 10px rgba(255, 69, 0, 0.3) !important;
}

.rank-kareizgoldknight td {
  background: rgba(255, 215, 0, 0.12) !important;
}

.rank-karesizmirageknight {
  background: linear-gradient(90deg, 
    rgba(255, 105, 180, 0.22), 
    rgba(220, 20, 60, 0.15), 
    rgba(255, 105, 180, 0.10)) !important;
  border-left: 4px solid #FF69B4 !important;
  box-shadow: 0 0 10px rgba(220, 20, 60, 0.3) !important;
}

.rank-karesizmirageknight td {
  background: rgba(255, 105, 180, 0.12) !important;
}

.rank-karesizmistknight {
  background: linear-gradient(90deg, 
    rgba(221, 160, 221, 0.22), 
    rgba(139, 0, 139, 0.15), 
    rgba(221, 160, 221, 0.10)) !important;
  border-left: 4px solid #DDA0DD !important;
  box-shadow: 0 0 10px rgba(139, 0, 139, 0.3) !important;
}

.rank-karesizmistknight td {
  background: rgba(221, 160, 221, 0.12) !important;
}

.rank-karesizshadowknight {
  background: linear-gradient(90deg, 
    rgba(105, 105, 105, 0.25), 
    rgba(47, 47, 47, 0.18), 
    rgba(105, 105, 105, 0.12)) !important;
  border-left: 4px solid #696969 !important;
  box-shadow: 0 0 10px rgba(47, 47, 47, 0.4) !important;
}

.rank-karesizshadowknight td {
  background: rgba(105, 105, 105, 0.15) !important;
}

.rank-karesizsilverknight {
  background: linear-gradient(90deg, 
    rgba(229, 229, 229, 0.22), 
    rgba(176, 176, 176, 0.15), 
    rgba(229, 229, 229, 0.10)) !important;
  border-left: 4px solid #E5E5E5 !important;
  box-shadow: 0 0 10px rgba(176, 176, 176, 0.3) !important;
}

.rank-karesizsilverknight td {
  background: rgba(229, 229, 229, 0.12) !important;
}

.rank-karesiztrainingknight {
  background: linear-gradient(90deg, 
    rgba(173, 255, 47, 0.22), 
    rgba(34, 139, 34, 0.15), 
    rgba(173, 255, 47, 0.10)) !important;
  border-left: 4px solid #ADFF2F !important;
  box-shadow: 0 0 10px rgba(34, 139, 34, 0.3) !important;
}

.rank-karesiztrainingknight td {
  background: rgba(173, 255, 47, 0.12) !important;
}

.rank-pos-1 {
  background: linear-gradient(90deg, 
    rgba(255, 215, 0, 0.15), 
    rgba(255, 193, 7, 0.1), 
    rgba(255, 215, 0, 0.05)) !important;
  border-left: 4px solid #FFD700 !important;
}

.rank-pos-1 td {
  background: rgba(255, 215, 0, 0.08) !important;
}

.rank-pos-2 {
  background: linear-gradient(90deg, 
    rgba(192, 192, 192, 0.15), 
    rgba(169, 169, 169, 0.1), 
    rgba(192, 192, 192, 0.05)) !important;
  border-left: 4px solid #C0C0C0 !important;
}

.rank-pos-2 td {
  background: rgba(192, 192, 192, 0.08) !important;
}

.rank-pos-3 {
  background: linear-gradient(90deg, 
    rgba(205, 127, 50, 0.15), 
    rgba(184, 134, 11, 0.1), 
    rgba(205, 127, 50, 0.05)) !important;
  border-left: 4px solid #CD7F32 !important;
}

.rank-pos-3 td {
  background: rgba(205, 127, 50, 0.08) !important;
}

.rank-pos-4,
.rank-pos-5 {
  background: linear-gradient(90deg, 
    rgba(70, 130, 180, 0.12), 
    rgba(100, 149, 237, 0.08), 
    rgba(70, 130, 180, 0.04)) !important;
  border-left: 4px solid #4682B4 !important;
}

.rank-pos-4 td,
.rank-pos-5 td {
  background: rgba(70, 130, 180, 0.06) !important;
}

.rank-pos-6,
.rank-pos-7,
.rank-pos-8,
.rank-pos-9,
.rank-pos-10 {
  background: linear-gradient(90deg, 
    rgba(60, 179, 113, 0.12), 
    rgba(46, 125, 50, 0.08), 
    rgba(60, 179, 113, 0.04)) !important;
  border-left: 4px solid #3CB371 !important;
}

.rank-pos-6 td,
.rank-pos-7 td,
.rank-pos-8 td,
.rank-pos-9 td,
.rank-pos-10 td {
  background: rgba(60, 179, 113, 0.06) !important;
}

.player-name {
  color: #00FFFF !important;
  font-weight: 600 !important;
  text-shadow: 0 0 10px rgba(0, 255, 255, 0.6) !important;
  text-decoration: none !important;
}

.player-name:hover {
  color: #33FFFF !important;
  text-shadow: 0 0 15px rgba(0, 255, 255, 0.8) !important;
  text-decoration: none !important;
}

.clan-name {
  color: #FF3333 !important;
  font-weight: 600 !important;
  text-shadow: 0 0 8px rgba(255, 51, 51, 0.5) !important;
  text-decoration: none !important;
}

.clan-name:hover {
  color: #FF5555 !important;
  text-shadow: 0 0 12px rgba(255, 51, 51, 0.7) !important;
  text-decoration: none !important;
}

.clan-name::before {
  content: '⚔ ';
  color: #FF6666;
  margin-right: 3px;
}