/*
 * ranks/app.css — App "Ranglisten": Spiele-Zeilen mit Kachel, Kopf mit Spielen-Knopf,
 * Reaktionen, Bestenliste (Podium), anonyme Stimmen gedaempft (Admin).
 */

.ranks-cell .app-tile {
  --icon-size: 34px;
  flex: none;
  border-radius: 9px;
}

.ranks-cell {
  gap: var(--sp-3);
}

.ranks-stars {
  letter-spacing: 0.02em;
}

.ranks-head {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  margin: var(--sp-2) 0 var(--sp-4);
}

.ranks-head .app-tile {
  --icon-size: 64px;
  flex: none;
}

.ranks-head-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.ranks-title {
  margin: 0;
}

.ranks-avg {
  color: #ffcc00;
  font-size: var(--fs-sm);
}

/* Bewerten in der Gruppe: ohne Trennlinie der Ende-Karte */
.ranks-head ~ .kit-group .rating {
  margin: 0;
  padding: var(--sp-3) var(--sp-4);
  border-top: 0;
}

.ranks-pad {
  margin: 0;
  padding: var(--sp-3) var(--sp-4);
}

.ranks-muted {
  color: var(--bar-fg-faint);
  font-size: var(--fs-sm);
}

.ranks-emoji {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sp-3);
  font-size: 18px;
}

.ranks-podium .kit-cell-label {
  font-weight: 700;
}

.ranks-anon {
  opacity: 0.7;
}