/* The arrival is a self-contained screen. Its chrome never shares table rules. */
.witness-journey{--journey-ink:#f4f3ff;--journey-muted:#b5b5ca;--journey-line:rgba(197,192,235,.22);position:relative;isolation:isolate;width:100%;height:100dvh;min-height:0;overflow:hidden;background:#040611;color:var(--journey-ink);font-family:Arial,Helvetica,sans-serif}
.witness-journey button{font:inherit;cursor:pointer;color:inherit;border:0;margin:0;letter-spacing:normal;text-transform:none}
.witness-journey button:focus-visible,.witness-journey h1:focus-visible{outline:2px solid #d2c1ff;outline-offset:7px}
.witness-journey [hidden]{display:none!important}
.journey-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block;z-index:1;transition:opacity 1.2s ease}
.journey-sky{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 73% 45%,#1f194455,transparent 48%),radial-gradient(ellipse at 65% 75%,#17233933,transparent 50%);transition:opacity 1.2s ease}
.journey-arrival{position:absolute;inset:0;z-index:0;background:#0c1112 url('./assets/story/jolly-rodger-arrival.png') center center/cover no-repeat;opacity:0;transform:scale(1.035);transition:opacity 1.5s ease,transform 8s ease-out}
.witness-journey[data-stage="3"] .journey-arrival{opacity:1;transform:scale(1)}
.witness-journey[data-stage="3"] .journey-canvas,.witness-journey[data-stage="3"] .journey-sky{opacity:0}
.journey-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(4,6,17,.92),rgba(4,6,17,.65) 29%,transparent 58%),linear-gradient(0deg,rgba(4,6,17,.92),transparent 23%,transparent 80%,rgba(4,6,17,.5));transition:background 1s}
.witness-journey[data-stage="3"] .journey-vignette{background:linear-gradient(90deg,rgba(6,8,14,.94),rgba(6,8,14,.6) 32%,rgba(6,8,14,.06) 70%),linear-gradient(0deg,rgba(4,6,17,.92),transparent 28%)}
.journey-masthead{position:absolute;top:36px;left:4.7%;right:4.7%;z-index:5;display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.2em;font-weight:600}
.journey-sign{font-size:37px;font-weight:400;color:#d7d0f7;line-height:1}
.journey-masthead i{font-size:12px;font-weight:400;padding:0 4px;color:#9191b1;font-style:normal}
.journey-masthead small{display:block;margin-top:8px;font-size:8px;letter-spacing:.3em;color:#9f9bb7;font-weight:400}
.witness-journey .journey-skip{margin-left:auto;background:transparent;padding:12px 0 12px 18px;font-size:12px;font-weight:400;color:#c0bfd1;letter-spacing:.02em}
.journey-skip span{padding-left:12px;color:#d7cdf8}
.journey-copy{position:absolute;left:6.3%;top:50%;transform:translateY(-44%);z-index:4;width:38%;max-width:540px}
.journey-chapter{font-size:10px;letter-spacing:.24em;color:#b7a5e4;margin:0 0 27px;font-weight:600}
.journey-title{font:400 clamp(37px,4.35vw,76px)/1.045 Georgia,'Times New Roman',serif;letter-spacing:-.046em;color:#f5f1ff;margin:0 0 26px;text-wrap:balance}
.journey-title:focus{outline:none}
.journey-prose{font-size:clamp(14px,1.08vw,17px);line-height:1.85;color:#bbbccc;margin:0;max-width:365px;text-wrap:pretty}
.journey-actions{display:flex;align-items:center;gap:24px;margin-top:36px}
.witness-journey .journey-next{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:52px;padding:0 23px;border:1px solid #c6bce175;border-radius:3px;background:linear-gradient(115deg,#c5b7ed23,#a9bcdb0f);box-shadow:inset 0 0 25px #c4a7ff06;color:#eee8ff;font-size:12px;font-weight:500;transition:background .2s,border-color .2s,transform .2s}
.witness-journey .journey-next:hover{background:#b7a1ed32;border-color:#d4c0ff;transform:translateY(-2px)}
.journey-next span{font-size:20px;line-height:1;color:#d1c4ef}
.witness-journey .journey-back{padding:12px 0;font-size:11px;color:#b0aec5;background:transparent;white-space:nowrap}
.journey-footer{position:absolute;z-index:4;left:6.3%;right:4.7%;bottom:35px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.journey-progress{list-style:none;display:flex;gap:14px;padding:0;margin:0}
.witness-journey .journey-progress button{padding:10px 0;background:none;display:flex;align-items:center;gap:10px;color:#85839a;font-size:10px}
.journey-progress i{display:block;width:41px;height:1px;background:#555367;transition:background .4s,width .4s}
.journey-progress [aria-current] span{color:#f1e5ff}
.journey-progress [aria-current] i{background:#b6a0f0;width:61px;box-shadow:0 0 9px #c29fff66}
.journey-footnote{font:italic 12px/1.6 Georgia,serif;color:#89879e;text-align:right;padding-bottom:6px}
.journey-load{position:absolute;z-index:4;right:4.7%;bottom:83px;color:#a5a5c3;font-size:11px;max-width:280px;text-align:right;line-height:1.7}
.journey-map-labels{position:absolute;inset:0;z-index:3;pointer-events:none}
.journey-map-labels>span{position:absolute;transform:translate(-50%,-50%);font:400 20px Georgia,serif;letter-spacing:.02em;color:#f4f1ff;white-space:nowrap;text-align:center;text-shadow:0 2px 6px #000,0 0 13px #000,0 0 26px #000}
.journey-map-labels small{display:block;margin-top:6px;color:#d1c6ed;font:8px Arial,sans-serif;letter-spacing:.18em}
.journey-fallback .journey-sky{background:radial-gradient(ellipse at 72% 45%,#54467d88,transparent 32%),radial-gradient(ellipse at 64% 70%,#27425866,transparent 40%)}
.journey-still *{transition:none!important;animation:none!important}
@media(min-width:1500px){.journey-copy{max-width:640px}.journey-prose{max-width:400px}}
@media(max-width:1000px) and (min-width:761px){.journey-copy{width:42%;left:5%}.journey-title{font-size:42px}.journey-masthead{top:25px}.journey-actions{gap:14px}.witness-journey .journey-next{padding:0 15px;gap:18px}.journey-map-labels>span{font-size:17px}}
@media(max-width:760px){
.witness-journey{min-height:0;height:100dvh}
.journey-masthead{top:22px;left:6%;right:6%;gap:9px;font-size:10px;letter-spacing:.12em}.journey-sign{font-size:31px}.journey-masthead small{font-size:6px;margin-top:6px;letter-spacing:.2em}.witness-journey .journey-skip{font-size:10px;padding-left:10px}.journey-skip span{padding-left:4px}
.journey-canvas{height:61%!important}
.journey-vignette{background:linear-gradient(0deg,#040611 0%,#040611 32%,#040611ee 40%,transparent 64%,#04061133 100%)}
.journey-copy{top:auto;bottom:99px;left:7%;width:86%;max-width:none;transform:none}
.journey-chapter{font-size:8px;letter-spacing:.2em;margin-bottom:15px}
.journey-title{font-size:clamp(31px,8.4vw,49px);line-height:1.02;letter-spacing:-.04em;margin-bottom:16px}
.journey-prose{font-size:13px;line-height:1.7;max-width:410px}
.journey-actions{margin-top:23px;gap:25px}.witness-journey .journey-next{min-height:48px;font-size:11px;padding:0 19px;gap:32px}
.journey-footer{left:7%;right:7%;bottom:25px}.journey-footnote{display:none}.journey-progress{gap:16px}.journey-progress i{width:35px}.journey-progress [aria-current] i{width:51px}
.journey-load{top:74px;bottom:auto;right:6%;font-size:10px;max-width:220px}
.journey-map-labels>span{font-size:16px}.journey-map-labels small{font-size:6px;letter-spacing:.1em}
.journey-arrival{background-position:65% top;background-size:auto 72%}
.witness-journey[data-stage="3"] .journey-vignette{background:linear-gradient(0deg,#040611 0%,#040611 32%,#040611e8 41%,#04061122 75%,#04061133)}
}
@media(max-height:650px) and (min-width:761px){.witness-journey{min-height:550px}.journey-masthead{top:18px}.journey-title{font-size:42px}.journey-chapter{margin-bottom:18px}.journey-prose{font-size:13px}.journey-actions{margin-top:24px}.journey-footer{bottom:15px}}
@media(prefers-reduced-motion:reduce){.witness-journey *{transition:none!important;animation:none!important}}

@media(max-width:760px) and (max-height:759px){.journey-canvas{height:51%!important}.journey-copy{bottom:76px}.journey-title{font-size:30px;margin-bottom:13px}.journey-prose{font-size:12px;line-height:1.55}.journey-chapter{margin-bottom:12px}.journey-actions{margin-top:17px}.journey-footer{bottom:15px}.journey-arrival{background-size:auto 65%}.journey-vignette{background:linear-gradient(0deg,#040611 0%,#040611 42%,transparent 73%)}}