:root{color-scheme:dark;--night:#0b1720;--navy:#101f2b;--panel:#172b39;--line:#2d424e;--ink:#fff4de;--muted:#b4c2c8;--gold:#f7c765;--gold-dark:#2c230f;--radius:20px;--font-ui:'Fredoka',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-family:var(--font-ui);font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{touch-action:manipulation}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hidden{display:none!important}.app-shell{height:100dvh;min-height:540px;max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(290px, .75fr) minmax(430px,1fr);border-inline:1px solid var(--line)}.journey-panel{position:relative;overflow:hidden;background:#173040}.cover{width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.68}.journey-panel:after{position:absolute;inset:0;content:'';background:linear-gradient(0deg,#0a1924 0%,transparent 68%);pointer-events:none}.journey-caption{position:absolute;bottom:48px;left:38px;right:38px;z-index:1}.eyebrow{font-size:.75rem;letter-spacing:.15em;font-weight:700;line-height:1.6}.gold{color:var(--gold)}.journey-caption>p{font-family:var(--font-ui);font-size:clamp(1.35rem,2vw,1.85rem);font-weight:600;line-height:1.55;margin:18px 0 28px}.chapter-mark{display:flex;gap:16px;align-items:center;padding-top:22px;border-top:1px solid #ffffff35;font-weight:600}.chapter-mark>span{font-family:var(--font-ui);color:var(--gold);font-size:2.5rem}.chapter-mark small{display:block;color:var(--muted);margin-top:7px;font-size:.875rem;font-weight:400}.phone-surface{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--navy);position:relative}.app-header{height:72px;flex-shrink:0;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.wordmark{color:#fff3d8;font-family:var(--font-ui);font-size:1.8rem;letter-spacing:-.065em;font-weight:800;text-decoration:none;position:relative;padding-right:10px}.wordmark span{color:var(--gold)}.wordmark svg{width:13px;height:13px;position:absolute;right:-3px;top:-2px;color:var(--gold);stroke-width:2.6}.header-chapter{color:var(--muted);font-size:.75rem;letter-spacing:.11em;font-weight:600}.icon-button{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:12px;width:44px;height:44px;display:grid;place-items:center;flex-shrink:0}.icon-button:hover{background:#ffffff0d}.welcome{overflow:auto;flex:1;background:radial-gradient(ellipse at 50% 25%,#274249 0,transparent 65%)}.welcome-inner{max-width:490px;margin:auto;padding:35px 28px 26px;text-align:center}.welcome h1{font-family:var(--font-ui);font-size:clamp(2rem,3vw,2.65rem);letter-spacing:-.045em;line-height:1.18;margin:12px 0 14px}.intro{color:var(--muted);line-height:1.65;margin:0 0 26px}.incoming-card{padding:0 26px 26px;border:1px solid #6a7c794f;background:#18303bb3;border-radius:24px;margin-top:72px;box-shadow:0 20px 60px #0002}.portrait-wrap{position:relative;width:114px;height:114px;margin:-52px auto 20px}.portrait{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #2d4650;object-position:center 30%;box-shadow:0 0 0 1px #f7c76565}.message-badge{position:absolute;bottom:0;right:0;width:34px;height:34px;display:grid;place-items:center;background:var(--gold);border:3px solid #203944;border-radius:50%;color:var(--navy)}.message-badge svg{width:17px;height:17px;stroke-width:2}.incoming-card .eyebrow{color:var(--muted);font-size:.7rem}.incoming-card h2{font:550 1.6rem var(--font-ui);margin:5px 0}.incoming-card p{color:var(--muted);margin:6px 0;font-size:.875rem}.incoming-card p.message-preview{font-size:1rem;color:var(--ink);line-height:1.6;margin:22px 0}.primary{width:100%;display:flex;align-items:center;justify-content:center;gap:20px;background:var(--gold);color:var(--gold-dark);font-weight:600;border:0;border-radius:13px;min-height:52px;padding:14px 20px}.primary:hover{background:#ffda88}.primary span{font-size:1.4rem}.story-note{font-size:.8rem;color:var(--muted);line-height:1.6;margin:22px -10px 6px}.text-button{color:var(--gold);border:0;padding:4px 0;background:none;font-size:.875rem;text-underline-offset:4px}.text-button:hover{text-decoration:underline}.conversation{display:flex;flex-direction:column;min-height:0;flex:1}.contact-bar{display:flex;align-items:center;gap:12px;padding:15px 22px;flex-shrink:0}.avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:center 30%;border:1px solid #dbb56866}.contact-bar h1{font-size:1.05rem;margin:0 0 3px;font-family:var(--font-ui)}.contact-bar p{font-size:.75rem;color:var(--muted);margin:0;line-height:1.45}.contact-bar>.icon-button{margin-left:auto}.progress-track{height:3px;background:#ffffff08;flex-shrink:0}#progress-fill{height:100%;background:var(--gold);width:0;transition:width .5s}.transcript{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px 22px 18px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#4b606c transparent}.time-marker{text-align:center;color:var(--muted);font-size:.75rem;margin:4px 0 24px;letter-spacing:.035em}.message-group{margin-bottom:22px;animation:arrive .32s ease-out}.sender{color:var(--muted);font-size:.75rem;margin:0 0 7px 4px}.bubble{background:#213746;border:1px solid #3a515d66;border-radius:17px 17px 17px 4px;padding:14px 17px;margin:0 28px 7px 0;line-height:1.65;font-size:1rem;max-width:520px;overflow-wrap:anywhere}.bubble.user{margin:13px 0 21px auto;background:#f7c765;color:#302411;border:0;border-radius:17px 17px 4px 17px;width:fit-content;max-width:88%;font-size:.95rem;padding:11px 16px}.ref-button{color:var(--gold);background:transparent;border:0;font-size:.75rem;padding:4px 6px}.scripture-card{border-left:2px solid var(--gold);padding:12px 15px;margin:12px 28px 10px 4px;background:#c8ae7320;border-radius:0 12px 12px 0;line-height:1.6}.scripture-card small{display:block;color:var(--gold);font-size:.75rem;margin-bottom:7px}.scripture-card p{margin:0;font-family:var(--font-ui);font-size:1.1rem}.picture-message{margin:12px 28px 10px 0;border-radius:16px;overflow:hidden;border:1px solid #6c7d8266;background:#1d3442;max-width:520px}.picture-message img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.picture-message button{padding:12px 16px;background:none;border:0;color:var(--gold);text-align:left;width:100%;font-size:.875rem}.picture-message small{display:block;font-size:.75rem;color:var(--muted);margin-top:5px}.narration{padding:18px 5px;color:#d2dce0;font-size:.95rem;line-height:1.7;text-align:center}.narration small{display:block;color:var(--gold);font-size:.7rem;letter-spacing:.12em;margin-bottom:6px}.reply-panel{padding:15px 22px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#122532;flex-shrink:0}.reply-panel>p{font-size:.75rem;color:var(--muted);margin:0 0 9px}.choices{display:grid;gap:8px}.choice{border:1px solid #7c80676b;border-radius:12px;background:#243846;color:var(--ink);padding:12px 15px;min-height:47px;text-align:left;line-height:1.4;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:.95rem}.choice:after{content:'↗';color:var(--gold);font-size:1.1rem}.choice:hover{background:#344957;border-color:var(--gold)}.reply-footer{display:flex;justify-content:space-between;align-items:center;margin-top:11px;font-size:.75rem;color:var(--muted)}.reply-footer .text-button{font-size:.75rem}.typing{color:var(--muted);font-size:.875rem;min-height:47px;display:flex;align-items:center;gap:5px}.typing i{display:block;width:5px;height:5px;border-radius:50%;background:var(--muted);animation:pulse 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.reader{padding:0;background:#152a38;color:var(--ink);border:1px solid #546974;border-radius:22px;width:min(720px,calc(100% - 24px));max-height:90dvh;box-shadow:0 30px 120px #0008}.reader::backdrop{background:#041019c9;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3;background:#152a38}.dialog-header .eyebrow{color:var(--gold);font-size:.7rem}.dialog-header h2{font:550 1.35rem var(--font-ui);margin:5px 0 0}.dialog-body{padding:22px 24px 28px;line-height:1.7}.dialog-body p{margin:0 0 18px}.dialog-body a{color:var(--gold)}.passage-verse{padding:8px 12px;border-radius:8px}.passage-verse.selected{background:#f7c76515;border-left:2px solid var(--gold)}.passage-verse sup{color:var(--gold);margin-right:8px;font-family:var(--font-ui)}.passage-verse{font-family:var(--font-ui);font-size:1.1rem;line-height:1.8}.source-note{font-size:.875rem;color:var(--muted);padding:14px;background:#ffffff07;border-radius:12px}.scene-frame{position:relative;margin:4px -8px 16px}.scene-frame img{width:100%;display:block;border-radius:14px;aspect-ratio:16/9;object-fit:cover}.hotspot{position:absolute;border:2px solid #fff5da;background:#102330e6;color:var(--gold);width:38px;height:38px;border-radius:50%;font-weight:700;box-shadow:0 3px 12px #0006}.hotspot.seen{background:var(--gold);color:var(--navy)}.spot-0{left:15%;top:64%}.spot-1{left:51%;top:57%}.spot-2{left:79%;top:32%}.detail-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.detail-choice{background:#233e4b;border:1px solid #4e6269;color:var(--ink);padding:11px 8px;border-radius:10px;font-size:.875rem;line-height:1.5}.detail-choice.seen{border-color:var(--gold);color:var(--gold)}.detail-card{background:#ffffff08;padding:16px 18px;border-radius:12px;margin:16px 0}.detail-card h3{font-size:1rem;margin:0 0 7px;color:var(--gold)}.detail-card p{margin:0 0 7px}.detail-card small{color:var(--muted)}.micro{color:var(--muted);font-size:.8rem;line-height:1.6}.scene-footer{margin-top:20px}.scene-footer .micro{margin-bottom:12px}.sequence-bank{display:grid;gap:10px;margin:20px 0}.sequence-card{width:100%;text-align:left;display:flex;align-items:center;gap:14px;padding:16px;background:#223b49;border:1px solid #5d727c;border-radius:13px;color:var(--ink);line-height:1.5}.sequence-card .number{width:28px;height:28px;border:1px solid #748691;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:var(--gold)}.sequence-card.picked{border-color:var(--gold);background:#f7c76510}.sequence-card.picked .number{background:var(--gold);color:var(--navy);border-color:var(--gold)}.puzzle-feedback{min-height:28px;margin:14px 0;color:var(--gold);font-size:.95rem}.puzzle-actions{display:flex;gap:10px;align-items:center}.puzzle-actions .primary{flex:1}.secondary{min-height:50px;background:none;color:var(--ink);border:1px solid #697a81;border-radius:12px;padding:12px 18px}.ending{flex:1;overflow:auto;padding:40px 28px;background:radial-gradient(ellipse at top,#264447,transparent 65%)}.ending-content{max-width:460px;margin:auto}.completion-seal{width:72px;height:72px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;font-size:2rem;color:var(--gold);margin-bottom:24px}.ending h1{font:550 2rem/1.2 var(--font-ui);letter-spacing:-.035em}.ending-intro{color:var(--muted);line-height:1.7}.memory-card{background:#203744;border:1px solid #435962;border-radius:16px;padding:19px 20px;margin:24px 0}.memory-card h2{font-size:1rem;margin:0 0 15px}.memory-card ol{padding-left:20px;line-height:1.7;margin:0}.memory-card li{padding-left:5px;margin:9px 0}.up-next{margin:26px 0;border-top:1px solid var(--line);padding-top:22px}.up-next h2{font:550 1.2rem var(--font-ui);margin:7px 0}.ending-actions{display:grid;gap:10px}.notes-list{list-style:none;padding:0}.notes-list li{padding:14px 0;border-bottom:1px solid var(--line)}.notes-list strong{display:block;color:var(--gold);margin-bottom:5px}.no-script{position:fixed;bottom:0;left:0;right:0;background:#301a16;padding:20px}.save-note{color:var(--muted);font-size:.75rem;margin-top:18px}.footer-source{margin-top:24px;font-size:.875rem}.danger-confirm{display:flex;gap:12px;margin-top:24px}.danger-confirm>*{flex:1}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.3}}@media(min-width:1200px){.phone-surface{max-width:780px}.app-shell{grid-template-columns:1fr 1.1fr}}@media(max-width:760px){.app-shell{display:block;border:0;height:100dvh;min-height:420px}.journey-panel{display:none}.app-header{height:61px;padding:0 18px}.wordmark{font-size:1.55rem}.header-chapter{font-size:.65rem}.welcome-inner{padding:25px 23px 24px}.welcome h1{font-size:2.2rem}.intro{font-size:.95rem}.incoming-card{margin-top:64px;padding-inline:21px}.portrait-wrap{width:100px;height:100px;margin-top:-45px}.welcome .eyebrow{font-size:.7rem}.contact-bar{padding:12px 17px}.contact-bar p{font-size:.7rem}.transcript{padding:20px 16px 15px}.bubble{margin-right:12px;padding:13px 15px}.picture-message,.scripture-card{margin-right:12px}.reply-panel{padding:12px 16px max(12px,env(safe-area-inset-bottom))}.choice{padding:11px 13px;font-size:.9rem}.dialog-header{padding:18px}.dialog-body{padding:18px}.detail-choices{gap:6px}.detail-choice{font-size:.8rem}.hotspot{width:34px;height:34px}.ending{padding:30px 23px}.story-note{font-size:.75rem}}@media(max-height:740px){.welcome-inner{padding-top:20px}.welcome h1{font-size:1.85rem}.intro{margin-bottom:14px}.incoming-card{margin-top:58px}.portrait-wrap{width:88px;height:88px;margin-top:-39px;margin-bottom:12px}.incoming-card p.message-preview{margin:15px 0}.incoming-card{padding-bottom:20px}.story-note{margin-top:15px}.contact-bar{padding-block:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-resolution:1dppx){button{min-width:0}}

/* Growing contact book and first encounter. */
.header-actions{display:flex;align-items:center;gap:9px}.contacts-toggle{display:flex;align-items:center;gap:7px;min-height:44px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:12px;padding:8px 11px;font-size:.875rem}.contacts-toggle:hover{background:#ffffff0d}.contacts-toggle svg{width:19px;height:19px}.contact-count{min-width:20px;height:20px;padding:1px 5px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--navy);font-size:.75rem;font-weight:700}.contact-introduction{text-align:center;max-width:430px;margin:0 auto;padding:8px 0}.contact-introduction>img{width:146px;height:146px;object-fit:cover;border-radius:50%;border:3px solid var(--gold);box-shadow:0 0 0 7px #f7c76512;margin:6px 0 18px}.contact-introduction .intro-role{color:var(--gold);font-size:.95rem;margin-bottom:18px}.contact-introduction blockquote{font-size:1.1rem;line-height:1.75;margin:0 0 21px}.contact-introduction .contact-explanation{font-size:.9rem;color:var(--muted);line-height:1.6}.contact-introduction .primary{margin-top:20px}.contact-saved{display:inline-flex;gap:6px;align-items:center;color:var(--gold);font-size:.875rem;border:1px solid #f7c76550;border-radius:20px;padding:5px 12px;margin-bottom:17px}.contacts-list{display:grid;gap:12px;margin:22px 0}.contact-row{display:flex;align-items:center;gap:15px;text-align:left;background:#203947;border:1px solid #465e68;border-radius:16px;padding:15px;color:var(--ink);width:100%}.contact-row>img{width:60px;height:60px;border-radius:50%;object-fit:cover}.contact-row strong{font-size:1.05rem;display:block}.contact-row small{font-size:.875rem;color:var(--muted);display:block;margin-top:5px}.contact-row>span:last-child{margin-left:auto;color:var(--gold)}.contacts-empty{text-align:center;padding:25px 10px}.contacts-empty>svg{width:48px;height:48px;color:var(--gold);margin-bottom:18px}.typing-message{display:flex;align-items:center;gap:9px;margin:6px 0 15px;min-height:46px}.typing-message .avatar{width:30px;height:30px}.typing-message .typing{padding:12px 16px;background:#213746;border:1px solid #3a515d66;border-radius:17px 17px 17px 4px;min-height:40px}.typing-message>span{font-size:.75rem;color:var(--muted)}.reply-panel.is-waiting .choices{display:none}.reply-panel.is-waiting>p{margin-bottom:0}@media(max-width:1100px){.header-chapter{display:none}}@media(max-width:380px){.contacts-toggle{gap:5px;padding:8px}.contacts-toggle svg{display:none}.app-header{gap:9px}}@media(prefers-reduced-motion:reduce){.typing i{animation:none}}

/* Journey tools adapted from Station C-67; messages remain the main screen. */
.journey-nav{display:grid;grid-template-columns:repeat(4,1fr);flex-shrink:0;border-top:1px solid var(--line);padding:5px 10px max(5px,env(safe-area-inset-bottom));background:var(--night);gap:4px}.journey-nav button{display:grid;gap:3px;justify-items:center;align-content:center;min-height:54px;border:0;border-radius:10px;background:none;color:var(--muted);font-size:.875rem}.journey-nav button>span{font-size:1.3rem;line-height:1.2;color:var(--gold)}.journey-nav button:hover,.journey-nav button:focus-visible{background:#ffffff0d;color:var(--ink)}.chapter-objective{font-size:.8rem;letter-spacing:.035em;padding:0 22px 10px;color:var(--gold);min-height:22px}.traveler-greeting{color:var(--gold);font-size:.85rem;margin:10px 0}.opening-link{margin:12px 0 8px}.chapter-tile{position:relative;padding:24px;border:1px solid #657980;border-radius:16px;background:#ffffff04;margin:20px 0;box-shadow:inset 0 0 0 4px #101f2b44}.chapter-tile h3{font:550 1.25rem var(--font-ui);margin:16px 0 9px}.chapter-tile p{margin-bottom:12px}.tile-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.record-number{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:9px;background:var(--gold);color:var(--gold-dark);font-size:.85rem;font-weight:700}.status-pill{display:inline-block;font-size:.75rem;letter-spacing:.08em;border:1px solid #f7c76555;color:var(--gold);border-radius:30px;padding:4px 10px}.future{background:none;border-color:var(--line)}.future .record-number{background:var(--panel);color:var(--muted)}.future .status-pill{color:var(--muted);border-color:var(--line)}.chapter-checklist{display:grid;gap:6px;margin:20px 0;color:var(--muted);font-size:.85rem}.chapter-checklist .done{color:var(--gold)}.journey-actions{display:flex;gap:10px}.journey-actions>*{flex:1}.opening-scene{border:1px solid #a1895959;border-radius:15px;overflow:hidden;background:#101f2b url('assets/egypt-work.webp') center / cover;color:#fff4de}.opening-shade{min-height:355px;display:flex;flex-direction:column;justify-content:flex-end;padding:32px 26px;background:linear-gradient(0deg,#0b1720fc 0%,#0b1720e8 60%,#0b172070 100%)}.opening-shade h3{font:550 clamp(1.6rem,4vw,2.4rem)/1.2 var(--font-ui);letter-spacing:-.035em;margin:16px 0}.opening-shade p{font-size:1rem;line-height:1.75;margin-bottom:15px}.opening-shade .opening-detail{color:#c6d1d6;font-size:.9rem;margin-bottom:0}.opening-progress{display:flex;justify-content:center;gap:8px;margin:22px 0}.opening-progress i{width:28px;height:3px;background:var(--line);border-radius:3px}.opening-progress i.active{background:var(--gold)}.opening-footnote{margin-top:18px!important}.profile-heading{display:flex;align-items:center;gap:20px;margin-bottom:20px}.profile-heading>img{width:96px;height:96px;border-radius:20px;object-fit:cover;border:1px solid var(--gold)}.profile-heading h3{font-size:1.15rem;margin:8px 0}.profile-heading p{margin:0}.notes-list li{display:flex;gap:14px;align-items:flex-start}.notes-list .record-number{width:28px;height:28px;font-size:.7rem;margin-top:2px}.notes-list .ref-button{padding-left:0}.personal-note{margin:26px 0}.personal-note label,#preferences-form>label{display:block;font-weight:600;margin-bottom:10px}.personal-note textarea,#traveler-name{display:block;width:100%;border:1px solid #617580;border-radius:12px;background:var(--night);color:var(--ink);font:inherit;font-size:1rem;line-height:1.6;padding:13px 15px;resize:vertical}.personal-note textarea:focus-visible,#traveler-name:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.personal-note small{display:block;font-size:.75rem;color:var(--muted);margin-top:7px}#preferences-form fieldset{border:1px solid var(--line);border-radius:12px;margin:22px 0;padding:12px 16px}#preferences-form legend{color:var(--gold);padding:0 8px;font-size:.8rem}.setting-option{display:flex!important;align-items:center;gap:12px;min-height:46px;font-weight:400!important;font-size:.95rem}.setting-option input{width:19px;height:19px;accent-color:var(--gold);flex-shrink:0}#settings-status{margin-top:12px}.settings-replay{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:18px 0}.collection-summary{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:24px}.collection-summary strong{font:700 2rem var(--font-ui);color:var(--gold)}.collection-summary span{color:var(--muted);font-size:.8rem;line-height:1.5}.attachment-tile{display:flex;gap:15px;align-items:center;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:13px;padding:12px;text-align:left;width:100%;margin-bottom:28px}.attachment-tile img{width:90px;height:75px;object-fit:cover;border-radius:7px}.attachment-tile strong{font-size:.95rem;display:block}.attachment-tile small{color:var(--muted);display:block;margin-top:6px;font-size:.75rem}.attachment-tile>span:last-child{margin-left:auto;color:var(--gold)}.full-width{width:100%}.guided-hints{border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:20px}.guided-hints>span{float:right}.guided-hints p{margin:12px 0 0;font-size:.9rem;color:var(--ink)}.large-text{font-size:19px}.quiet-motion *, .quiet-motion *:before,.quiet-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reader{overscroll-behavior:contain}.reply-panel{max-height:45dvh;overflow-y:auto}.dialog-body{overflow-wrap:anywhere}.large-text .app-header .wordmark{font-size:1.6rem}.large-text .header-chapter{display:none}
:root[data-palette="sand"]{color-scheme:light;--night:#ece3d3;--navy:#fcf6e9;--panel:#f3ead8;--line:#c4bba8;--ink:#302c25;--muted:#686151;--gold:#855912;--gold-dark:#fff4de}:root[data-palette="sand"] .phone-surface,:root[data-palette="sand"] .reader,:root[data-palette="sand"] .dialog-header{background:var(--navy)}:root[data-palette="sand"] .welcome,:root[data-palette="sand"] .ending{background:radial-gradient(ellipse at top,#eadbbd,transparent 75%)}:root[data-palette="sand"] .wordmark{color:#302c25}:root[data-palette="sand"] .incoming-card,:root[data-palette="sand"] .bubble,:root[data-palette="sand"] .choice,:root[data-palette="sand"] .contact-row,:root[data-palette="sand"] .sequence-card,:root[data-palette="sand"] .detail-choice,:root[data-palette="sand"] .memory-card,:root[data-palette="sand"] .picture-message,:root[data-palette="sand"] .typing-message .typing{background:var(--panel);border-color:var(--line)}:root[data-palette="sand"] .bubble.user{background:#dfbf7e;color:#302411}:root[data-palette="sand"] .reply-panel{background:#eee4cf}:root[data-palette="sand"] .scripture-card,:root[data-palette="sand"] .source-note,:root[data-palette="sand"] .detail-card{background:#b9903f14}:root[data-palette="sand"] .narration{color:var(--muted)}:root[data-palette="sand"] .primary{background:#855912;color:#fff4de}:root[data-palette="sand"] .primary:hover{background:#6e490c}:root[data-palette="sand"] .journey-panel{--gold:#f7c765;color:#fff4de}:root[data-palette="sand"] .journey-caption small{color:#b4c2c8}:root[data-palette="sand"] .chapter-tile{box-shadow:inset 0 0 0 4px #c3a66b12}:root[data-palette="sand"] .opening-scene .gold{color:#f7c765}
@media(max-width:760px){.chapter-objective{padding-inline:17px}.journey-nav{padding-top:3px}.journey-nav button{min-height:49px}.opening-shade{padding:25px 20px;min-height:310px}.chapter-tile{padding:19px}.profile-heading{gap:14px}.profile-heading>img{width:78px;height:78px}.large-text .contacts-toggle>span:not(.contact-count){display:none}.collection-summary{gap:9px}.journey-actions{flex-wrap:wrap}.journey-actions>*{min-width:110px}.attachment-tile img{width:70px;height:64px}}
@media(max-height:600px){.contact-bar{padding-block:7px}.chapter-objective{display:none}.journey-nav button{min-height:42px}.journey-nav button>span{font-size:1rem}.reply-panel{padding-top:8px}.reply-footer{margin-top:6px}.app-shell{min-height:0}}

.journey-nav button>svg{width:21px;height:21px;color:var(--gold)}@media(max-width:380px){.journey-nav button{font-size:.8rem}}

#contact-name-form{text-align:left;margin-top:22px}#contact-name-form label{display:block;font-weight:600;margin-bottom:9px}#contact-player-name{width:100%;border:1px solid #617580;border-radius:12px;background:var(--night);color:var(--ink);font:inherit;padding:13px 15px;line-height:1.6}#contact-player-name:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#contact-name-form .micro{margin:9px 0}#contact-name-form .primary{margin-top:16px}


/* A first meeting now feels like a character card; source verification stays one tap away. */
.contact-introduction{max-width:560px;padding:0 0 6px}
.connection-hero{position:relative;margin:0 0 22px;border-radius:20px;overflow:hidden;min-height:300px;background:#102330;box-shadow:0 18px 44px #0005}
.connection-hero>img{display:block;width:100%;height:320px;object-fit:cover;object-position:center 28%}
.connection-hero:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#071a29e8 70%,#071a29fa)}
.connection-hero figcaption{position:absolute;z-index:1;left:24px;right:24px;bottom:20px;text-align:left;display:grid;gap:3px}
.connection-hero figcaption>span{color:var(--gold);font-size:.7rem;letter-spacing:.14em;font-weight:700}
.connection-hero figcaption>strong{font-size:2rem;line-height:1.1;color:#fff4de}
.connection-hero figcaption>small{font-size:.95rem;color:#d3dde2}
.connection-message{margin:0 0 12px;padding:18px 20px;text-align:left;border:1px solid #6e8baa70;border-radius:20px 20px 20px 5px;background:linear-gradient(135deg,#294560e8,#142e46eb);font-size:1.05rem;line-height:1.65}
.connection-reference{margin:0 0 20px;color:var(--gold);font-size:.85rem}
.connection-begin{margin:0 0 16px}
.connection-details{margin:0;text-align:left;border:1px solid var(--line);border-radius:14px;background:#ffffff05}
.connection-details summary{cursor:pointer;padding:15px 17px;color:var(--gold);font-weight:600}
.connection-details>div{padding:0 17px 17px}
.connection-details .name-sources{margin-top:14px}
.contact-introduction .contact-explanation{margin:16px 0 0}
@media(max-width:600px){.connection-hero{min-height:250px}.connection-hero>img{height:270px}.connection-hero figcaption{left:18px;right:18px;bottom:17px}.connection-hero figcaption>strong{font-size:1.7rem}.connection-message{font-size:1rem;padding:15px 17px}}
.scripture-card{padding:0;margin-block:10px;overflow:hidden}
.scripture-card summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:46px;padding:10px 14px;cursor:pointer;color:var(--gold)}
.scripture-card summary::-webkit-details-marker{display:none}
.scripture-card summary span{font-size:.72rem;font-weight:600;letter-spacing:.025em}
.scripture-card summary strong{font-size:.78rem;white-space:nowrap}
.scripture-card summary strong:after{content:' ▾';display:inline-block;transition:transform .2s}
.scripture-card[open] summary strong:after{transform:rotate(180deg)}
.scripture-card>p{padding:3px 15px 14px;margin:0;font-family:var(--font-ui);font-size:1.05rem;line-height:1.65}

/* Chapter Scripture panels remain visibly separate from character speech. */
.chapter-reader-panel{margin:1rem 0 1.5rem;padding:1.2rem;border:1px solid var(--line,#82734a);border-radius:1rem;background:var(--panel,#112a37);overflow-wrap:anywhere}.chapter-reader-panel h3{margin:.3rem 0 .7rem}.chapter-reader-panel .passage-verse{line-height:1.65}.chapter-reader-panel sup{margin-right:.4em}.easy-place-reminders{display:grid;gap:.7rem;margin:1rem 0}.easy-place-reminders p{margin:0;padding:.8rem;border:1px solid var(--line,#82734a);border-radius:.7rem}