:root{color-scheme:dark;background:#09080e;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow-x:clip}.journey{height:670svh}.stage{height:100svh;min-height:320px;position:sticky;top:0;overflow:clip;isolation:isolate;background:radial-gradient(ellipse at 50% 48%,#231535 0%,#110d1b 44%,#09080e 76%)}#scene{position:absolute;inset:0;pointer-events:none}:where(#scene) canvas{display:block;width:100%;height:100%}.controls{position:absolute;z-index:3;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:6px;align-items:center}:where(#stage,.debug-panel) button{border:0;color:#d9c9eb;background:transparent;width:40px;height:40px;border-radius:50%;cursor:pointer;display:grid;place-items:center;padding:0}:where(#stage,.debug-panel) button:focus-visible{outline:2px solid #6ad7d4;outline-offset:2px}:where(#stage) nav{display:flex;gap:2px}:where(#stage) nav :where(#stage,.debug-panel) button:before{content:'';width:5px;height:5px;border-radius:50%;background:#80718e;transition:background .25s,box-shadow .25s}:where(#stage) nav button.active:before{background:#dcc3ff;box-shadow:0 0 12px #b784ff}:where(#stage) nav :where(#stage,.debug-panel) button:hover:before{background:#fff}:where(#stage,.debug-panel) button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4}.track{height:1px;position:absolute;bottom:0;left:0;right:0;background:#22182b}.track div{height:100%;background:linear-gradient(90deg,#7442aa,#b189e5,#57c9c5);transform-origin:left;transform:scaleX(0)}.loading{position:absolute;left:50%;top:50%;width:16px;height:16px;border:1px solid #503867;border-top-color:#d4b6f7;border-radius:50%;animation:load 1s linear infinite;transition:opacity .4s}.loading.done{opacity:0}.failure{position:absolute;top:45%;left:50%;transform:translateX(-50%);color:#dfd0ef;font-size:14px}.failure a{color:inherit}[hidden]{display:none!important}.after{height:18svh;background:#09080e}@keyframes load{to{rotate:360deg}}@media(max-width:760px){.journey{height:670svh}.controls{bottom:20px}}@media(prefers-reduced-motion:reduce){.journey{height:650svh}.loading{animation:none}*{transition:none!important}}

#leaders,#labels{position:absolute;inset:0;pointer-events:none;width:100%;height:100%}#leaders{overflow:visible;z-index:2}#leaders line{stroke:#c3a5e7;stroke-width:1}#labels{z-index:3}.component-label{position:absolute;transform:translateX(-50%);white-space:nowrap;font-size:12px;letter-spacing:.015em;color:#f0e5ff;padding:7px 10px;border-radius:5px;background:#171020db;line-height:18px}#final-message{position:absolute;z-index:3;top:8%;left:0;width:100%;margin:0;text-align:center;color:#c0a5da;font-size:clamp(16px,2vw,24px);line-height:1.5;font-weight:400;opacity:0;pointer-events:none}#final-message strong{color:#eee1ff;font-weight:400}@media(max-width:760px){.component-label{font-size:10px;padding:5px 6px;letter-spacing:0}#final-message{top:14%;font-size:17px}}
:where(#stage,.debug-panel) button{width:44px;height:44px}
.is-loading{overflow:hidden}.loading{position:fixed;inset:0;z-index:90;width:100%;height:100dvh;min-height:320px;border:0;border-radius:0;animation:none;background:radial-gradient(ellipse at 50% 40%,#fff 0,#f3eef9 55%,#e9e3f3 100%);display:grid;place-items:center;color:#151945;transition:opacity .65s,visibility .65s;transform:none}.loading.done{opacity:0;visibility:hidden;pointer-events:none}.loading-inner{width:min(310px,76vw);text-align:center}.loading-inner>img{display:block;width:214px;height:auto;margin:0 auto 24px}.loading-inner>p{font-size:14px;letter-spacing:.015em;margin:26px 0}.loading-orbit{width:88px;height:88px;margin:32px auto;border:1px solid #b7a4dc;border-radius:50%;position:relative;box-shadow:0 0 0 13px #9375ce0b,0 0 0 27px #9375ce05}.loading-orbit:after{content:'';position:absolute;inset:11px;border:1px solid #d1c5e3;border-radius:50%}.loading-orbit span{display:block;position:absolute;inset:-4px;animation:orbit 3.5s linear infinite}.loading-orbit span:after{content:'';display:block;width:7px;height:7px;background:#25b5be;border-radius:50%;position:absolute;left:50%;top:0;box-shadow:0 0 12px #25b5be55}.load-bar{height:2px;width:100%;background:#dcd4e9;overflow:hidden}.load-bar span{display:block;height:100%;background:linear-gradient(90deg,#8058d3,#31b4bb);transform:scaleX(0);transform-origin:left;transition:transform .12s linear}.load-meta{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#6b6380;margin-top:12px;min-height:30px;line-height:1.5}.failure{position:absolute;inset:0;z-index:30;transform:none;background:#10101b;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;font-size:14px}.failure img{width:min(640px,90vw);border-radius:14px;max-height:50vh;object-fit:contain}.failure p{max-width:400px;line-height:1.6}.failure :where(#stage,.debug-panel) button{width:auto;height:auto;border:1px solid #80718e;border-radius:24px;padding:12px 24px;margin:10px}.failure a{padding:12px;color:#c4a9f1}.no-script{position:fixed;z-index:100;inset:0;background:#eee8f6;color:#151945;display:grid;place-content:center;padding:24px;gap:20px}.no-script a{color:inherit}.debug-panel{position:fixed;z-index:40;top:8px;left:8px;width:250px;padding:12px;background:#080d17ed;border:1px solid #7776;color:#ceffed;font:11px/1.5 monospace;border-radius:8px}.debug-panel :where(#stage,.debug-panel) button{width:auto;height:auto;display:block;padding:6px 10px;background:#30334c;border-radius:4px;font:inherit;color:white}.debug-panel output{display:block;white-space:pre-wrap;margin-top:8px}@keyframes orbit{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-orbit span{animation:none}.loading{transition:none}}
.loading.done .loading-orbit span{animation:none}#debug-seek{display:flex;flex-wrap:wrap;gap:3px;margin-top:5px}#debug-seek :where(#stage,.debug-panel) button{font-size:10px;padding:4px 6px}