.captured-photo{position:absolute;z-index:2;right:5%;bottom:6%;width:37%;padding:7px;border:0;background:#fffdf7;box-shadow:0 8px 28px #23392c33;transform:rotate(5deg);cursor:pointer;color:var(--ink)}
.captured-photo[hidden]{display:none}.captured-photo img{aspect-ratio:1.5;object-fit:cover;mix-blend-mode:normal}.captured-photo span{display:block;font-size:11px;padding:8px 0 3px}.photo-scene:has(.captured-photo:not([hidden])) .stamp{display:none}.memory img{mix-blend-mode:normal}
.route-phone{width:340px;max-width:100%;margin:0 auto}.route-screen{overflow:hidden;border:7px solid #263f32;border-radius:34px;background:#f9f8f2;box-shadow:0 22px 48px #243c321c}.route-title{padding:25px 20px 18px}.route-title>span{font-size:19px;display:block}.route-title small{font-size:11px;color:var(--muted);display:block;margin-top:7px}.route-map{position:relative;width:100%;aspect-ratio:320/360}.route-map>svg{width:100%;height:100%;display:block}.map-photo{position:absolute;padding:4px;background:#fffdf7;border:0;border-radius:9px;box-shadow:0 3px 10px #23392c30;cursor:pointer;width:81px;color:var(--ink);transform:translate(-50%,-100%);transition:box-shadow .2s}.map-photo:after{content:"";position:absolute;left:calc(50% - 5px);bottom:-8px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:9px solid #fffdf7}.map-photo img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:5px}.map-photo span{display:block;font-size:9px;white-space:nowrap;padding:5px 0 2px}.map-photo:hover{box-shadow:0 4px 18px #23392c55}.pin-cat{left:45%;top:39%}.pin-sunset{left:64%;top:68%}.map-key{position:absolute;bottom:7px;right:10px;font-size:9px;color:#536652;background:#f5f3edcc;padding:3px 6px;border-radius:3px}.route-summary{padding:23px 20px 26px}.route-summary b{font-size:15px;font-weight:500}.route-summary p{font-size:11px;color:var(--muted);margin:6px 0 20px}.route-timeline{display:flex;justify-content:space-between;border-top:3px solid #acc19e;padding-top:10px;font-size:10px;color:var(--muted)}.route-phone figcaption{text-align:center;color:var(--muted);font-size:11px;margin-top:22px;line-height:1.8}
#photo-viewer{width:min(860px,calc(100% - 32px));max-height:90dvh;padding:0;border:0;border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:0 30px 80px #152c3440}#photo-viewer::backdrop{background:#182c24b8}.photo-close{position:absolute;right:12px;top:12px;border:0;background:#fffdf5ed;padding:10px 16px;border-radius:24px;color:var(--ink);cursor:pointer}#photo-full{max-height:65dvh;object-fit:contain;background:#e6e8df}.photo-description{padding:22px 26px}.photo-description h3{font-family:var(--serif);font-size:24px}.photo-description p{font-size:13px;margin-top:8px;color:var(--muted)}.photo-description small{font-size:10px;color:var(--muted);display:block;margin-top:12px}
@media(max-width:700px){.route-phone{width:320px;grid-row:2}.captured-photo{width:43%}.captured-photo span{font-size:9px}.photo-description{padding:18px}.photo-description h3{font-size:21px}}