/* Pubquiz Teamcaptain: Krone des Captains im ganzen Spiel (Figuren auf Podest, Siegerfolie, Roster; Handy-Rahmen) und die Captain-Anzeige
   der Moderation. Animiert wird nur mit transform und opacity; bei reduzierter Bewegung und ausgeschalteten Animationen (Klasse
   `pq-crown--still`, `pq-figures-still` am Wurzelelement) steht die Krone sofort da. */

.pq-crown {
  display: inline-block;
  width: 1.5em;
  height: 1.05em;
  flex: none;
  vertical-align: -0.2em;
  pointer-events: none;
}
.pq-crown svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

/* Auf der Figur: sitzt mittig auf dem Glashelm (Entwurf C: 40 × 27,5 Einheiten ab 17 über dem Helm, 1 Einheit = 0,12 × --pq-k),
   leicht schräg, über dem Helmrand. */
.pq-figure__person > .pq-crown {
  position: absolute;
  top: calc(var(--pq-head-top, 0px) - 2.05 * var(--pq-k));
  left: 50%;
  z-index: 4;
  width: calc(4.8 * var(--pq-k));
  height: calc(3.3 * var(--pq-k));
  vertical-align: baseline;
  transform: translateX(-50%) rotate(-9deg);
  transform-origin: 50% 100%;
  animation: pq-crown-pop 0.45s cubic-bezier(0.2, 0.9, 0.3, 1.3) both;
}
@keyframes pq-crown-pop {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(calc(-3 * var(--pq-k))) rotate(-9deg) scale(0.6);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) rotate(-9deg);
  }
}

/* Kopfzeile des Handy-Rahmens: Krone vor dem Teamnamen (Schrift steht auf der Teamfarbe, die Krone hat eigene Kontur). */
.pq-frame-team > .pq-crown {
  width: 1.45em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: -0.12em;
}

/* Ohne Animation: reduzierte Bewegung, Schalter „Avatare und Animationen“ aus. */
.pq-crown--still,
.pq-figures-still .pq-crown {
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .pq-crown {
    animation: none !important;
  }
}

/* Moderation: eine Zeile je Team mit dem Captain bzw. „Captain wird gewählt“. */
.pq-captain-mod {
  margin: 12px 0;
  padding: 10px 12px;
  border: 1px solid var(--border, rgba(127, 127, 127, 0.35));
  border-radius: 10px;
}
.pq-captain-mod__title {
  margin: 0 0 6px;
  font-size: 0.95rem;
  font-weight: 800;
}
.pq-captain-mod__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pq-captain-mod__line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 44px;
}
.pq-captain-mod__text {
  font-weight: 700;
  overflow-wrap: anywhere;
}