/* Ranking compacto: posición, nombre interactivo y puntos.
   Las acciones de amistad y duelo se muestran al abrir el perfil. */
body[data-pc-app="player"] #app .ranking-list .rank-row{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  grid-template-rows:auto;
  align-items:center;
  gap:9px;
  min-width:0;
  min-height:50px;
  padding:10px 7px;
}
body[data-pc-app="player"] #app .ranking-list .rank-row > b{
  grid-column:1;
  grid-row:1;
  white-space:nowrap;
}
body[data-pc-app="player"] #app .ranking-list .rank-row > button.pc-rank-person-open{
  grid-column:2;
  grid-row:1;
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  max-width:100%;
  width:100%;
  min-height:44px;
  padding:0;
  border:0;
  background:none;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
body[data-pc-app="player"] #app .ranking-list .rank-row .pc-rank-person-open .rank-avatar{
  display:grid;
  place-items:center;
  flex:0 0 36px;
  width:36px;
  height:36px;
}
body[data-pc-app="player"] #app .ranking-list .rank-row .pc-rank-person-open .pc-rank-person-name{
  flex:1 1 auto;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px;
  line-height:1.3;
  font-weight:750;
  color:inherit;
}
body[data-pc-app="player"] #app .ranking-list .rank-row .pc-rank-row-chevron{
  flex:none;
  color:#d2afe8;
  font-size:20px;
  line-height:1;
  opacity:.8;
}
body[data-pc-app="player"] #app .ranking-list .rank-row > strong{
  grid-column:3;
  grid-row:1;
  justify-self:end;
  white-space:nowrap;
  font-size:12px;
}
body[data-pc-app="player"] #app .ranking-list .rank-row > button.pc-rank-person-open:focus-visible{
  outline:2px solid #ffdda9;
  outline-offset:3px;
  border-radius:9px;
}
@media(max-width:380px){
  body[data-pc-app="player"] #app .ranking-list .rank-row{
    grid-template-columns:24px minmax(0,1fr) auto;
    gap:7px;
    padding:8px 4px;
  }
  body[data-pc-app="player"] #app .ranking-list .rank-row .pc-rank-person-open .rank-avatar{
    flex-basis:32px;
    width:32px;
    height:32px;
  }
}