.quest-wrap{max-width:1120px;margin:auto;padding:28px 24px}.quest-heading{max-width:730px}.quest-heading h1{margin-bottom:12px}.quest-heading>p:last-child{color:var(--muted)}.quest-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:start;margin-top:24px}.quest-view{min-width:0;border:1px solid #c7dde4;border-radius:24px;background:var(--sky);overflow:hidden}.quest-view svg{width:100%;height:auto;display:block}.quest-caption{padding:0 20px 18px;font-size:.9rem;color:var(--muted);margin:0}.quest-panel{min-width:0;padding:24px;border:1px solid var(--line);border-radius:24px;background:white}.quest-panel h2{font-size:1.4rem;color:var(--pond);margin-bottom:16px}.quest-panel h2:focus-visible,.quest-panel h3:focus-visible{outline:3px solid var(--pond);outline-offset:4px;border-radius:4px}.quest-progress{font-size:.85rem;font-weight:750;color:var(--leaf);margin-bottom:10px}.quest-story{color:var(--ink)}.quest-question{font-weight:750;color:var(--pond);margin-top:18px}.quest-choices{display:grid;gap:12px;margin-top:16px}.quest-choice{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;padding:16px;text-align:left;border:2px solid #8ab6c5;border-radius:18px;background:var(--sky);color:var(--pond);font-weight:750;cursor:pointer;transition:background .18s,border-color .18s}.quest-choice:hover{background:#d8edf4;border-color:var(--pond)}.quest-choice .choice-number{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:white;font-weight:800}.quest-result{padding:20px;background:var(--soft-leaf);border:1px solid #c8d8bd;border-radius:18px;margin-top:20px}.quest-result h3{font-size:1.2rem;color:var(--leaf);margin-bottom:12px}.quest-result p:last-child{margin-bottom:0}.quest-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.quest-actions .button{flex:1 1 auto}.quest-reflection{padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:18px;margin-top:20px}.quest-reflection h3{font-size:1rem;color:var(--leaf);margin-bottom:10px}.quest-reflection p{margin:0}.quest-small-controls{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px}.quest-text-button{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;border:0;background:none;color:var(--pond);text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-size:.9rem}.quest-save,.quest-audio-note{font-size:.85rem;color:var(--muted);margin-top:16px;margin-bottom:0}.quest-audio-note:empty{display:none}.quest-note{max-width:820px}.quest-note p{color:var(--muted)}.quest-extra-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:24px}.quest-extra-links a{display:inline-flex;align-items:center;min-height:44px}.quest-ending{padding:20px;background:var(--soft-leaf);border:1px solid #c8d8bd;border-radius:18px}.quest-ending p:last-child{margin-bottom:0}
@media(max-width:800px){.quest-layout{grid-template-columns:1fr;gap:20px}.quest-view{max-width:620px;width:100%;margin:auto}}
@media(max-width:640px){.quest-wrap{padding:24px 16px}.quest-heading h1{font-size:1.8rem}.quest-panel{padding:20px}.quest-panel h2{font-size:1.3rem}.quest-choice{padding:14px;font-size:.95rem}.quest-view{border-radius:18px}.quest-result{padding:18px}.quest-caption{padding:0 16px 14px}.quest-actions .button{min-width:100%}}
@media(prefers-reduced-motion:reduce){.quest-choice{transition:none}}