/* HORIZON V5: the accepted visual identity, with clearer journeys. */
.chapter-picker{position:relative;margin:0;border:0;min-width:0;max-width:36vw;pointer-events:auto}
.chapter-picker summary{display:flex;align-items:center;gap:12px;padding:8px 0;font:8px/1.5 'Courier New',monospace;letter-spacing:.06em;color:#9bb8b3;list-style:none;white-space:nowrap}
.chapter-picker summary::-webkit-details-marker{display:none}
.chapter-picker summary .chapter-count{font-size:8px;color:#608680;font-variant-numeric:tabular-nums;letter-spacing:.1em}
.chapter-picker summary .chapter-name{font-size:9px;overflow:hidden;text-overflow:ellipsis;max-width:190px}
.chapter-picker summary .chapter-name,.chapter-picker summary .chapter-count{transform:none}
.chapter-picker summary .chapter-toggle{font-size:14px;color:#b5e6d1;margin-left:3px;transition:transform .3s}
.chapter-picker[open] summary .chapter-toggle{transform:rotate(45deg)}
.chapter-list{position:absolute;left:-16px;bottom:calc(100% + 15px);width:295px;max-width:calc(100vw - 40px);max-height:65svh;overflow:auto;padding:19px 16px 12px;border:1px solid #b5e6d12b;background:#071119f7;backdrop-filter:blur(20px);box-shadow:0 18px 60px #0005;border-radius:10px;animation:chapter-appear .24s ease-out}
.chapter-heading{display:block;font:7px/1.7 'Courier New',monospace;letter-spacing:.18em;color:#6b918e;margin:0 8px 12px}
.chapter-list a{display:flex;gap:13px;align-items:center;padding:12px 8px;color:#9db3b1;font-size:12px;line-height:1.45;border-radius:4px;transition:background .2s,color .2s}
.chapter-list a>span{font:8px 'Courier New',monospace;color:#607c7b}.chapter-list a>i{margin-left:auto;font-size:13px;font-style:normal;opacity:.4}
.chapter-list a:hover,.chapter-list a[aria-current]{color:#d3f3e4;background:#b5e6d10b}.chapter-list a[aria-current]>span{color:#e6bd86}.chapter-list a[aria-current]>i{opacity:1;color:#b5e6d1}
.chapter-list a:focus-visible{outline-offset:0}
.journey-hud .scene-caption{pointer-events:none}
.chapter-picker[open]{z-index:2}
.passage{transition:opacity .42s;--portal-x:50%;--portal-y:48%}
.passage small{position:absolute;left:0;right:0;top:calc(50% + 32px);text-align:center;font:9px/1.7 'Courier New',monospace;letter-spacing:.14em;color:#759b95;opacity:0;transform:translateY(8px);transition:opacity .3s .1s,transform .4s}
.departing .passage small{opacity:1;transform:none}
.departing .passage i{transition-duration:.65s;transform:scale(6)}
.departing .horizon-mascot{visibility:visible;z-index:101}
#motion-toggle:disabled{cursor:default;opacity:.7}
@keyframes chapter-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:700px){
 .chapter-picker{max-width:calc(100vw - 155px)}
 .chapter-picker summary{gap:7px}
 .chapter-picker summary .chapter-name{font-size:8px;max-width:105px}
 .chapter-picker summary .chapter-count{font-size:7px;letter-spacing:0}
 .chapter-picker summary .chapter-toggle{margin:0;font-size:12px}
 .chapter-list{left:-8px;width:285px}
 .journey-hud{gap:10px}
}
@media(prefers-reduced-motion:reduce){
 .chapter-list,.passage,.passage *{animation:none!important;transition:none!important}
}
.motion-paused .chapter-list{animation:none}
@media print{.chapter-picker,.horizon-mascot{display:none!important}}