/* seiten-profil: Spielerprofil (Jetzt-Block, Reiter) und Teilnehmerliste */
.pf-satz { margin: -6px 0 12px; }
.pf-reiter[hidden] { display: none; }
.pf-mehr { margin-top: 8px; }
.pf-mehr > summary { cursor: pointer; font-weight: 600; font-size: 14px; padding: 6px 0; }
.pf-mehr > summary:hover { text-decoration: underline; }

/* Oben: Gerade jetzt + Kernzahlen */
.pj-raster { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 16px; margin-bottom: 8px; align-items: start; }
.pj-status { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; background: var(--flaeche-2); padding: 12px; box-shadow: var(--outline); margin: var(--px); }
.pj-status.ist-live { background: #ffe1dc; }
.pj-status > div { flex: 1 1 180px; min-width: 0; }
.pj-status b { display: block; font-size: 18px; }
.pj-status span:not(.punkt) { color: var(--text-2); font-size: 14px; }
.pj-status .punkt { flex: none; width: 12px; height: 12px; }
.pj-fakten { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px 14px; margin: 14px 0 0; font-size: 14px; }
.pj-fakten dt { color: var(--text-3); font-weight: 600; }
.pj-fakten dd { margin: 0; overflow-wrap: anywhere; }
.pj-zahlen .plaetze { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pj-zahlen .platz b { font-size: 20px; }
.pj-mehr { margin-top: 12px; }

/* Teilnehmerliste: aktueller Stream-Titel unter dem Namen */
.tn-text { min-width: 0; }
.tn-titel { display: block; font-size: 12px; color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 800px) {
  .pj-raster { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 480px) {
  .pj-fakten { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .pj-fakten dd { margin-bottom: 8px; }
  .pj-status .knopf { width: 100%; text-align: center; }
}