/* The same dawn, typography and controls as the existing journey. Artwork follows later. */
body.adventure #app{max-width:760px}
.adventure-lead{font-family:var(--serif);font-size:clamp(23px,4vw,31px);line-height:1.35;margin:18px 0}
.adventure-introduction,.adventure-before p{line-height:1.75;color:#d6d9e4;margin:16px 0}
.adventure-before{margin:24px 0;text-align:left;padding:22px;border:1px solid var(--line);border-radius:20px;background:#15203880}
.adventure-before summary{color:var(--accent);cursor:pointer}.adventure-before h2{font-size:24px;margin-top:24px}
.adventure-image{margin:20px 0;border:1px solid #b4bed329;border-radius:22px;overflow:hidden;background:#202b4380;aspect-ratio:16/7;width:100%;position:relative}
.adventure-image img{display:block;width:100%;height:100%;object-fit:cover;color:transparent}
.adventure-image-artifact{aspect-ratio:16/5;max-height:230px}
.adventure-image-artifact:after{content:'';position:absolute;bottom:0;left:0;width:calc(var(--progress,0)*100%);height:2px;background:var(--accent);transition:width .5s ease}
.adventure-image-answer{aspect-ratio:4/3;margin:0;grid-column:1/-1;max-height:160px}
.option:has(.adventure-image-answer){display:grid;grid-template-columns:auto 1fr;gap:14px}
.adventure-scene{color:#d6d9e4;font-size:18px;line-height:1.6;margin:22px 0}
.adventure-build{font-size:14px;line-height:1.6;color:#c6bdab;margin:24px 0;text-align:center;font-style:italic}
.adventure-support{padding:20px 24px;border:1px solid #d9b87759;border-radius:18px;line-height:1.65;margin:24px 0;background:#19243c9e;text-align:left}
.adventure-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:24px 0}
.adventure-check{display:flex!important;align-items:center;gap:16px;cursor:pointer}.adventure-check input{width:22px;height:22px;accent-color:var(--accent);flex-shrink:0}
.adventure-check:has(:checked){border-color:var(--accent);background:var(--accent-soft)}
.adventure-rank{list-style:none;display:grid;gap:12px;margin:22px 0;padding:0}
.adventure-rank-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:14px;background:#19243ddd;border:1px solid var(--line);border-radius:16px;padding:16px;cursor:grab}
.adventure-rank-number{color:var(--accent);font-variant-numeric:tabular-nums}
.adventure-rank-controls{display:grid;gap:6px}.adventure-rank-button,.adventure-tick{background:transparent;color:var(--text);border:1px solid var(--line);border-radius:8px;min-height:40px;padding:6px 10px;font:inherit;font-size:13px;cursor:pointer}
.adventure-rank-button:disabled{opacity:.35;cursor:default}
.adventure-slider-labels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0;color:#d3d7e4;font-size:15px;line-height:1.55}
.adventure-slider-ticks{display:flex;justify-content:space-between;margin:12px 0}.adventure-tick{min-width:44px;min-height:44px}
#app input[type=range]{width:100%;min-height:44px;accent-color:var(--accent)}
#app output{display:block;text-align:center;font-family:var(--serif);font-size:36px;margin:16px 0}
#app fieldset>.cta{margin-top:22px;width:100%}.adventure-exit{display:block;margin:24px auto;font-size:13px}
.adventure-scores{padding:24px;border:1px solid var(--line);border-radius:20px;margin:24px 0}.adventure-scores summary{cursor:pointer;color:var(--accent)}
.adventure-score{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.adventure-score span:last-child{text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:520px){.adventure-rank-row{grid-template-columns:20px 1fr;padding:12px}.adventure-rank-controls{grid-column:2;display:flex}.adventure-image{aspect-ratio:16/9}.adventure-score{flex-direction:column;gap:4px}.adventure-score span:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){.adventure-image-artifact:after{transition:none}}