/* The destination's original artwork and a bronze journey trace. */
.travel-screen{display:none;position:absolute;inset:0;isolation:isolate;overflow:auto;overscroll-behavior:contain;padding:74px 20px 24px;background:#10120f;color:#ead9af;--travel-progress:0%;--travel-fraction:0}
body[data-activity=travelling] .activity-empty{display:none}
body[data-activity=travelling] .travel-screen{display:flex;flex-direction:column}
.travel-map-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.32;filter:saturate(.65);z-index:-2;pointer-events:none}
.travel-screen:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 36%,#10120f11,#10120fc9 75%),linear-gradient(#10120f44,#10120fed);z-index:-1;pointer-events:none}
.travel-content{position:relative;flex:none;width:100%;max-width:480px;margin:auto;text-align:center}
.travel-locator{position:relative;display:grid;place-items:center;width:104px;height:104px;margin:0 auto 22px;border-radius:50%;background:#14160fc9;box-shadow:0 0 45px #c3943714,inset 0 0 0 12px #16180f88}
.travel-locator:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(#d0a45b var(--travel-progress),#a7824740 0);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0)}
.travel-locator:after{content:'';position:absolute;inset:11px;border:1px dashed #a7824755;border-radius:50%}
.travel-locator>i{position:absolute;inset:0;transform:rotate(calc(var(--travel-fraction) * 1turn))}
.travel-locator>i:before{content:'';position:absolute;top:-2px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#e9ca85;box-shadow:0 0 9px #e9ca8580}
.travel-locator>img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 3px 6px #0009)}
.travel-kind{font:12px/1.5 Arial,sans-serif;color:#c7b58e;margin:0 0 7px}
.travel-content .travel-destination{font:28px/1.25 Georgia,serif;color:#ead9af;margin:0;overflow-wrap:anywhere}
.travel-time{display:flex;justify-content:center;align-items:center;gap:8px;margin:24px 0 20px}
.travel-time>img{width:23px;height:23px;object-fit:contain}
.travel-time>strong{font:600 23px/1.3 Arial,sans-serif;font-variant-numeric:tabular-nums;color:#edcf91}
.travel-time>span{font:11px/1.5 Arial,sans-serif;color:#b7aa8d}
.travel-time>span[hidden]{display:none}
.travel-path{padding:14px 16px 16px;border:1px solid #8d713d66;background:#11120fc9;border-radius:3px}
.travel-endpoints{display:flex;justify-content:space-between;gap:20px;margin-bottom:12px;text-align:left}
.travel-endpoints>div{min-width:0;max-width:48%}
.travel-endpoints>div:last-child{text-align:right}
.travel-endpoints span{display:block;font:16px/1.3 Georgia,serif;color:#decca5;overflow-wrap:anywhere}
.travel-endpoints small{display:block;margin-top:4px;font:10px/1.4 Arial,sans-serif;color:#a99b7e}
.travel-screen .travel-progress{position:relative;padding:0;margin:0;height:4px;border:0;background:#6f573244;overflow:visible}
.travel-screen .travel-progress:before,.travel-screen .travel-progress:after{content:'';position:absolute;top:-2px;width:8px;height:8px;border:1px solid #b18a49;border-radius:50%;background:#171912;z-index:1}
.travel-screen .travel-progress:before{left:0;background:#b18a49}
.travel-screen .travel-progress:after{right:0}
.travel-progress>span{display:block;height:100%;width:var(--travel-progress);background:linear-gradient(90deg,#8b6530,#dbb66f)}
.travel-progress>i{position:absolute;left:var(--travel-progress);top:-2px;width:8px;height:8px;border-radius:50%;transform:translateX(-50%);background:#edce88;box-shadow:0 0 8px #dbb66f66;z-index:2}
.travel-note{max-width:42ch;margin:16px auto 10px;color:#b7aa8d;font:11px/1.6 Arial,sans-serif}
.travel-view-location{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:7px 12px;border:1px solid #8d713d80;border-radius:2px;background:#11120f88;color:#d8bf8d;font:11px/1.5 Arial,sans-serif}
.travel-view-location>img{width:18px;height:18px;object-fit:contain}
.travel-view-location:hover{border-color:#d0a45b;background:#302516}
.travel-view-location:focus-visible{outline:2px solid #e8c479;outline-offset:3px}
@media(max-width:700px){.travel-screen{padding:66px 14px 20px}.travel-locator{width:86px;height:86px;margin-bottom:18px}.travel-locator>img{width:50px;height:50px}.travel-content .travel-destination{font-size:25px}.travel-time{margin:20px 0 16px}.travel-time>strong{font-size:21px}.travel-path{padding:12px 13px 15px}.travel-endpoints span{font-size:15px}}
@media(max-height:520px) and (orientation:landscape){.travel-screen{padding:58px 20px 18px}.travel-content{max-width:560px}.travel-locator{display:none}.travel-content .travel-destination{font-size:23px}.travel-time{margin:12px 0}.travel-note{margin-top:10px}}