/* Readable answers with a real preview of their consequences. */
.answer{gap:12px;padding:11px 66px 11px 14px;align-items:center}
.answer-copy strong{font-size:18px;line-height:1.65;font-weight:600;color:#fff1d3;-webkit-line-clamp:2}
.answer-copy .answer-description{font-size:13px;line-height:1.65;color:#c2d4dc;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-top:3px}
.answer-symbol{width:40px;height:43px}.answer-symbol>.painted-icon{width:37px;height:37px}.answer-symbol kbd{right:-2px;bottom:-3px;font-size:10px;min-width:18px;min-height:18px}
.answer-info{width:52px;min-height:58px;right:7px;gap:4px;flex-direction:column;border:1px solid #9cb0ac44;background:#0c202baa;border-radius:6px;padding:6px 3px;color:#d1e4e6;font-size:11px}
.answer-info:hover{border-color:#e3c98b;background:#38515b;color:#fff0c9}.answer-info .icon{width:18px;height:18px}
.choice-effects{display:flex;gap:4px 7px;flex-wrap:wrap;margin-top:6px;line-height:1.5;max-height:43px;overflow:hidden}
.choice-effect{display:inline-block;font-size:13px;white-space:nowrap;font-weight:500}.choice-effect.positive{color:#b4efcb}.choice-effect.negative{color:#ffbcb0}.choice-effect.neutral{color:#e5d8b4;white-space:normal}
.choice-effect:not(:last-of-type):after{content:'·';margin-left:7px;color:#9aadb2}.choice-extra{font-size:11px;color:#d0d7cf;white-space:nowrap}
.choice-branch-label{font-size:11px;color:#f3d28e;font-weight:500}
.choice-odds,.choice-requirement{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:12px;color:#f3d28e;line-height:1.5}.choice-requirement{color:#ffbcb0}.choice-requirement .icon{width:15px;height:15px}
.answer.locked{opacity:.85}
.answers{gap:10px}.choice-dialog .reader-copy{font-size:16px;line-height:1.9}.choice-dialog>p{display:none}.choice-dialog h2{font-size:24px;line-height:1.65}.choice-dialog .dialog-actions{margin-top:0}
@media(min-width:1101px) and (max-height:900px){.answers.count-2,.answers.count-3{grid-template-columns:repeat(2,minmax(0,1fr))}.answers.count-3 .answer-wrap:last-child{grid-column:1/-1}.answer-copy strong{font-size:17px}.answer-copy .answer-description{font-size:13px}.choice-effect{font-size:13px}.choice-extra{font-size:10px}.scene-banner{height:56px}.answers-heading{height:36px}.result-empty{height:29px}}
@media(max-width:1100px){.answers,.answers.count-3{grid-template-columns:1fr}.answer,.answers.count-1 .answer,.answers.count-2 .answer,.answers.count-3 .answer,.answers.count-4 .answer{padding:9px 65px 9px 10px;gap:10px}.answer-copy strong{font-size:17px;line-height:1.6}.answer-copy .answer-description{font-size:12px}.choice-effect{font-size:12px}.answer-symbol{width:33px;height:37px}.answer-symbol>.painted-icon{width:31px;height:31px}.scene-banner{height:45px}.answers-heading>.list-pager{gap:7px}.answers-heading>.list-pager button{width:30px;min-height:30px;border:1px solid #79928766;background:#102735}.answers-heading>span{font-size:10px}.answer-info{font-size:11px;right:6px;width:49px}.story-hint{font-size:9px}}
@media(max-width:600px){.answer-copy strong{font-size:17px}.answer-copy .answer-description{font-size:12px}.choice-effect{font-size:13px}.choice-effects{gap:2px 6px;margin-top:4px}.choice-odds,.choice-requirement{font-size:11px}.answer-copy .choice-extra{font-size:10px}.choice-effect:not(:last-of-type):after{margin-left:6px}.choice-dialog .reader-copy{font-size:15px}.choice-dialog h2{font-size:21px}.answer-symbol kbd{font-size:9px}.answers-heading strong{font-size:12px}.answers-heading>span{font-size:9px}.answers-heading{height:38px}.answers{gap:8px}.answer-info{min-height:56px}}
@media(max-height:740px) and (max-width:600px) and (min-height:521px){.scene-banner{display:none}.answer-copy strong{font-size:16px}.answer-copy .answer-description{font-size:12px}.result-empty{height:23px}.reader-copy{font-size:15px;line-height:1.75}.answers-heading{height:35px}.answer-info{min-height:52px}}
@media(max-height:520px) and (max-width:1100px){.answers,.answers.count-1,.answers.count-2,.answers.count-3{grid-template-columns:repeat(2,minmax(0,1fr))}.answer,.answers.count-1 .answer,.answers.count-2 .answer{padding:8px 47px 8px 8px;gap:7px}.answer-symbol{width:24px;height:30px}.answer-symbol>.painted-icon{width:24px;height:24px}.answer-copy strong{font-size:13px}.answer-copy .answer-description{font-size:10px}.choice-effect{font-size:10px}.choice-extra,.choice-odds{font-size:9px}.answer-info{width:36px;right:4px;font-size:9px;min-height:48px}.answer-info .icon{width:15px;height:15px}.choice-dialog .reader-copy{font-size:14px}.story-hint{display:none}}

/* Bound the minimum size; long titles grow within the paginated layout. */
.answers .answer-wrap .answer{height:auto;min-height:118px}
.answers .answer-wrap .answer:has(.choice-odds){height:auto;min-height:130px}
@media(max-width:600px) and (min-height:521px){.answers .answer-wrap .answer{min-height:124px}.answers .answer-wrap .answer:has(.choice-odds){min-height:140px}}
@media(max-height:520px) and (max-width:1100px){.answers .answer-wrap .answer{min-height:112px}.answers .answer-wrap .answer:has(.choice-odds){min-height:130px}}
/* Keep room to read after a decision on a short landscape screen. */
@media(max-height:520px) and (max-width:1100px){.scene-heading{padding-top:0;margin-bottom:2px}.scene-heading h2{font-size:16px;line-height:1.4;margin:0}.result-strip{height:22px;min-height:22px;margin:0;padding:0;display:flex;align-items:center}.result-strip .result-text,.result-strip .story-effects .effect{display:none}.result-strip .story-effects{height:22px;min-height:0;margin:0;padding:0;display:flex;align-items:center}.result-strip .effect-more{height:22px;min-height:22px;padding:0 6px;font-size:9px}}