/* N08: the existing scene artwork, before the cinematic is ready. */
#loading{display:block;overflow:auto;padding:110px 5% 40px;background:#191713;color:#f3e5c8;letter-spacing:0;transition:none}
.arrival-poster{max-width:1180px;min-height:calc(100svh - 150px);margin:auto;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:5%}
.arrival-poster figure{margin:0;border:1px solid #78603c;background:#100e0c;padding:9px;box-shadow:0 14px 45px #0005}
.arrival-poster img{display:block;width:100%;height:auto}
.arrival-poster figcaption{padding:12px 5px 4px;font:12px/1.5 Arial,sans-serif;color:#d0bd96}
.arrival-poster figcaption a{text-underline-offset:3px}
.arrival-copy .eyebrow{font-size:11px;letter-spacing:.15em;margin-bottom:20px}
#arrival-title{font:400 clamp(48px,6vw,80px)/1 Georgia,serif;letter-spacing:-.04em;margin-bottom:22px}
.arrival-copy>p:not(.eyebrow){font:15px/1.7 Arial,sans-serif;max-width:32em}
#arrival-story{display:inline-flex;align-items:center;gap:30px;min-height:48px;padding:13px 18px;background:#ecd29a;color:#302416;border:1px solid #ffe1a5;font:600 15px/1.3 Georgia,serif;text-decoration:none}
.arrival-copy .arrival-status{display:flex;align-items:center;gap:12px;margin:27px 0 7px;font-size:13px!important;color:#dac798}
.arrival-copy .arrival-note{font-size:12px!important;color:#c0b295}
.arriving #intro,.arriving #controls,.arriving #chapter-list,.arriving #disclosure,.arriving .progress{visibility:hidden}
.scene-pending #return,.scene-pending #restart,.scene-pending #still-entry{display:none}
body.reading #loading{display:none}
body.reading.arriving #history{visibility:visible;opacity:1;pointer-events:auto;transition:none}
.scene-pending #history:target{visibility:visible;opacity:1;pointer-events:auto;z-index:9}
body.scene-pending:has(#history:target) #loading{display:none}
body.arriving{overflow:hidden}
body.arriving.reading{overflow:auto}
#read{min-height:44px}
@media(max-width:700px){#loading{padding:95px 6% 28px}.arrival-poster{display:flex;flex-direction:column;align-items:stretch;gap:25px;min-height:0}.arrival-poster figure{padding:5px}.arrival-poster img{aspect-ratio:1.75;object-fit:cover;object-position:50% 30%}.arrival-poster figcaption{font-size:11px;padding:8px 5px 3px}.arrival-copy .eyebrow{font-size:10px;margin-bottom:12px}#arrival-title{font-size:48px;margin-bottom:15px}.arrival-copy>p:not(.eyebrow){font-size:14px;line-height:1.6}.arrival-copy .arrival-status{margin-top:21px}#arrival-story{width:100%;justify-content:space-between}}

/* An etched survey plate, not a percentage or a simulated progress meter. */
#loading{background:radial-gradient(ellipse at 78% 30%,#54462e 0,transparent 40%),repeating-linear-gradient(155deg,#ffffff06 0 1px,transparent 1px 8px),#191713}
.arrival-poster figure{border:1px solid #a58a58;outline:1px solid #4f432f;outline-offset:4px;background:#201b14;box-shadow:0 14px 45px #0008}
.arrival-poster img{filter:sepia(.18) saturate(.8);border:1px solid #735f3e}
.arrival-copy .arrival-status{padding:14px 16px;border-block:1px solid #8a7650;background:repeating-linear-gradient(165deg,#c7aa7010 0 1px,transparent 1px 7px);color:#f0dfb9}
#arrival-story:focus-visible{outline:3px solid #fff0c5;outline-offset:4px}
@media(max-width:700px){.arrival-poster{gap:19px}.arrival-copy .arrival-status{margin-top:16px}.arrival-poster figure{outline-offset:3px}}
@media(prefers-reduced-motion:reduce){.loader{animation:none!important}}

/* Original static valley-to-mine illustration: orientation, not progress. */
.arrival-poster figure{position:relative}
.arrival-engraving{display:block;width:100%;height:auto;border:1px solid #735f3e}
.arrival-poster img{margin-top:8px;max-height:230px;object-fit:cover;object-position:center 35%}
@media(max-width:700px){.arrival-poster img{display:none}.arrival-engraving{min-height:100px}.arrival-poster figcaption{padding-top:8px}}