/* Three guided visitor paths, additive to the existing Multiversal site design. */
.paths-page{--path-accent:var(--cyan);--path-accent-soft:#00eaff19}
.path-player{--path-accent:#00eaff;--path-accent-soft:#00eaff16}
.path-gm{--path-accent:#f2ff00;--path-accent-soft:#f2ff0014}
.path-creator{--path-accent:#ff67b3;--path-accent-soft:#ff007217}
.paths-page .site-header nav{gap:clamp(.6rem,1.3vw,1.25rem)}
.paths-page .site-header nav a{font-size:.84rem}
.paths-wrap{max-width:1420px;margin:auto;padding:0 var(--gutter) 84px}
.paths-eyebrow{margin:0 0 13px;color:var(--path-accent);font-weight:900;letter-spacing:.15em;font-size:.72rem;text-transform:uppercase}
.paths-hero{position:relative;isolation:isolate;padding:clamp(55px,8vw,114px) clamp(20px,5vw,64px) clamp(40px,6vw,80px);background:radial-gradient(ellipse at 83% 20%,#253f7358,transparent 42%),linear-gradient(135deg,#091b2b,#050a12 70%);border:1px solid #25455b;overflow:hidden}
.paths-hero:after{content:"";position:absolute;z-index:-1;right:-90px;top:-80px;width:min(52vw,550px);aspect-ratio:1;border:2px solid #00eaff37;border-radius:50%;box-shadow:0 0 0 50px #00eaff09,0 0 0 110px #ff00720a,0 0 0 170px #f2ff0008;pointer-events:none}
.paths-hero h1,.path-detail-hero h1{font-size:clamp(2.8rem,5.8vw,6rem);line-height:1.02;letter-spacing:-.055em;margin:.5rem 0 1.5rem;max-width:1020px}
.paths-hero h1 em{color:#ff6aa9;font-style:normal}
.paths-lede{max-width:790px;color:#e0edf8;font-size:clamp(1.07rem,1.85vw,1.37rem);line-height:1.55}
.paths-disclaimer,.paths-quiet{color:#b9cbdc;font-size:.86rem;line-height:1.6}
.paths-disclaimer{max-width:740px;margin-top:1.9rem}
.paths-discovery,.path-steps-section{padding:clamp(46px,6vw,88px) 0}
.paths-section-heading h2{margin:0 0 1.5rem;font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.14;letter-spacing:-.035em}
.path-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.path-tile{--tile-color:var(--cyan);display:flex;flex-direction:column;align-items:flex-start;min-height:420px;padding:clamp(22px,2.4vw,35px);background:linear-gradient(145deg,#11253b,#050e1a 70%);border:1px solid #31506b;box-shadow:inset 0 3px var(--tile-color)}
.path-tile--gm{--tile-color:#f2ff00;background:linear-gradient(145deg,#28331b,#090f17 70%)}
.path-tile--creator{--tile-color:#ff67b3;background:linear-gradient(145deg,#30172d,#0a0e19 70%)}
.path-tile-index{color:var(--tile-color);letter-spacing:.14em;font-weight:900;font-size:.73rem}
.path-tile h2{font-size:clamp(2rem,3vw,3.1rem);line-height:1.12;margin:16px 0 9px}
.path-tile h2 a{text-decoration:none}
.path-tile h2 a:hover,.path-tile h2 a:focus-visible{text-decoration:underline;text-underline-offset:.12em}
.path-tile>p:not(.path-tile-index){color:#d0ddea;line-height:1.6}
.path-tile-list{list-style:none;padding:0;margin:14px 0 26px}
.path-tile-list li{margin:10px 0;padding-left:19px;position:relative;color:#dbe6f0}
.path-tile-list li:before{content:"";position:absolute;left:0;top:.58em;width:7px;height:7px;background:var(--tile-color);transform:rotate(45deg)}
.path-tile-action{margin-top:auto;color:var(--tile-color);text-decoration:none;font-weight:900;border-bottom:1px solid currentColor;padding-bottom:5px}
.path-tile-action:hover,.path-tile-action:focus-visible{color:#fff}
.paths-crossroads{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:center;padding:clamp(30px,5vw,60px);border:1px solid #29445d;background:linear-gradient(100deg,#0b1b2c,#05101d)}
.paths-crossroads h2,.paths-bottom-cta h2,.path-detail-cta h2{font-size:clamp(1.9rem,3.3vw,3.2rem);letter-spacing:-.035em;line-height:1.12;margin:.4rem 0}
.paths-crossroads p:not(.paths-eyebrow){color:#cdd9e8;line-height:1.65;max-width:850px}
.paths-crossroads-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.paths-bottom-cta{text-align:center;margin-top:40px;padding:clamp(35px,5vw,65px);background:#0b1523;border:1px solid #264157}
.paths-bottom-cta>p{max-width:660px;margin:14px auto 24px;color:#c6d4e2}
.paths-bottom-cta .paths-quiet{margin-top:18px}
.paths-crumb{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:.8rem;padding:24px 0;color:#aebfd1}
.paths-crumb a{color:#d7edfa}
.path-detail-hero{position:relative;border:1px solid #284359;border-left:4px solid var(--path-accent);padding:clamp(36px,6vw,76px);background:radial-gradient(ellipse at 90% 0,var(--path-accent-soft),transparent 53%),linear-gradient(135deg,#0c2131,#050911);overflow:hidden}
.path-detail-hero h1{max-width:1100px}
.path-detail-hero>p:not(.paths-eyebrow){max-width:800px}
.path-detail-hero>p:last-of-type{color:#c4d2df;line-height:1.65;font-size:1rem}
.path-hero-action{display:inline-flex;align-items:center;gap:12px;margin-top:25px;font-weight:900;color:var(--path-accent);text-decoration:none;border-bottom:2px solid var(--path-accent);padding:8px 0}
.path-hero-action:hover,.path-hero-action:focus-visible{color:#fff;border-color:#fff}
.path-steps{list-style:none;margin:25px 0 0;padding:0}
.path-step{display:grid;grid-template-columns:90px minmax(0,1fr);gap:24px;padding:clamp(23px,3.5vw,42px) 0;border-top:1px solid #30495e}
.path-step:last-child{border-bottom:1px solid #30495e}
.path-step-number{font-weight:900;letter-spacing:-.07em;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;color:var(--path-accent)}
.path-step-label{color:var(--path-accent);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:900;margin:0 0 12px}
.path-step-body h3{margin:0 0 12px;font-size:clamp(1.55rem,2.7vw,2.35rem);line-height:1.14}
.path-step-body>p:not(.path-step-label){max-width:790px;color:#d8e3ef;line-height:1.65;margin:0 0 12px}
.path-step-body .path-step-example{padding:14px 18px;border-left:2px solid var(--path-accent);background:var(--path-accent-soft);color:#d1dfea!important}
.path-takeaway{font-size:clamp(1rem,1.9vw,1.25rem);font-weight:700;border-left:4px solid var(--path-accent);padding:8px 0 8px 20px;line-height:1.6}
.path-detail-cta{padding:clamp(35px,5vw,65px);background:radial-gradient(ellipse at 100% 0,var(--path-accent-soft),transparent 60%),#0a1a29;border:1px solid #365168}
.path-detail-cta>p:not(.paths-eyebrow){color:#d5e0eb;max-width:730px;line-height:1.65}
.path-detail-cta .button.primary{margin:14px 0 8px}
.path-detail-cta .paths-quiet{font-size:.83rem;color:#b8cadb}
.path-next{display:flex;gap:18px;flex-wrap:wrap;padding:28px 0;align-items:center}
.path-next .paths-eyebrow{width:100%;margin:0}
.path-next a{color:#c8e9fc;font-size:.88rem;font-weight:800;text-underline-offset:4px}
.path-next a:hover,.path-next a:focus-visible{color:#fff}
@media(max-width:940px){.path-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.paths-crossroads{grid-template-columns:1fr}}
@media(max-width:700px){.paths-wrap{padding-bottom:48px}.path-tile-grid{grid-template-columns:1fr}.path-tile{min-height:0}.paths-hero{padding:45px 24px}.paths-hero:after{opacity:.35}.path-detail-hero{padding:36px 23px}.path-step{grid-template-columns:55px minmax(0,1fr);gap:13px}.paths-crossroads,.paths-bottom-cta,.path-detail-cta{padding:26px 21px}.paths-crossroads-actions .button{width:100%}.path-next{flex-direction:column;align-items:flex-start;gap:13px}}
@media(prefers-reduced-motion:reduce){.paths-page *{scroll-behavior:auto}}

/* Homepage entry points use the same cards without displacing Play/Run/Create/Explore. */
.paths-home{--path-accent:var(--cyan);padding-top:clamp(42px,5vw,74px);padding-bottom:clamp(42px,5vw,74px)}
.paths-home .paths-section-heading>p:not(.paths-eyebrow){max-width:790px;color:#c9d8e6;line-height:1.6;font-size:1.06rem;margin-top:0;margin-bottom:28px}
.paths-home .path-tile{min-height:300px}
.paths-home .path-tile h3{font-size:clamp(1.8rem,2.8vw,2.7rem);line-height:1.12;margin:16px 0 10px}
.paths-home .path-tile h3 a{text-decoration:none}
.paths-home .path-tile h3 a:hover,.paths-home .path-tile h3 a:focus-visible{text-decoration:underline;text-underline-offset:.12em}
.paths-home-bottom{margin:22px 0 0;color:#aebdcd;font-size:.9rem}
.paths-home-bottom a{color:#a9eeff;font-weight:900;text-underline-offset:4px}
.paths-home-bottom a:hover,.paths-home-bottom a:focus-visible{color:#fff}
.role-interest-note{padding:14px 18px;border-left:3px solid var(--cyan);background:#082437;color:#d6f5ff;font-weight:700;line-height:1.6}
.role-interest-note[hidden]{display:none!important}
@media(max-width:700px){.paths-home .path-tile{min-height:215px}.paths-home-bottom span{display:none}}