:root{background:#101613;color:#fffceb}
.stage,.menu{background:#101613}
.ready .poster{visibility:hidden}
.shade{background:linear-gradient(180deg,#0008,transparent 17%,transparent 69%,#000a)}
.wordmark{font-size:22px}.edition{font:10px/1.4 monospace}
.chapter{bottom:56px;max-width:65%;transition:opacity .25s,transform .25s}
.chapter h1{font:400 italic 38px/1.15 Georgia,serif;margin:10px 0}
.chapter p{font:10px/1.5 monospace;text-transform:uppercase}
.passing .chapter{opacity:0;transform:translateY(8px)}
#chapters{gap:12px}#chapters button{width:42px}
#chapters button[aria-current=true]::after{background:#ff8059}
#motion{border-radius:0;border:0}
.journey-controls{gap:20px}
.journey-progress{position:fixed;bottom:0;left:0;right:0;height:2px;background:#ffffff15;z-index:5;pointer-events:none}
#progress{height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#ff8059}
.menu-open .journey-progress{visibility:hidden}
.menu-open .shade{background:#101613}
.menu{z-index:3;transition:opacity .35s;overflow:hidden}
.menu.in-monitor{display:block;position:fixed;inset:auto;opacity:1;transition:none;pointer-events:auto;z-index:1}
.in-monitor .menu-inner{position:absolute;top:50%;left:50%;width:min(780px,90vw);transform:translate(-50%,-50%) scale(var(--monitor-scale,1));transform-origin:center}
.in-monitor #replay{display:none}
.menu h2 button[data-style=neon]{color:#e1fff6;text-shadow:0 0 3px #d5ffe9,0 0 16px #54d6cb,0 0 36px #38895d}
.menu h2 button[data-style=mono]{color:#ff8059}
.menu h2 button{font-weight:650}
.menu h2 button[data-style=signal]{color:#f4f3df;text-shadow:none}
.menu h2 button[data-style=wire]{color:transparent;-webkit-text-stroke:1px #92d9d5;text-shadow:none}
.menu h2 button[data-style=chrome]{color:transparent;background:linear-gradient(175deg,#f4f3df 10%,#99d2cf 30%,#375f5b 45%,#f9f4df 50%,#edac81 68%,#8fccca 85%);background-clip:text;-webkit-background-clip:text;text-shadow:none}
#chapter-credit{font-size:9px;line-height:1.5;color:#f2f3df;margin-top:7px;opacity:.85}
#chapter-credit:empty{display:none}
#sound{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;flex:0 0 44px}
#sound[aria-pressed=true]{background:#ecf8db14}
#sound:disabled{opacity:.4}
.light-scene #sound .icon{filter:invert(1)}
.sound-credits{position:fixed;right:4%;top:94px;z-index:6;font:10px/1.6 monospace;color:#f2f3df;max-width:300px}
.sound-credits summary{text-align:right;cursor:pointer;list-style:none;padding:8px 0;opacity:.7;text-shadow:0 1px 10px #000}
.sound-credits summary:hover,.sound-credits[open] summary{opacity:1}
.sound-credits summary:focus-visible{outline:2px solid #ff9874;outline-offset:3px}
.sound-credits summary::-webkit-details-marker{display:none}
.sound-credits>div{padding:14px 18px;background:#101613f5;border:1px solid #779b91;color:#d6e2d8}
.sound-credits p{margin:0 0 14px}.sound-credits p:last-child{margin:14px 0 0}.sound-credits a{color:#ffb591;text-decoration:underline}
.light-scene .sound-credits:not([open]) summary{color:#183b31;text-shadow:none}
.menu-open .sound-credits{top:24px}
.light-scene .shade{background:linear-gradient(180deg,#d0f3e86b,transparent 20%,transparent 66%,#07171099)!important}
.light-scene .chapter{color:#fffceb;text-shadow:0 1px 15px #000b}
.light-scene .journey-controls{color:#fffceb}.light-scene #motion .icon{filter:invert(1)}
.light-scene #chapters button::after{background:#ffffff80}.light-scene #chapters button[aria-current=true]::after{background:#ff8059}
.loading{border-radius:0;background:#101613d9}
.menu-open .poster{visibility:hidden}
@media(min-width:1900px){.chapter h1{font-size:44px}}
@media(max-width:700px){
  .journey-header{padding:18px 22px}.wordmark{font-size:18px}
  .chapter{bottom:104px;max-width:calc(100% - 44px)}.chapter h1{font-size:29px;max-width:300px}.chapter p{font-size:10px}
  .journey-controls{bottom:max(21px,env(safe-area-inset-bottom));gap:10px}
  #chapters{gap:10px}#chapters button{width:38px}
  .in-monitor .menu-inner{width:calc(100vw - 40px)}
  .sound-credits{top:82px;right:22px;max-width:calc(100vw - 44px);font-size:9px}
  #chapters{margin-right:auto}
}
@media(max-width:350px){#chapters{gap:8px}#chapters button{width:32px}.chapter h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){.chapter{transition:none}}