/* Nowe tryby fabularne SzeptoGry: czytelne na telefonie i klawiaturze. */
.sgx-quote{margin:20px 0;padding:20px 24px;border-left:4px solid var(--rose-2);border-radius:0 16px 16px 0;background:var(--surface-2);font-family:var(--serif);font-size:clamp(20px,3vw,27px);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.sgx-scene{font-size:clamp(18px,2.3vw,23px);line-height:1.65;padding:20px;border:1px solid var(--line-2);background:var(--surface);border-radius:18px;overflow-wrap:anywhere}
.sgx-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.sgx-options .answer{min-height:96px;text-align:left}
.sgx-path{margin:12px 0 24px;padding-left:25px;color:var(--muted)}
.sgx-path li{margin:8px 0}
.sgx-plan{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;max-width:620px;margin:20px 0}
.sgx-plan label{display:block;font-weight:700;margin-top:8px}
.sgx-plan select{display:block;width:100%;min-width:0}
@media(max-width:640px){.sgx-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sgx-options .answer{transition:none}}