/* Shared reading style for every exercise. */
body, button, input, textarea, summary,
#gameScr *, #chapScr *, #listScr *, #endOv * {
  font-family: "Segoe UI", Arial, sans-serif !important;
  letter-spacing: normal !important;
  text-shadow: none !important;
}
#gameScr .qbig {font-size:clamp(21px,2vw,27px);font-weight:650;line-height:1.45;color:#213b60;text-wrap:wrap;}
#gameScr .cards3,
#gameScr .cards3:has(> .opt:nth-child(2):last-child) {
  grid-template-columns:minmax(0,1fr);width:100%;max-width:760px;gap:14px;
}
#gameScr .cards3 .opt.txt,
#gameScr .cards3:has(> .opt:nth-child(2):last-child) .opt.txt {
  min-height:78px;height:auto;aspect-ratio:auto;padding:18px 68px 18px 24px;
  align-items:flex-start;justify-content:center;text-align:left;
}
#gameScr .opt .otext {
  width:100%;font-size:20px;font-weight:600;line-height:1.5;
  color:#243449;text-align:left;white-space:normal;word-break:normal;
  overflow-wrap:break-word;text-wrap:wrap;
}
#gameScr .cards3 .opt.txt .radio,
#gameScr .cards3:has(> .opt:nth-child(2):last-child) .opt.txt .radio {
  left:auto;right:20px;top:50%;bottom:auto;transform:translateY(-50%);width:28px;height:28px;
}
#gameScr .mitem,#gameScr .line,#gameScr .chip,#gameScr .reflection-row {
  font-size:20px;font-weight:600;line-height:1.5;word-break:normal;overflow-wrap:break-word;
}
#gameScr .qsub,#gameScr .hintline,#gameScr .qpill {font-size:17px;font-weight:500;line-height:1.45;}
@media(max-width:560px){
  #gameScr .cards3 .opt.txt,
  #gameScr .cards3:has(> .opt:nth-child(2):last-child) .opt.txt {padding:16px 52px 16px 18px;min-height:74px;}
  #gameScr .opt .otext,#gameScr .mitem,#gameScr .line,#gameScr .chip,#gameScr .reflection-row {font-size:18px;}
  #gameScr .cards3 .opt.txt .radio,
  #gameScr .cards3:has(> .opt:nth-child(2):last-child) .opt.txt .radio {right:14px;width:26px;height:26px;}
}

/* Restore the original answer-card arrangement. */
@media(min-width:561px){
 #gameScr .cards3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:920px;gap:20px;}
 #gameScr .cards3:has(> .opt:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px;gap:24px;}
 #gameScr .cards3 .opt.txt,#gameScr .cards3:has(> .opt:nth-child(2):last-child) .opt.txt{min-height:154px;padding:20px 18px 58px;align-items:center;text-align:center;}
 #gameScr .opt .otext{text-align:center;font-size:18px;line-height:1.45;}
 #gameScr .cards3 .opt.txt .radio,#gameScr .cards3:has(> .opt:nth-child(2):last-child) .opt.txt .radio{left:50%;right:auto;top:auto;bottom:12px;transform:translateX(-50%);width:30px;height:30px;}
}


.total-score{margin:12px auto;padding:10px 22px;width:fit-content;background:#fff;border:2px solid #d8d1f7;border-radius:24px;color:#43327d;font:700 18px "Segoe UI",sans-serif;text-align:center}.score-note{text-align:center;color:#31426b;font:14px "Segoe UI",sans-serif;margin:0 0 18px}.game-total{margin:4px auto;padding:4px 16px;font-size:14px;flex-shrink:0}

#listCards .pcard .ic{font-family:"Segoe UI Emoji","Segoe UI Symbol",sans-serif!important;font-size:27px;display:flex;align-items:center;justify-content:center;flex-shrink:0} #listSubBadge{line-height:1.6;white-space:normal} #listCards .dd{font-size:13px;line-height:1.5}