.journey-path{--journey-node-size:3.75rem;--journey-connector-color:hsl(var(--border));--journey-accent:hsl(var(--primary));position:relative}@media (min-width:640px){.journey-path{--journey-node-size:4.25rem}}.journey-path__canvas{position:relative;margin:0 auto;max-width:28rem}.journey-path__connector{stroke:var(--journey-connector-color);stroke-width:.55;fill:none;opacity:.9}.journey-path__divider{display:flex;align-items:center;gap:.75rem;padding:1.25rem 0 .5rem;color:hsl(var(--muted-foreground))}.journey-path__divider-line{flex:1;height:1px;background:hsl(var(--border))}.journey-path__divider-label{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.journey-path__row{position:absolute;left:0;right:0;display:flex;min-height:var(--journey-row-height,7.5rem)}.journey-path__row--left{justify-content:flex-start;padding-left:14%}.journey-path__row--right{justify-content:flex-end;padding-right:14%}@media (min-width:640px){.journey-path__row--left{padding-left:12%}.journey-path__row--right{padding-right:12%}}.journey-node{position:relative;width:var(--journey-node-size);height:calc(var(--journey-node-size) * 1.12);display:flex;align-items:center;justify-content:center;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);color:white;transition:transform .15s ease,filter .15s ease}.journey-node:before{inset:0;background:linear-gradient(165deg,color-mix(in srgb,var(--journey-node-face,#64748b) 85%,white) 0,var(--journey-node-face,#64748b) 45%,color-mix(in srgb,var(--journey-node-face,#64748b) 70%,black) 100%);box-shadow:inset 0 2px 0 color-mix(in srgb,white 25%,transparent)}.journey-node:after,.journey-node:before{content:"";position:absolute;clip-path:inherit}.journey-node:after{inset:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--journey-node-face,#64748b) 90%,white) 0,color-mix(in srgb,var(--journey-node-face,#64748b) 75%,black) 100%);opacity:.35}.journey-node__icon{position:relative;z-index:1}.journey-node--playable:hover{transform:scale(1.06)}.journey-node--active{width:calc(var(--journey-node-size) + .65rem);height:calc((var(--journey-node-size) + .65rem) * 1.12);animation:journey-pulse 2s ease-in-out infinite}@keyframes journey-pulse{0%,to{filter:drop-shadow(0 0 0 color-mix(in srgb,var(--journey-accent) 40%,transparent))}50%{filter:drop-shadow(0 0 12px color-mix(in srgb,var(--journey-accent) 55%,transparent))}}.journey-node--locked{opacity:.55;filter:grayscale(.4)}.journey-node:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:4px}.journey-path__start-badge{position:absolute;top:-.25rem;left:50%;z-index:2;transform:translateX(-50%) translateY(-100%);white-space:nowrap;font-size:.625rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .6rem;border-radius:9999px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:0 4px 12px rgb(0 0 0/.12)}.journey-path__lock-overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:hsl(var(--background)/.55);backdrop-filter:blur(2px)}.journey-chapter-header{border-radius:1rem;border:1px solid hsl(var(--border));background:hsl(var(--card));overflow:hidden}.journey-chapter-header__accent{height:4px;width:100%}.journey-rail-card{border-radius:1rem;border:1px solid hsl(var(--border));background:hsl(var(--card));padding:1rem}