.user-row{grid-template-columns:48px minmax(0,1fr) auto auto auto}.diag-status{padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.diag-status.completed{border-color:#265f51;background:#163a31;color:#7ce2c1}.diag-status.in_progress{border-color:#465b9f;background:#172342;color:#a5b7ff}.auth-back{display:block;margin-top:22px;color:var(--muted);font-size:.9rem}

.public-page{--lime:#caff66;background:#070809;color:#eef1f5;overflow-x:hidden}.public-nav{position:relative;z-index:20;max-width:1440px;height:88px;margin:0 auto;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.public-brand{display:inline-flex;align-items:center;gap:12px}.public-brand>span{display:grid;place-items:center;width:39px;height:39px;border:1px solid #ffffff44;border-radius:50%;font-size:.76rem;font-weight:900;letter-spacing:-.04em}.public-brand strong{font-size:.92rem;letter-spacing:.01em}.public-nav nav{display:flex;align-items:center;gap:28px}.public-nav nav>a:not(.button){color:#a7abb4;font-size:.86rem}.public-nav nav>a:hover{color:white}.button.ghost{background:transparent;border-color:#ffffff2b}.button.large{min-height:58px;padding:0 25px;gap:28px;border-radius:2px;background:var(--lime);border-color:var(--lime);color:#10130b;letter-spacing:-.01em}.button.large:hover{filter:brightness(1.07)}
.hv-hero{position:relative;min-height:calc(100vh - 88px);max-width:1440px;margin:0 auto;padding:clamp(74px,10vw,150px) clamp(22px,6vw,88px) 96px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:center;gap:8vw;overflow:hidden}.hv-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 46%,#685cff22,transparent 30%),linear-gradient(110deg,transparent 52%,#ffffff05 52.1%,transparent 52.5%);pointer-events:none}.hero-copy{position:relative;z-index:2}.hero-kicker,.section-number{margin:0 0 28px;color:var(--lime);font-size:.7rem;font-weight:900;letter-spacing:.2em}.hero-copy h1{max-width:980px;margin:0;font-size:clamp(3.1rem,6.7vw,7rem);line-height:.92;letter-spacing:-.068em;font-weight:590}.hero-copy h1 em{font-family:Georgia,serif;font-weight:400;color:#b9b0ff}.hero-lead{max-width:760px;margin:38px 0 0;color:#a6abb5;font-size:clamp(1.02rem,1.45vw,1.25rem);line-height:1.68}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:42px}.text-link{padding:12px 0;border-bottom:1px solid #ffffff44;color:#c9cbd1;font-size:.9rem}
.human-signal{position:relative;aspect-ratio:1;display:grid;place-items:center;z-index:1}.human-signal:before,.human-signal:after,.human-signal i{content:"";position:absolute;border:1px solid #ffffff1f;border-radius:50%}.human-signal:before{inset:4%}.human-signal:after{inset:18%;border-color:#caff6633}.human-signal i:nth-of-type(1){inset:31%;border-style:dashed;animation:spin 22s linear infinite}.human-signal i:nth-of-type(2){width:13px;height:13px;background:var(--lime);border:0;left:13%;top:35%;box-shadow:0 0 35px #caff66}.human-signal i:nth-of-type(3){width:8px;height:8px;background:#8076ff;border:0;right:22%;bottom:19%;box-shadow:0 0 30px #8076ff}.signal-core{display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:#efeee9;color:#090a0b;font-weight:900;font-size:1.8rem;box-shadow:0 0 90px #caff6618}.human-signal small{position:absolute;bottom:3%;font-size:.6rem;letter-spacing:.22em;color:#737985}@keyframes spin{to{transform:rotate(360deg)}}.hero-orbit{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.orbit-one{right:-240px;top:10%;width:500px;height:500px;border:1px solid #ffffff0e}.orbit-two{left:-300px;bottom:-390px;width:660px;height:660px;border:1px solid #796dff22}
.manifest,.wendy-section,.privacy-section,.final-invite{max-width:1296px;margin:0 auto;padding:140px clamp(22px,5vw,72px)}.manifest{display:grid;grid-template-columns:.55fr 1.45fr;gap:7vw;border-top:1px solid #ffffff14}.manifest h2,.wendy-copy h2,.privacy-section h2,.final-invite h2{margin:0;font-size:clamp(2.4rem,5vw,5.4rem);line-height:1;letter-spacing:-.055em;font-weight:550}.manifest p:not(.section-number),.wendy-copy>p:not(.section-number){max-width:760px;color:#a6abb5;font-size:1.12rem;line-height:1.8}.wendy-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw;align-items:center;border-top:1px solid #ffffff14}.wendy-visual{position:relative;min-height:520px;display:grid;place-items:center;border:1px solid #ffffff13;background:radial-gradient(circle,#6d63ff29,transparent 48%)}.wendy-visual:before,.wendy-visual:after{content:"";position:absolute;inset:16%;border:1px solid #ffffff22;border-radius:50%}.wendy-visual:after{inset:29%;border-color:#caff6644}.wendy-visual b{font:400 clamp(7rem,15vw,12rem)/1 Georgia,serif;color:#f4f1e9}.wendy-visual small{position:absolute;bottom:27px;letter-spacing:.2em;color:#777d88;font-size:.58rem}.wendy-line{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#caff6688,transparent)}.three-directions{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:42px;background:#ffffff16;border:1px solid #ffffff16}.three-directions span{padding:20px;background:#0a0b0d;color:#dcdfe5;font-size:.9rem}.three-directions span:before{content:"";display:inline-block;width:6px;height:6px;margin-right:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px #caff66}
.privacy-section{border-top:1px solid #ffffff14}.privacy-section>div:first-child{display:grid;grid-template-columns:.55fr 1.45fr;gap:7vw}.privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;background:#ffffff17;border:1px solid #ffffff17}.privacy-grid article{min-height:260px;padding:28px;background:#0b0c0e}.privacy-grid article>span{color:var(--lime);font:700 .68rem ui-monospace,monospace}.privacy-grid h3{margin:56px 0 14px;font-size:1.2rem}.privacy-grid p{margin:0;color:#8e949f;line-height:1.65;font-size:.92rem}.final-invite{text-align:center;border-top:1px solid #ffffff14}.final-invite>p{margin:0 0 13px;color:#9298a2}.final-invite h2{font-family:Georgia,serif;font-weight:400;color:#bdb6ff}.final-invite .button{margin-top:42px}.public-footer{max-width:1296px;margin:0 auto;padding:30px clamp(22px,5vw,72px);display:flex;gap:28px;border-top:1px solid #ffffff14;color:#727782;font-size:.76rem}.public-footer span{margin-right:auto}
.consent-overlay{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:22px;background:#020304d9;backdrop-filter:blur(14px)}.consent-card{width:min(590px,100%);padding:clamp(28px,5vw,52px);border:1px solid #ffffff27;background:#101216;box-shadow:0 34px 110px #000}.consent-mark{color:var(--lime);font-size:.62rem;font-weight:900;letter-spacing:.2em}.consent-card h2{margin:18px 0;font-size:clamp(2rem,5vw,3.2rem);line-height:1;letter-spacing:-.05em}.consent-card>p,.consent-card li{color:#a5aab4;line-height:1.65}.consent-card ul{margin:22px 0;padding-left:20px}.consent-card form{display:grid;gap:20px;margin-top:28px}.consent-check{display:grid;grid-template-columns:20px 1fr;align-items:start;gap:12px;font-size:.86rem;font-weight:500;line-height:1.5}.consent-check input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent)}.consent-check a{text-decoration:underline;text-underline-offset:3px}.legal{width:min(880px,calc(100% - 44px));margin:0 auto;padding:100px 0 140px}.legal>h1{font-size:clamp(2.7rem,6vw,5rem);line-height:1;letter-spacing:-.055em}.legal section{padding:36px 0;border-top:1px solid #ffffff18}.legal section:first-of-type{margin-top:70px}.legal h2{font-size:1.25rem}.legal p{max-width:760px;color:#a7adb7;line-height:1.75}.legal-page .public-nav>.button{margin-left:auto}
.member-auth{background:radial-gradient(circle at 15% 10%,#5c50e42a,transparent 37%),radial-gradient(circle at 90% 100%,#caff6610,transparent 35%),#070809}.member-auth .member-card{padding:42px;background:#0d0f13}.member-card .public-brand{margin-bottom:42px}.member-card h1{font-size:2.8rem}.member-card .eyebrow{margin-top:16px}.member-card .primary{min-height:50px;background:#caff66;border-color:#caff66;color:#0b0e08}.auth-switch{margin:24px 0 0;text-align:center;color:var(--muted);font-size:.9rem}.auth-switch a{color:#c7ff6d}.register-card{max-width:520px}.consent-check.compact{grid-template-columns:20px 1fr}

.diagnostic-page{--test-panel:#0e1117;min-height:100vh;background:radial-gradient(circle at 16% 8%,#4339ad24,transparent 31%),#080a0e;color:#eef1f5}.test-nav{height:72px;padding:0 clamp(18px,3.5vw,54px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13}.test-user{display:flex;align-items:center;gap:18px;color:#9ba2ad;font-size:.84rem}.test-user form{margin:0}.test-user .link{padding:7px 10px}.diagnostic-app{max-width:1600px;margin:0 auto;padding:clamp(22px,3vw,46px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:28px;transition:opacity .2s}.diagnostic-app.is-busy{opacity:.68;pointer-events:none}.diagnostic-column{min-width:0}.test-progress{display:grid;grid-template-columns:auto minmax(100px,1fr) auto;align-items:center;gap:18px;margin-bottom:22px;color:#818894;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.test-progress>div{height:1px;background:#ffffff1a}.test-progress i{display:block;height:1px;width:25%;background:#caff66;box-shadow:0 0 10px #caff66;transition:width .35s}.test-progress b{color:#afb5bf;font-size:.66rem}.wendy-card{min-height:690px;padding:clamp(24px,4vw,54px);border:1px solid #ffffff14;background:linear-gradient(145deg,#11151d,#0b0e13);box-shadow:0 30px 80px #0005}.wendy-card>header{display:flex;align-items:center;gap:13px;padding-bottom:28px;border-bottom:1px solid #ffffff12}.wendy-avatar{display:grid;place-items:center;width:42px;height:42px;border:1px solid #caff6655;border-radius:50%;font:400 1.25rem Georgia,serif;color:#d7ff8c;box-shadow:inset 0 0 22px #caff660e}.wendy-card>header>div:last-child{display:grid}.wendy-card>header strong{font-size:.91rem}.wendy-card>header span{color:#6f7784;font-size:.72rem}.wendy-message{display:grid;grid-template-columns:28px 1fr;gap:13px;align-items:start;margin:34px 0 40px}.wendy-message>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#d8ff8c;color:#101309;font:700 .7rem Georgia,serif}.wendy-message p{margin:1px 0 0;max-width:670px;color:#a5acb8;line-height:1.66}.question-count{margin:0 0 14px;color:#caff66;font-size:.62rem;font-weight:900;letter-spacing:.17em}.wendy-card h1{max-width:780px;margin:0 0 14px;font-size:clamp(2rem,3.5vw,4.3rem);line-height:1.02;letter-spacing:-.055em;font-weight:560}.question-note{max-width:650px;margin:0 0 32px;color:#818996;line-height:1.65}.order-list,.way-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 28px}.order-pill,.way-chips>span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #ffffff1b;background:#ffffff07;color:#c9ced7;font-size:.8rem}.order-pill b,.way-chips b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#7469ff;color:white;font-size:.62rem}.state-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.state-choices button{min-height:76px;padding:0 20px;justify-content:flex-start;gap:14px;background:#ffffff05;border-color:#ffffff16;border-radius:2px}.state-choices button:hover{background:#caff660c;border-color:#caff6666}.state-choices i{width:28px;color:#caff66;font-style:normal;font-size:1.3rem}.state-choices span{font-weight:600}.state-choices small{margin-left:auto;color:#636b76;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.quiet-action{min-height:auto;padding:8px 0;border:0;background:transparent;color:#777f8b;font-size:.78rem}.quiet-action:hover{color:white;border:0}.current-state{display:flex;align-items:center;gap:15px;margin:0 0 24px}.current-state>i{display:grid;place-items:center;width:52px;height:52px;border:1px solid #caff6640;border-radius:50%;color:#caff66;font-style:normal;font-size:1.35rem}.current-state>span{display:grid;font-size:1.05rem;font-weight:700}.current-state small{color:#6e7682;font:700 .62rem ui-monospace,monospace;letter-spacing:.15em}.number-choices{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:36px}.number-choices button{min-height:58px;border-radius:2px;background:#ffffff05;border-color:#ffffff17;font-size:1.05rem}.number-choices button:hover{background:#caff66;color:#101309;border-color:#caff66}
.ways-stage{display:flex;align-items:center;justify-content:space-between;gap:20px}.mini-states{display:flex;gap:6px}.mini-state{display:grid;place-items:center;width:27px;height:27px;border:1px solid #ffffff18;border-radius:50%;color:#59606c;font-style:normal;font-size:.66rem}.mini-state.done{border-color:#caff6655;color:#caff66;background:#caff660d}.mini-state.current{box-shadow:0 0 0 3px #756bff22;border-color:#756bff}.way-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:30px}.way-form input{min-height:58px;border-radius:2px;background:#080a0f;border-color:#ffffff1e;padding:0 18px}.way-form .primary{min-width:145px;gap:22px;border-radius:2px;background:#caff66;border-color:#caff66;color:#101309}.way-footer{display:flex;justify-content:space-between;align-items:center;margin-top:17px;color:#737b87;font-size:.75rem}.wendy-hint{margin-top:24px;padding:15px 18px;border-left:2px solid #caff66;background:#caff6609;color:#cbd0d7;line-height:1.55;font-size:.88rem}.autosave-note{display:flex;align-items:center;gap:9px;margin:14px 2px;color:#69717d;font-size:.72rem}.autosave-note span{width:6px;height:6px;border-radius:50%;background:#43d19e;box-shadow:0 0 12px #43d19e}
.next-state{min-height:50px;margin-top:26px;gap:24px;border-radius:2px;background:#caff66;border-color:#caff66;color:#101309}
.potential-panel{position:sticky;top:22px;height:calc(100vh - 44px);padding:28px;border:1px solid #ffffff12;background:#0b0e13;overflow:hidden}.potential-panel>header{display:grid;grid-template-columns:1fr auto;align-items:end;padding-bottom:22px;border-bottom:1px solid #ffffff12}.potential-panel header .section-number{grid-column:1/-1;margin-bottom:7px}.potential-panel h2{margin:0;font-size:2.1rem;letter-spacing:-.045em}.potential-panel>header>span{max-width:220px;color:#717986;text-align:right;font-size:.7rem;line-height:1.5}.paths-map{height:calc(100% - 83px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#ffffff11;overflow:hidden}.path-lane{min-width:0;background:#0b0e13;overflow:hidden;display:grid;grid-template-rows:48px 1fr}.path-lane>header{display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid #ffffff10}.path-lane>header>i{width:5px;height:5px;border-radius:50%;background:#3e4550;transition:.3s}.path-lane.complete>header>i{background:#caff66;box-shadow:0 0 14px #caff66}.path-lane>header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.7rem}.path-lane>header small{margin-left:auto;color:#545c67;font-size:.57rem}.path-lane>div{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#292f38 transparent}.path-effect{position:relative;min-height:35px;padding:7px 8px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:4px;border-bottom:1px solid #ffffff08;color:#626a76;transition:.35s}.path-effect:before{content:"";position:absolute;left:0;top:50%;width:1px;height:0;background:#caff66;box-shadow:0 0 15px #caff66;transition:.35s}.path-effect.active{color:#cdd2da;background:#caff6605}.path-effect.active:before{top:0;height:100%}.path-effect>b{font:500 .52rem ui-monospace,monospace;color:#4c535e}.path-effect>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6rem}.path-effect>div{grid-column:2;display:flex;gap:3px;margin-top:2px}.code-dot{width:4px;height:4px;border-radius:50%;background:#303640;transition:.3s}.code-dot.active{background:#9fca58;box-shadow:0 0 5px #caff6688}.code-dot.flare,.path-effect.flare .code-dot.active{animation:codeFlare 1.35s ease-out}.path-effect.flare{animation:effectFlare 1.4s ease-out}@keyframes codeFlare{0%{transform:scale(1);box-shadow:0 0 0 #caff66}25%{transform:scale(3.4);background:white;box-shadow:0 0 24px 8px #caff66}100%{transform:scale(1);box-shadow:0 0 5px #caff6688}}@keyframes effectFlare{0%{background:#ffffff05}30%{background:#caff6630}100%{background:#caff6605}}
.completion-mark{position:relative;width:120px;height:120px;margin:70px 0 40px;display:grid;place-items:center}.completion-mark>span{position:relative;z-index:2;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#caff66;color:#101309;font:700 1.7rem Georgia,serif;box-shadow:0 0 50px #caff6666}.completion-mark i{position:absolute;inset:0;border:1px solid #caff6655;border-radius:50%;animation:completePulse 2.5s ease-out infinite}.completion-mark i:last-child{inset:18px;animation-delay:.5s}@keyframes completePulse{0%{transform:scale(.65);opacity:1}100%{transform:scale(1.25);opacity:0}}.completion-copy{max-width:700px;color:#a6adb8;font-size:1.06rem;line-height:1.7}.processing-line{display:flex;align-items:center;gap:11px;margin:30px 0}.processing-line i{width:8px;height:8px;border-radius:50%;background:#caff66;box-shadow:0 0 16px #caff66;animation:blink 1.4s ease-in-out infinite}.processing-line span{color:#cbd0d7;font-size:.84rem}@keyframes blink{50%{opacity:.35}}.loading{margin-top:50px;color:#858d99}
.test-rules{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.test-rules article,.path-admin-card{display:grid;gap:7px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.test-rules b{color:var(--accent2);font:.7rem ui-monospace,monospace}.test-rules span,.path-admin-card p,.path-admin-card>span{color:var(--muted);font-size:.82rem}.path-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.path-admin-card h3{margin:6px 0;font-size:1.4rem}.path-admin-card p{margin:0}.testing-copy{margin-top:28px}.testing-copy h2{margin:0}

@media(max-width:1100px){.hv-hero{grid-template-columns:1fr}.human-signal{position:absolute;right:-110px;top:80px;width:430px;opacity:.46}.hero-copy{max-width:920px}.diagnostic-app{grid-template-columns:1fr}.potential-panel{position:relative;top:auto;height:720px}.wendy-card{min-height:620px}}
@media(max-width:760px){.public-nav{height:70px}.public-nav nav>a:not(.button){display:none}.public-nav nav{gap:8px}.hv-hero{min-height:auto;padding-top:96px;padding-bottom:90px}.hero-copy h1{font-size:clamp(3rem,14vw,5rem)}.human-signal{right:-190px;top:110px;width:390px;opacity:.3}.hero-lead{max-width:90%}.hero-actions{align-items:flex-start;flex-direction:column}.manifest,.wendy-section,.privacy-section,.final-invite{padding-top:90px;padding-bottom:90px}.manifest,.wendy-section,.privacy-section>div:first-child{grid-template-columns:1fr}.wendy-visual{min-height:380px}.privacy-grid{grid-template-columns:1fr}.privacy-grid article{min-height:210px}.privacy-grid h3{margin-top:34px}.public-footer{flex-wrap:wrap}.public-footer span{width:100%;margin:0}.diagnostic-app{padding:14px}.test-nav{height:62px}.test-user>span{display:none}.test-progress{grid-template-columns:auto 1fr}.test-progress b{display:none}.wendy-card{min-height:620px;padding:24px 18px}.state-choices{grid-template-columns:1fr}.number-choices{grid-template-columns:repeat(5,1fr)}.way-form{grid-template-columns:1fr}.way-form .primary{min-height:50px}.potential-panel{height:650px;padding:18px}.potential-panel>header{grid-template-columns:1fr}.potential-panel>header>span{display:none}.paths-map{height:calc(100% - 74px)}.path-lane>header{padding:0 6px}.path-lane>header strong{font-size:.6rem}.path-effect{padding:7px 5px;grid-template-columns:14px 1fr}.path-effect>span{font-size:.54rem}.path-effect>b{font-size:.47rem}.test-rules,.path-admin-grid{grid-template-columns:1fr}.diag-status{display:none}.user-row{grid-template-columns:44px minmax(0,1fr) auto}}

/* Three living roadmaps */
.potential-panel{background:radial-gradient(circle at 80% 0,#5e31a51d,transparent 30%),#090c12}
.paths-map{height:calc(100% - 83px);display:flex;flex-direction:column;gap:12px;padding:14px 0;background:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#333b48 transparent}
.path-road{flex:0 0 185px;position:relative;overflow-x:auto;overflow-y:hidden;border:1px solid #ffffff10;background:linear-gradient(90deg,#0d1118,#090c11);scrollbar-width:thin;scrollbar-color:#303846 transparent}
.path-road>header{position:sticky;z-index:6;left:0;width:170px;height:42px;display:flex;align-items:center;gap:10px;padding:0 14px;background:linear-gradient(90deg,#11151d 75%,transparent);pointer-events:none}
.path-road>header small{color:hsl(calc(285 + var(--path-h,0)) 85% 72%);font:.58rem ui-monospace,monospace}.path-road>header strong{font-size:.75rem;letter-spacing:.05em}
.path-0{--path-h:0}.path-1{--path-h:105}.path-2{--path-h:210}
.hue-0{--h:285}.hue-1{--h:305}.hue-2{--h:325}.hue-3{--h:345}.hue-4{--h:5}.hue-5{--h:25}.hue-6{--h:45}.hue-7{--h:75}.hue-8{--h:105}.hue-9{--h:135}.hue-10{--h:165}.hue-11{--h:185}.hue-12{--h:205}.hue-13{--h:225}.hue-14{--h:245}.hue-15{--h:265}.hue-16{--h:295}.hue-17{--h:335}
.road-thread{position:relative;width:max-content;min-width:100%;height:140px;display:flex;align-items:flex-start;gap:44px;padding:33px 48px 18px 66px}
.road-thread:before{content:"";position:absolute;left:62px;right:54px;top:49px;height:1px;background:linear-gradient(90deg,hsl(calc(285 + var(--path-h)) 85% 58% / .2),hsl(calc(345 + var(--path-h)) 95% 62% / .7),hsl(calc(425 + var(--path-h)) 90% 58% / .25));box-shadow:0 0 12px hsl(calc(320 + var(--path-h)) 95% 60% / .35)}
.road-effect{position:relative;z-index:2;width:105px;display:grid;grid-template-columns:18px 1fr;grid-template-rows:auto auto;gap:5px 8px;color:#69717d}
.effect-node{width:16px;height:16px;border:2px solid hsl(var(--h) 70% 42%);border-radius:50%;background:#0a0d12;box-shadow:0 0 0 4px #090c11;transition:.45s}
.road-effect>span{display:grid;margin-top:-3px}.road-effect>span small{color:#515966;font:.52rem ui-monospace,monospace}.road-effect>span strong{max-width:88px;overflow:hidden;text-overflow:ellipsis;color:#767f8d;font-size:.62rem;font-weight:600;white-space:nowrap;transition:.4s}
.road-codes{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px;max-width:92px;padding:7px 0 0 3px}.road-codes .code-dot{width:7px;height:7px;border:1px solid hsl(var(--h) 60% 34%);background:#0a0d12}
.road-effect.active .effect-node{border-color:hsl(var(--h) 100% 74%);background:hsl(var(--h) 100% 70%);box-shadow:0 0 0 4px #090c11,0 0 14px hsl(var(--h) 100% 65%),0 0 34px hsl(var(--h) 100% 62% / .65)}
.road-effect.active>span strong{color:hsl(var(--h) 95% 85%);text-shadow:0 0 13px hsl(var(--h) 90% 65% / .6)}
.road-codes .code-dot.active{background:hsl(var(--h) 100% 72%);border-color:hsl(var(--h) 100% 82%);box-shadow:0 0 7px hsl(var(--h) 100% 65%),0 0 16px hsl(var(--h) 100% 62% / .8)}
.road-effect.flare .effect-node{animation:roadEffectFlare 1.8s ease-out}.road-codes .code-dot.flare{animation:roadCodeFlare 1.5s ease-out}
.maximum-image{position:relative;z-index:2;width:190px;display:flex;align-items:center;gap:12px;margin:-15px 42px 0 0}.maximum-image>i{flex:none;width:50px;height:50px;border:1px solid #ffffff20;border-radius:50%;background:radial-gradient(circle,#ffffff0d,transparent 65%);box-shadow:0 0 0 7px #090c11}.maximum-image>span{display:grid}.maximum-image small{color:#656e7b;font-size:.48rem;letter-spacing:.12em}.maximum-image strong{margin-top:5px;color:#88919e;font-size:.62rem}.path-road.complete .maximum-image>i{border-color:#fff;background:radial-gradient(circle,#fff 0 8%,#70f7ff 9% 15%,#c45dff 28%,transparent 68%);box-shadow:0 0 0 7px #090c11,0 0 22px #65f5ff,0 0 55px #d35cff;animation:maximumGlow 3s ease-in-out infinite}.path-road.complete .maximum-image strong{color:#fff;text-shadow:0 0 14px #74e9ff}
@keyframes roadEffectFlare{0%{transform:scale(1)}25%{transform:scale(1.15);filter:brightness(2.8)}100%{transform:scale(1);filter:none}}@keyframes roadCodeFlare{0%{transform:scale(1)}30%{transform:scale(3.4);filter:brightness(3)}100%{transform:scale(1);filter:none}}@keyframes maximumGlow{50%{filter:hue-rotate(90deg) brightness(1.25)}}
@media(max-width:760px){.paths-map{height:calc(100% - 74px)}.path-road{flex-basis:170px}.road-thread{height:128px}.road-effect{width:96px}.potential-panel{height:660px}}

/* Compact vertical roadmaps: all three paths remain visible beside Wendy. */
.potential-panel{align-self:start;height:690px;margin-top:38px;display:grid;grid-template-rows:auto minmax(0,1fr)}
.paths-map{height:auto;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:0;background:#ffffff12;overflow:hidden}
.path-road{min-width:0;height:100%;overflow:hidden;display:grid;grid-template-rows:39px minmax(0,1fr);border:0;background:linear-gradient(180deg,#0d1118,#090c11)}
.path-road>header{position:static;width:auto;height:39px;padding:0 9px;background:#11151d;border-bottom:1px solid #ffffff10;pointer-events:auto}
.path-road>header small{font-size:.49rem}.path-road>header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem}
.road-thread{position:relative;width:100%;min-width:0;height:100%;display:grid;grid-template-rows:repeat(22,minmax(0,1fr));align-items:stretch;gap:0;padding:7px 5px 7px 7px;overflow:hidden}
.road-thread:before{left:12px;right:auto;top:10px;bottom:32px;width:1px;height:auto;background:linear-gradient(180deg,hsl(calc(285 + var(--path-h)) 85% 58% / .18),hsl(calc(345 + var(--path-h)) 95% 62% / .72),hsl(calc(425 + var(--path-h)) 90% 58% / .22));box-shadow:0 0 10px hsl(calc(320 + var(--path-h)) 95% 60% / .35)}
.road-effect{position:relative;z-index:2;width:auto;min-width:0;min-height:0;display:grid;grid-template-columns:10px minmax(0,1fr) auto;grid-template-rows:1fr;align-items:center;gap:3px;color:#69717d}
.effect-node{width:9px;height:9px;border-width:1px;box-shadow:0 0 0 3px #090c11}
.road-effect>span{min-width:0;display:flex;align-items:baseline;gap:3px;margin:0;overflow:hidden}
.road-effect>span small{flex:none;font-size:.4rem}.road-effect>span strong{max-width:none;min-width:0;font-size:clamp(.39rem,.42vw,.52rem);line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.road-codes{grid-column:3;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:2px;max-width:23px;padding:0}
.road-codes .code-dot{width:3px;height:3px;border-width:1px}
.road-effect.active .effect-node{box-shadow:0 0 0 3px #090c11,0 0 10px hsl(var(--h) 100% 65%),0 0 22px hsl(var(--h) 100% 62% / .58)}
.maximum-image{position:relative;z-index:2;width:auto;min-width:0;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:5px;margin:0;padding-top:2px}
.maximum-image>i{width:20px;height:20px;border-width:1px;box-shadow:0 0 0 3px #090c11}
.maximum-image>span{min-width:0}.maximum-image small{font-size:.35rem;letter-spacing:.06em}.maximum-image strong{margin-top:1px;font-size:.42rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.path-road.complete .maximum-image>i{box-shadow:0 0 0 3px #090c11,0 0 14px #65f5ff,0 0 30px #d35cff}

@media(max-width:1100px){.potential-panel{position:relative;top:auto;height:690px;margin-top:0}}
@media(max-width:760px){.potential-panel{height:620px;padding:14px}.paths-map{height:auto}.path-road{height:100%;grid-template-rows:34px minmax(0,1fr)}.path-road>header{height:34px;padding:0 5px}.path-road>header small{display:none}.path-road>header strong{font-size:.55rem}.road-thread{height:100%;padding:6px 3px 6px 5px}.road-thread:before{left:9px}.road-effect{grid-template-columns:8px minmax(0,1fr);gap:2px}.effect-node{width:7px;height:7px;box-shadow:0 0 0 2px #090c11}.road-effect>span small,.road-codes{display:none}.road-effect>span strong{font-size:.42rem}.maximum-image{grid-template-columns:17px minmax(0,1fr);gap:3px}.maximum-image>i{width:15px;height:15px}.maximum-image small{display:none}.maximum-image strong{font-size:.37rem}}