.play-origin .origin-illustration{border:0;padding:0;background:none}
.journey{border:2px solid var(--plum);border-radius:20px;padding:28px 34px 18px;background:#fff;box-shadow:6px 7px 0 #4a294810;color:var(--plum);overflow:hidden}
.journey-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font:11px/1.5 Consolas,monospace;letter-spacing:.05em;margin-bottom:28px}
.journey-tag{border:1px solid var(--line);border-radius:99px;padding:4px 10px;letter-spacing:0;color:var(--muted)}
.journey-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.journey-source{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;border:1px solid #c6b7c4;border-radius:12px;padding:20px 18px;background:var(--plum-soft);min-height:90px;font-size:12px;font-weight:700}
.journey-source small{font:10px Consolas,monospace;color:#766273}
.journey-person{position:relative;display:block;width:38px;height:38px;border:1.5px solid currentColor;border-radius:50%;background:#fff;color:var(--plum);overflow:hidden;flex-shrink:0}
.journey-person:before{content:'';position:absolute;width:10px;height:10px;border:1.5px solid currentColor;border-radius:50%;left:12px;top:7px}
.journey-person:after{content:'';position:absolute;width:22px;height:17px;border:1.5px solid currentColor;border-radius:50% 50% 0 0;left:6px;top:23px}
.journey-lines{display:block;width:100%;height:136px;overflow:visible}
.journey-track,.journey-flow{fill:none;stroke-width:2}
.journey-track{stroke:#d8cdd7}.journey-flow{stroke:var(--accent);stroke-dashoffset:0}
.journey-travellers{fill:var(--accent);stroke:#fff;stroke-width:2;opacity:0}
.journey.motion-ready .journey-travellers{opacity:1}
.journey-result{width:min(100%,600px);margin:0 auto;border:2px solid var(--plum);border-radius:14px;background:var(--plum);color:#fff;box-shadow:4px 5px 0 #4a294817}
.journey-result-bar{padding:16px 20px;border-bottom:1px solid #967a92;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:800;letter-spacing:-.02em}
.journey-window-dots{display:flex;gap:5px}.journey-window-dots i{width:6px;height:6px;border-radius:50%;background:#c1a8bd}.journey-window-dots i:first-child{background:var(--accent)}
.journey-together{position:relative;display:flex;align-items:center;justify-content:center;gap:28px;padding:26px 20px 14px;isolation:isolate}
.journey-together .journey-person{width:48px;height:48px;background:#fff;border:3px solid #fff;outline:1px solid #c6b7c4;z-index:1}
.journey-together .journey-person:before{left:15px;top:8px}.journey-together .journey-person:after{left:9px;top:25px}
.journey-link{position:absolute;left:calc(50% - 76px);width:152px;height:2px;background:var(--accent);top:50%}
.journey-result-caption{display:block;text-align:center;font-size:13px;padding:0 20px 24px;color:#e9dbe8}
.journey-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:26px;font-size:11px;color:var(--muted)}
.journey-controls{border-top:1px solid var(--line);padding-top:14px;margin-top:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.journey-controls button{min-height:44px;border:1px solid var(--plum);border-radius:99px;padding:9px 17px;background:#fff;color:var(--plum);font:600 12px RubikLab,Arial;cursor:pointer}
.journey-controls button:hover{background:var(--plum-soft)}
.journey-controls button[hidden]{display:none}
.journey-state{font:11px/1.5 Consolas,monospace;color:var(--muted);margin-left:auto}
.journey.motion-ready .journey-together .journey-person{opacity:var(--arrival,1);transform:translateY(calc((1 - var(--arrival,1))*8px))}
@media(max-width:1000px){.journey-source{grid-template-columns:1fr auto;gap:12px;padding:16px}.journey-source .journey-person{grid-column:1/-1}.journey-sources{gap:18px}}
@media(max-width:720px){.journey{padding:20px 16px 14px;border-radius:16px;box-shadow:4px 5px 0 #4a294810}.journey-top{font-size:9px;gap:12px;margin-bottom:20px}.journey-tag{font-size:9px;padding:4px 7px}.journey-sources{gap:7px}.journey-source{padding:12px 8px;gap:14px 4px;min-height:126px;grid-template-columns:1fr;align-content:space-between;font-size:9px;line-height:1.4}.journey-source small{font-size:9px}.journey-source .journey-person{width:32px;height:32px}.journey-source .journey-person:before{left:9px;top:5px}.journey-source .journey-person:after{left:3px;top:20px}.journey-lines{height:86px}.journey-result-bar{font-size:12px;gap:12px;padding:13px 14px}.journey-together{gap:20px;padding-top:24px}.journey-together .journey-person{width:42px;height:42px}.journey-together .journey-person:before{left:12px;top:6px}.journey-together .journey-person:after{left:6px;top:23px}.journey-link{left:calc(50% - 62px);width:124px}.journey-bottom{font-size:9px;gap:16px;margin-top:20px}.journey-result-caption{font-size:11px;padding-bottom:20px}.journey-controls{gap:8px}.journey-controls button{font-size:11px;padding:9px 13px}.journey-state{flex-basis:100%;margin:4px 0 0;font-size:10px}}
@media(prefers-reduced-motion:reduce){.journey-travellers{display:none}.journey-flow{stroke-dashoffset:0!important}.journey.motion-ready .journey-together .journey-person{opacity:1;transform:none}}