/* Rank Card Borders */
.rank-card {
  border: 3px solid transparent;
  transition: all 0.3s ease;
}

.rank-unranked { border-color: #333; }
.rank-bronze { border-color: #CD7F32; box-shadow: 0 0 15px rgba(205, 127, 50, 0.2); }
.rank-silver { border-color: #C0C0C0; box-shadow: 0 0 15px rgba(192, 192, 192, 0.2); }
.rank-gold { border-color: #FFD700; box-shadow: 0 0 15px rgba(255, 215, 0, 0.2); }
.rank-platinum { border-color: #E5E4E2; box-shadow: 0 0 15px rgba(229, 228, 226, 0.2); }
.rank-diamond { border-color: #B9F2FF; box-shadow: 0 0 15px rgba(185, 242, 255, 0.2); }
.rank-master { border-color: #9B59B6; box-shadow: 0 0 15px rgba(155, 89, 182, 0.3); }
.rank-survivor { border-color: #E74C3C; box-shadow: 0 0 20px rgba(231, 76, 60, 0.4); }
.rank-predator { border-color: #E74C3C; box-shadow: 0 0 20px rgba(231, 76, 60, 0.4); }

/* Rank Icons */
.rank-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: -12px;
  right: -12px;
  z-index: 10;
  border: 2px solid rgba(0, 0, 0, 0.3);
}

.rank-icon-unranked { background: linear-gradient(135deg, #555, #333); }
.rank-icon-bronze { background: linear-gradient(135deg, #CD7F32, #8B4513); }
.rank-icon-silver { background: linear-gradient(135deg, #C0C0C0, #808080); }
.rank-icon-gold { background: linear-gradient(135deg, #FFD700, #FFA500); }
.rank-icon-platinum { background: linear-gradient(135deg, #E5E4E2, #B0B0B0); }
.rank-icon-diamond { background: linear-gradient(135deg, #B9F2FF, #00BFFF); }
.rank-icon-master { background: linear-gradient(135deg, #9B59B6, #6C3483); }
.rank-icon-survivor { background: linear-gradient(135deg, #E74C3C, #C0392B); }
.rank-icon-predator { background: linear-gradient(135deg, #E74C3C, #C0392B); }

/* Large Rank Icon (avatar) */
.rank-icon-lg {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}
.rank-icon-lg img {
  border-radius: 50%;
}
.rank-icon-fallback {
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
}
.rank-survivor .rank-icon-lg,
.rank-predator .rank-icon-lg {
  animation: rankGlow 2s ease-in-out infinite;
}

/* Rank Glow Animation */
@keyframes rankGlow {
  0%, 100% { filter: brightness(1); box-shadow: 0 0 15px rgba(231, 76, 60, 0.3); }
  50% { filter: brightness(1.2); box-shadow: 0 0 25px rgba(231, 76, 60, 0.6); }
}

/* Rank Text Colors */
.rank-text-unranked { color: #1e293b; font-weight: 700; }
.rank-text-bronze { color: #1e293b; font-weight: 700; }
.rank-text-silver { color: #1e293b; font-weight: 700; }
.rank-text-gold { color: #1e293b; font-weight: 700; }
.rank-text-platinum { color: #1e293b; font-weight: 700; }
.rank-text-diamond { color: #1e293b; font-weight: 700; }
.rank-text-master { color: #1e293b; font-weight: 700; }
.rank-text-survivor { color: #1e293b; font-weight: 700; }
.rank-text-predator { color: #1e293b; font-weight: 700; }