/* Compact views reserve room for the scene, the story, and the controls. */
.journey-progress{position:absolute;left:0;right:0;bottom:3px;height:3px;z-index:9;pointer-events:none;overflow:visible}
.journey-progress-fill{position:absolute;left:0;top:0;width:clamp(28px,6vw,80px);height:2px;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#c7994b30 40%,#e4bf7999 85%,#fff0c4);border-radius:50%}
.journey-progress-fill::after{content:"";position:absolute;right:0;top:-1px;width:4px;height:4px;border-radius:50%;background:#fff1ce;box-shadow:0 0 6px 2px #e4bf7980,0 0 14px #e4bf7950}
.quiet-display[data-journey-layout^=compact] .journey-story{display:flex;flex-direction:column;transform:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#bca47455 transparent;overscroll-behavior:contain;padding:4px}
.quiet-display[data-journey-layout^=compact] .story-content{margin-block:auto;flex-shrink:0}
.quiet-display[data-journey-layout^=compact] .story-memory{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;white-space:pre-line}
.quiet-display[data-journey-layout^=compact] .story-open{min-height:44px;flex-shrink:0}
.quiet-display[data-journey-layout^=compact] .journey-bar{padding:6px 14px;gap:0}
.quiet-display[data-journey-layout^=compact] .journey-bar-copy{display:none}
.quiet-display[data-journey-layout=compact-landscape] .journey-story{left:52%;right:5%;top:64px;bottom:80px;text-align:left}
.quiet-display[data-journey-layout=compact-landscape] .journey-story .eyebrow{font-size:10px;line-height:1.4;margin-bottom:8px}
.quiet-display[data-journey-layout=compact-landscape] .journey-story h1{font-size:clamp(28px,4vw,36px);line-height:1.08}
.quiet-display[data-journey-layout=compact-landscape] .story-memory{font-size:18px;margin-top:10px}
.quiet-display[data-journey-layout=compact-landscape] .story-date{font-size:11px;line-height:1.6;margin:8px 0 0;max-width:none}
.quiet-display[data-journey-layout=compact-landscape] .story-open{font-size:12px;margin-top:8px}
.quiet-display[data-journey-layout=compact-landscape] .journey-bar{bottom:max(16px,env(safe-area-inset-bottom));max-width:42%;width:max-content;flex-wrap:nowrap}
.quiet-display[data-journey-layout=compact-landscape] .journey-topline{top:18px;left:4%;right:190px}
.quiet-display[data-journey-layout=compact-landscape] .travel-caption{position:static;text-align:left;font-size:14px;line-height:1.4;max-width:none}
.quiet-display[data-journey-layout=compact-landscape] .scene-credit{bottom:max(16px,env(safe-area-inset-bottom));left:4%;max-width:25%;text-align:left}
.quiet-display[data-journey-layout=compact-landscape] .scene-credit summary{font-size:11px;line-height:1.5;max-width:none}
.quiet-display[data-journey-layout=compact-landscape] .credit-popup{position:fixed;left:4%;bottom:96px;width:min(330px,85vw);max-height:calc(100svh - 170px)}
.quiet-display[data-journey-layout=compact-landscape] .journey-bottomline,.quiet-display[data-journey-layout=compact-landscape] .quiet-reveal{bottom:max(16px,env(safe-area-inset-bottom));right:4%}
.quiet-display[data-journey-layout=compact-portrait] .journey-story{top:38%;bottom:152px;left:7%;right:7%}
.quiet-display[data-journey-layout=compact-portrait] .journey-story .eyebrow{font-size:10px;line-height:1.4;margin-bottom:8px}
.quiet-display[data-journey-layout=compact-portrait] .journey-story h1{font-size:clamp(28px,8vw,36px);line-height:1.08}
.quiet-display[data-journey-layout=compact-portrait] .story-memory{font-size:17px;margin-top:9px}
.quiet-display[data-journey-layout=compact-portrait] .story-date{font-size:10.5px;line-height:1.6;margin:10px auto 0}
.quiet-display[data-journey-layout=compact-portrait] .story-open{margin-top:6px}
.quiet-display[data-journey-layout=compact-portrait] .journey-bar{bottom:80px}
.quiet-display[data-journey-layout=compact-portrait] .credit-popup{position:fixed;left:5%;bottom:152px;width:90vw;max-height:calc(100svh - 230px)}
.quiet-display[data-journey-layout=compact-portrait] .journey-topline .travel-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(prefers-reduced-motion:reduce){.quiet-display .journey-story{scroll-behavior:auto}}

/* Full-color scenery; localized shade protects the words without veiling the view. */
.quiet-display .journey-stage::after{background:none}
.quiet-display .journey-stage{overflow:clip}
.quiet-display .journey-scenery{overflow:clip;filter:none;mask-image:none}
.quiet-display .has-scenery .journey-scenery{opacity:1}
.quiet-display .scenery-hidden .journey-scenery{opacity:0}
.quiet-display .scenery-hidden .scene-layer{animation-play-state:paused}
.quiet-display .scene-shade{background:linear-gradient(180deg,#07101975,transparent 22%,transparent 76%,#07101999),linear-gradient(90deg,#07101935,transparent 25%,transparent 48%,#07101980 61%,#071019aa 100%)}
.quiet-display .journey-story .eyebrow{color:#deccaa}
.quiet-display .story-memory{color:#e4dccb;text-shadow:0 2px 12px #050b1280}
.quiet-display .story-date{color:#d6c5a9}
.quiet-display .story-open{color:#e3d5b8;text-shadow:0 1px 8px #050b1266}
.quiet-display .journey-topline .travel-caption{color:#d3c9b6;text-shadow:0 1px 10px #050b1299}
.quiet-display .journey-bar{background:#10191ec7}
.quiet-display .journey-next{color:#bcc6ba}
.quiet-display .scene-credit summary{color:#d5d6c7;text-shadow:0 1px 8px #050b1299}
@media(max-width:700px){
  .quiet-display .has-scenery .journey-scenery{opacity:1}
  .quiet-display .scene-shade{background:linear-gradient(180deg,#07101980,transparent 18%,#07101915 30%,#071019a6 43%,#071019b3 73%,#0710198c)}
}
.quiet-display[data-journey-layout=compact-landscape] .scene-shade{background:linear-gradient(180deg,#07101966,transparent 24%,transparent 70%,#07101999),linear-gradient(90deg,transparent 8%,#07101915 35%,#07101999 53%,#071019b3)}

/* Place descriptions are prose, distinct from a family memory; never clip a sentence. */
.quiet-display .story-memory.story-place{font-style:normal;display:block;-webkit-line-clamp:unset;overflow:visible;text-wrap:pretty}
.quiet-display[data-journey-layout^=compact] .story-memory.story-place{display:block;-webkit-line-clamp:unset;overflow:visible}
.quiet-display[data-journey-layout=compact-portrait] .journey-story:has(.story-place){top:29%}
@media(max-height:360px){
  .quiet-display[data-journey-layout=compact-landscape] .journey-story:has(.story-place){left:43%;top:58px}
  .quiet-display[data-journey-layout=compact-landscape] .journey-story:has(.story-place) .story-region{display:none}
  .quiet-display[data-journey-layout=compact-landscape] .journey-story:has(.story-place) h1{font-size:24px}
  .quiet-display[data-journey-layout=compact-landscape] .story-memory.story-place{font-size:16px;margin-top:8px}
  .quiet-display[data-journey-layout=compact-landscape] .journey-story:has(.story-place) .story-date{margin-top:6px}
  .quiet-display[data-journey-layout=compact-landscape] .journey-story:has(.story-place) .story-open{margin-top:4px}
}