.pred-me-card {
  max-width: 800px; margin: 0 auto 24px;
  background: linear-gradient(135deg, rgba(96,212,255,0.1), rgba(255,201,60,0.05));
  border: 1px solid rgba(96,212,255,0.3);
  border-radius: 14px;
  padding: 18px 24px;
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
}
.pred-me-avatar {
  width: 52px; height: 52px; border-radius: 50%;
  background: rgba(96,212,255,0.15) center/cover;
  border: 2px solid rgba(96,212,255,0.4);
}
.pred-me-text { flex: 1; min-width: 200px; }
.pred-me-name { font-size: 16px; font-weight: 800; color: #fff; }
.pred-me-stats { font-size: 13px; color: #98a8b3; margin-top: 2px; }
.pred-me-stats b { color: #FFC93C; font-family: Consolas, monospace; }
.pred-me-medals { display: flex; gap: 6px; flex-wrap: wrap; }
.pred-me-medal {
  background: rgba(255,201,60,0.1);
  border: 1px solid rgba(255,201,60,0.3);
  color: #FFC93C;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 11px; font-weight: 700; letter-spacing: 0.05em;
}

.pred-leaderboard {
  max-width: 900px; margin: 0 auto;
  background: rgba(13,20,23,0.55);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  overflow: hidden;
}
.pred-row {
  display: grid;
  grid-template-columns: 60px 60px 1fr 90px 90px 90px;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  transition: background 0.15s;
}
.pred-row:hover { background: rgba(96,212,255,0.04); }
.pred-row.head {
  background: rgba(255,255,255,0.03);
  font-size: 11px; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase;
  color: #98a8b3;
}
.pred-rank {
  font-family: Consolas, monospace; font-weight: 800; font-size: 16px;
  color: #98a8b3;
  text-align: center;
}
.pred-rank.gold { color: #FFC93C; font-size: 18px; }
.pred-rank.silver { color: #c0c0c0; }
.pred-rank.bronze { color: #cd7f32; }
.pred-avatar {
  width: 40px; height: 40px; border-radius: 50%;
  background: rgba(255,255,255,0.05) center/cover;
  border: 1px solid rgba(255,255,255,0.1);
}
.pred-name { font-weight: 700; color: #fff; font-size: 14px; }
.pred-correct { font-family: Consolas, monospace; color: #7be383; font-weight: 700; text-align: center; }
.pred-total { font-family: Consolas, monospace; color: #98a8b3; text-align: center; }
.pred-rate {
  font-family: Consolas, monospace; color: #FFC93C; font-weight: 700; text-align: center;
  background: rgba(255,201,60,0.08);
  padding: 4px 8px; border-radius: 6px;
  border: 1px solid rgba(255,201,60,0.2);
}

.pred-empty {
  padding: 60px 20px; text-align: center;
  color: #98a8b3; font-size: 14px;
}

@media (max-width: 700px) {
  .pred-row { grid-template-columns: 40px 40px 1fr 70px; gap: 8px; padding: 10px 14px; font-size: 12px; }
  .pred-row .pred-total, .pred-row .pred-rate-label-total, .pred-row .pred-rate-label-rate { display: none; }
  .pred-rate { font-size: 12px; }
}