/* Perbaikan khusus ruang soal — dimuat terakhir dan memakai berkas baru untuk menghindari cache CSS lama. */
.premium-game-room .room-play-area {
  display: block;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: #dda1c8 transparent;
}
.premium-game-room .room-play-area > .phase-card.play-question {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: auto !important;
  min-height: 100% !important;
  max-height: none !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
  padding: clamp(14px, 1.5vw, 24px) !important;
  gap: clamp(12px, 1.6vh, 18px) !important;
  text-align: left;
}
.premium-game-room .question-session-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
  flex-wrap: wrap;
  width: 100%;
  min-width: 0;
  flex: none;
}
.premium-game-room .question-session-person {
  display: grid;
  gap: 8px;
  align-items: start;
  min-width: 0;
  flex: 1 1 230px;
}
.premium-game-room .question-session-person > .eyebrow { justify-self: start; padding: 6px 11px; font-size: .73rem; }
.premium-game-room .question-session-person > h2 {
  font-size: clamp(1.12rem, 1.85vw, 1.55rem);
  line-height: 1.24;
  text-align: left;
  margin: 0;
  white-space: normal;
}
.premium-game-room .question-session-timer {
  flex: 0 0 auto !important;
  min-width: 118px;
  max-width: 100%;
  text-align: right !important;
  font-size: clamp(2.4rem, 4vw, 3.6rem) !important;
  line-height: 1.05 !important;
  letter-spacing: -.065em;
}
.premium-game-room .room-play-area > .play-question > .question-paper,
.premium-game-room .room-play-area > .play-question > .play-question-body {
  box-sizing: border-box !important;
  display: block !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  position: relative !important;
  align-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 160px !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: clamp(18px, 2.1vw, 29px) !important;
  overflow: visible !important;
  text-align: left !important;
  white-space: normal !important;
  color: #421332;
  font-size: clamp(1.06rem, 1.32vw, 1.22rem);
  line-height: 1.7;
  overflow-wrap: anywhere;
  word-break: normal;
  border: 1px solid #efc6dc;
  border-radius: 18px;
  background: #fff;
}
.premium-game-room .question-paper > :first-child { margin-top: 0 !important; }
.premium-game-room .question-paper > :last-child { margin-bottom: 0 !important; }
.premium-game-room .question-paper :is(p,div,span,blockquote,li) {
  max-width: 100%;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
.premium-game-room .question-paper :is(img,video,iframe) { max-width: 100% !important; height: auto; }
.premium-game-room .question-paper iframe { aspect-ratio: 16/9; }
.premium-game-room .question-paper table { width: 100% !important; max-width: 100% !important; table-layout: fixed; }
.premium-game-room .question-paper :is(th,td) { max-width: 100%; overflow-wrap: anywhere; white-space: normal !important; }
.premium-game-room .question-session-footer {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 9px 14px;
  min-width: 0;
}
.premium-game-room .question-session-footer > .subtle { flex: 1 1 250px; margin: 0; line-height: 1.4; }
.premium-game-room .question-session-footer > .btn { flex: none; }
/* Penanganan gambar/video/tabel tidak boleh memaksa dokumen keluar dari viewport. */
.premium-game-room .room-columns, .premium-game-room .room-play-area, .premium-game-room .question-paper { min-width: 0; }
@media (max-width: 900px) {
  .premium-game-room .room-columns { grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto; }
  .premium-game-room .room-play-area { overflow-y: visible !important; height: auto; }
  .premium-game-room .room-play-area > .phase-card.play-question { min-height: 0 !important; }
  .premium-game-room .room-score-panel { max-height: 320px; min-height: 170px; }
}
@media (max-width: 640px) {
  .premium-game-room .room-play-area > .phase-card.play-question { padding: 13px 12px !important; gap: 12px !important; }
  .premium-game-room .question-session-heading { flex-wrap: nowrap; gap: 8px; }
  .premium-game-room .question-session-person { flex-basis: 140px; }
  .premium-game-room .question-session-person > .eyebrow { font-size: .64rem; padding: 5px 8px; }
  .premium-game-room .question-session-person > h2 { font-size: 1.08rem; }
  .premium-game-room .question-session-timer { font-size: clamp(1.85rem, 8vw, 2.5rem) !important; min-width: 85px; }
  .premium-game-room .room-play-area > .play-question > .question-paper,
  .premium-game-room .room-play-area > .play-question > .play-question-body {
    min-height: 155px !important;
    padding: 16px 14px !important;
    line-height: 1.6;
    font-size: 1.05rem;
  }
  .premium-game-room .question-session-footer > .subtle { flex-basis: 100%; }
}