/* Signals End / Human Nature. Display type for titles; readable live UI text. */
:root{color:#f1eadb;--gold:#9caa77;--muted:#c2ccbf;--panel:#17282b;--danger:#c88068;background:#0c171b}
h1,h2,#opening .film-copy h1{font-family:Signals,Georgia,serif;font-weight:900;letter-spacing:-.01em;line-height:1.12}
.brand{display:block}.brand img{display:block;width:185px;height:40px;object-fit:contain;object-position:left center}.brand small{color:#9caa77;letter-spacing:1.6px;margin-top:3px}
button.primary,.film-controls button.primary{background:#9caa77;border-color:#9caa77;color:#17282b}button.primary:hover{background:#b5c297}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline-color:#d0b479}
a{color:#cad3b6}.actiongroup h2{color:#f1eadb}#opening .title-tagline{color:#e1e4cc}.film-copy .label,.label{color:#b6c690}.film-copy blockquote{border-color:#9caa77;color:#e1e4cc}.film-progress b{background:#9caa77}
#opening .title-wordmark{margin:12px 0 20px}body.title:not(.cinematic) .title-wordmark img{animation:title-arrive .85s cubic-bezier(.2,.7,.2,1) both}#opening .film-copy h1{line-height:1.1}.actiongroup h2{line-height:1.2}.film-copy p,.activity-copy{font-weight:400}
@keyframes title-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.brand img{width:135px;height:29px}.brand small{font-size:7px;letter-spacing:1px;margin-top:0}#opening .title-wordmark{margin:12px 0 18px}#opening .title-tagline{font-size:22px}.actiongroup h2{font-size:27px}#sceneheading h1{font-size:25px}.film-copy p{line-height:1.48}}
@media(max-height:540px) and (min-width:701px){.brand img{height:28px;width:145px}#opening .film-copy h1{font-size:27px}.actiongroup h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.title-wordmark img{animation:none!important}}body.reduced .title-wordmark img{animation:none!important}
@media(max-height:540px) and (min-width:701px){body.cinematic #opening{grid-template-columns:1fr 52%;grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.film-copy{min-height:0;max-height:100%;overflow-y:auto}#opening .film-copy h1{font-size:27px;line-height:1.04}#opening .film-copy p{line-height:1.3;margin:7px 0}.film-copy blockquote{margin:7px 0}.film-bottom{min-height:0}}
/* The Journey: current purpose first, the whole trail available on demand. */
.journey-map{display:block;width:100%;height:auto;max-height:225px;background:#0c171b;border:1px solid #71817655;border-radius:14px;margin:18px 0}.journey-map text{font:700 13px Road,sans-serif;fill:#f1eadb;letter-spacing:1px}.journey-map .map-caption{font-size:10px;fill:#aebbae;letter-spacing:0}.journey-subtitle{color:#c2ccbf}.journey-next{border-left:3px solid #d0b479;padding:4px 0 4px 20px}.journey-next h3{font-family:Signals,Georgia,serif;font-size:25px;line-height:1.2;margin:10px 0}.convoy-clock{color:#d0b479;font-size:14px}.whole-trail{margin:24px 0;border-block:1px solid #71817666;padding:15px 0}.whole-trail summary{cursor:pointer;min-height:34px;font-weight:700;line-height:1.5}.chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0;margin-bottom:0}.chapter-list li{display:flex;gap:12px;padding:12px;border:1px solid #71817644;border-radius:8px}.chapter-list li>span{color:#a7b992}.chapter-list li.current{border-color:#d0b479;background:#d0b47910}.chapter-list li p{margin:5px 0 0;font-size:13px;color:#c2ccbf}.chapter-list li.done{opacity:.7}#dialogbody li{line-height:1.5;margin-bottom:8px}#dialogbody>ul{padding-left:22px}body[data-mode="home"] #sceneheading .eyebrow{color:#d0b479}
@media(max-width:700px){.chapter-list{grid-template-columns:1fr}.journey-next{padding-left:13px}.journey-next h3{font-size:23px}.journey-map text{font-size:14px}.journey-map .map-caption{display:none}.brand img{width:123px}.brand small{font-size:6.5px}nav button{padding:9px 7px}}

.modal-tools{position:sticky;top:-26px;background:#17282b;z-index:3;padding:6px 0 10px;margin-bottom:8px}.modal-tools button{min-height:44px;padding:8px 14px;min-width:86px}#map span{display:inline}@media(max-width:700px){.modal-tools{top:-26px}#map{font-size:13px}#map span{display:inline}}
