/* Kartu Soal — Revisi 21: soal hanya tersedia selama waktu berjalan. */
.player-shell .spectator-main.live-question-active {
  justify-content: safe center;
  align-items: center;
  text-align: center;
  min-width: 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  gap: clamp(8px, 1.2vh, 16px);
}
.player-shell .live-question-active .live-round-heading {width:100%; flex:none; text-align:center}
.player-shell .live-question-active .timer {flex:none; margin:0 auto}
.player-shell .live-question-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 100%;
  max-width: 920px;
  min-width: 0;
  gap: 12px;
  margin-inline: auto;
}
.player-shell .live-question-area .spectator-question {
  width: 100%;
  min-width: 0;
  padding: clamp(18px, 2.5vw, 32px);
  text-align: center;
  font-size: clamp(1rem, 1.7vw, 1.28rem);
  line-height: 1.7;
  overflow-wrap: anywhere;
  white-space: normal;
  border-radius: 20px;
}
.player-shell .live-question-area .spectator-question p,
.player-shell .live-question-area .spectator-question div {
  max-width: 100%;
  text-align: center;
}
.player-shell .live-question-area .spectator-question img {max-width:100%; height:auto; object-fit:contain}
.player-shell .live-question-area .live-choices {width:100%;max-width:920px}
.player-shell .live-question-footer {display:grid;justify-items:center;gap:5px;text-align:center;flex:none}
.player-shell .live-question-footer p {margin:0;line-height:1.4}
@media (max-width:760px) {
 .player-shell .spectator-main.live-question-active {min-height:300px;gap:10px}
 .player-shell .live-question-area .spectator-question {padding:18px 14px;font-size:1rem}
 .player-shell .live-question-area .live-choices {grid-template-columns:minmax(0,1fr)}
}