.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{max-width:28rem;margin:0 auto;position:relative}.journey-path__connector{stroke:var(--journey-connector-color);stroke-width:.55px;fill:none;opacity:.9}.journey-path__divider{color:hsl(var(--muted-foreground));align-items:center;gap:.75rem;padding:1.25rem 0 .5rem;display:flex}.journey-path__divider-line{background:hsl(var(--border));flex:1;height:1px}.journey-path__divider-label{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:.7rem;font-weight:800}.journey-path__row{min-height:var(--journey-row-height,7.5rem);display:flex;position:absolute;left:0;right:0}.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{width:var(--journey-node-size);height:calc(var(--journey-node-size) * 1.12);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);color:#fff;justify-content:center;align-items:center;transition:transform .15s,filter .15s;display:flex;position:relative}.journey-node:before{content:"";clip-path:inherit;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%);position:absolute;inset:0;box-shadow:inset 0 2px #ffffff40}.journey-node:after{content:"";clip-path:inherit;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;position:absolute;inset:3px}.journey-node__icon{z-index:1;position:relative}.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:2s ease-in-out infinite journey-pulse}@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{z-index:2;white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:9999px;padding:.25rem .6rem;font-size:.625rem;font-weight:800;position:absolute;top:-.25rem;left:50%;transform:translate(-50%)translateY(-100%);box-shadow:0 4px 12px #0000001f}.journey-path__lock-overlay{z-index:10;background:hsl(var(--background) / .55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.journey-chapter-header{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:1rem;overflow:hidden}.journey-chapter-header__accent{width:100%;height:4px}.journey-rail-card{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:1rem;padding:1rem}