/* Neon Gladiators - Skin System */

/* Rank Styles */
.rank-novice { color: #888; }
.rank-warrior { color: #4a9; }
.rank-veteran { color: #49a; }
.rank-elite { color: #a4a; }
.rank-champion { color: #aa4; }
.rank-legend { color: #a44; }
.rank-mythic { color: #44a; }
.rank-immortal { color: #a94; }
.rank-godlike { color: #f44; text-shadow: 0 0 10px #f44; }
.rank-transcendent { color: #f0f; text-shadow: 0 0 15px #f0f; }

/* Skin Styles */
.skin-default { fill: #0ff; stroke: #0aa; }
.skin-red { fill: #f44; stroke: #a00; }
.skin-blue { fill: #44f; stroke: #00a; }
.skin-green { fill: #4f4; stroke: #0a0; }
.skin-gold { fill: #ffd700; stroke: #b8860b; filter: drop-shadow(0 0 5px #ffd700); }
.skin-purple { fill: #a0f; stroke: #60a; filter: drop-shadow(0 0 8px #a0f); }

/* Player Glow Effects */
.player-glow-default { filter: drop-shadow(0 0 3px #0ff); }
.player-glow-red { filter: drop-shadow(0 0 3px #f44); }
.player-glow-blue { filter: drop-shadow(0 0 3px #44f); }
.player-glow-green { filter: drop-shadow(0 0 3px #4f4); }
.player-glow-gold { filter: drop-shadow(0 0 8px #ffd700); }
.player-glow-purple { filter: drop-shadow(0 0 8px #a0f); }

/* Leaderboard Styles */
.leaderboard-item {
  display: flex;
  align-items: center;
  padding: 8px;
  margin: 4px 0;
  background: rgba(0,0,0,0.3);
  border-radius: 8px;
}

.leaderboard-rank {
  width: 30px;
  text-align: center;
  font-weight: bold;
  margin-right: 10px;
}

.leaderboard-name {
  flex: 1;
}

.leaderboard-xp {
  margin-right: 10px;
}

.leaderboard-level {
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 0.8em;
}

/* Shop Styles */
.shop-item {
  border: 2px solid #333;
  border-radius: 8px;
  padding: 15px;
  margin: 10px;
  text-align: center;
  background: rgba(0,0,0,0.5);
  transition: all 0.3s;
}

.shop-item:hover {
  border-color: #0ff;
  transform: translateY(-2px);
}

.shop-item.owned {
  border-color: #0a0;
  opacity: 0.8;
}

.shop-item .rarity-common { color: #888; }
.shop-item .rarity-rare { color: #49a; }
.shop-item .rarity-epic { color: #a4a; }
.shop-item .rarity-legendary { color: #ffd700; }

/* Neue Skins - Season 1 */
.skin-neon-pulse { 
    fill: #0ff; 
    stroke: #fff; 
    animation: neon-pulse 2s infinite;
}
@keyframes neon-pulse {
    0%, 100% { filter: drop-shadow(0 0 5px #0ff); }
    50% { filter: drop-shadow(0 0 20px #0ff); }
}

.skin-cyber-glitch {
    fill: #f0f;
    stroke: #0ff;
    animation: glitch 3s infinite;
}
@keyframes glitch {
    0%, 90%, 100% { transform: translate(0); }
    92% { transform: translate(-2px, 2px); }
    94% { transform: translate(2px, -2px); }
    96% { transform: translate(-2px, -2px); }
    98% { transform: translate(2px, 2px); }
}

.skin-golden-dragon {
    fill: #ffd700;
    stroke: #ff8c00;
    filter: drop-shadow(0 0 15px #ffd700);
}

.skin-dark-matter {
    fill: #222;
    stroke: #444;
    filter: drop-shadow(0 0 10px #000);
}

.skin-plasma {
    fill: #0ff;
    stroke: #f0f;
    animation: plasma-shift 4s infinite;
}
@keyframes plasma-shift {
    0% { fill: #0ff; }
    33% { fill: #f0f; }
    66% { fill: #ff0; }
    100% { fill: #0ff; }
}

.skin-ice-queen {
    fill: #e0ffff;
    stroke: #b0e0e6;
    filter: drop-shadow(0 0 8px #e0ffff);
}

.skin-volcanic {
    fill: #ff4500;
    stroke: #8b0000;
    filter: drop-shadow(0 0 12px #ff4500);
}

.skin-toxic-waste {
    fill: #7fff00;
    stroke: #228b22;
    animation: toxic-glow 3s infinite;
}
@keyframes toxic-glow {
    0%, 100% { filter: drop-shadow(0 0 5px #7fff00); }
    50% { filter: drop-shadow(0 0 15px #7fff00); }
}

.skin-cosmic {
    fill: #4b0082;
    stroke: #8a2be2;
    filter: drop-shadow(0 0 10px #4b0082);
}