@font-face{font-family:Manrope;src:url(./Manrope-Light-tnotZ_2w.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(./Manrope-Regular-Dy0jyoUL.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(./Manrope-Bold-DEjRF1uU.ttf)format("truetype");font-weight:600 800;font-style:normal;font-display:swap}:root{--blue:#0064fa;--blue-deep:#0052cc;--cyan:#00d3f3;--navy:#000061;--black:#000;--charcoal:#3c3c3c;--white:#fff;--bg:#000;--bg-elevated:#0a0a12;--text:#ffffffb8;--text-strong:#fff;--text-muted:#ffffff73;--line:#0064fa47;--line-soft:#ffffff14;--display:"Manrope", sans-serif;--body:"Manrope", sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.4, 0, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0}body{background:var(--black);scrollbar-width:thin;scrollbar-color:var(--cyan) transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--cyan);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--cyan) 80%, white)}#root{width:100%;min-height:100dvh}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}a{color:inherit}.app{isolation:isolate;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:clip}.atmosphere{pointer-events:none;z-index:0;background:#000010;position:fixed;inset:0;overflow:hidden}.bg-art{object-fit:cover;object-position:center;width:100%;max-width:none;height:100%;animation:bgDrift 28s var(--ease-soft) infinite alternate;position:absolute;inset:0}.bg-veil{background:linear-gradient(105deg,#000000ad 0%,#0000106b 42%,#000000b8 100%),radial-gradient(80% 70% at 50% 45%,#0000002e 20%,#0000008c 100%);position:absolute;inset:0}.topbar{z-index:2;padding-top:max(1rem, env(safe-area-inset-top,0px));padding-right:max(clamp(1rem, 4vw, 2.5rem), env(safe-area-inset-right,0px));padding-bottom:1rem;padding-left:max(clamp(1rem, 4vw, 2.5rem), env(safe-area-inset-left,0px));-webkit-app-region:drag;app-region:drag;justify-content:space-between;align-items:center;gap:clamp(.75rem,2vw,1.5rem);min-height:4.5rem;display:flex;position:relative}html.is-electron .topbar{padding-left:max(clamp(1rem,4vw,2.5rem),84px)}.topbar.is-intro{min-height:2.5rem;padding-bottom:0}.topbar button,.topbar a,.brand-logo,.progress-wrap{-webkit-app-region:no-drag;app-region:no-drag}.brand-logo-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:inline-flex}.brand-logo-btn:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.brand-logo{pointer-events:none;width:min(168px,42vw);height:auto}.progress-wrap{flex-direction:column;align-items:flex-end;gap:.4rem;min-width:min(180px,40vw);display:flex}.progress-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.progress-track{background:#ffffff14;width:100%;height:3px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--blue), var(--cyan));height:100%;transition:width .45s var(--ease-out);box-shadow:0 0 16px #00d3f359}.stage{z-index:1;padding-top:.5rem;padding-right:max(clamp(1rem, 4vw, 2.5rem), env(safe-area-inset-right,0px));padding-bottom:max(2rem, calc(1.5rem + env(safe-area-inset-bottom,0px)));padding-left:max(clamp(1rem, 4vw, 2.5rem), env(safe-area-inset-left,0px));flex:1;justify-content:center;align-items:safe center;width:100%;min-width:0;display:flex;position:relative}.screen{width:min(720px,100%);min-width:0}.screen.quiz{padding-top:.75rem}.reveal{animation:riseIn .65s var(--ease-out) both}.event-tag{letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin:0 0 1.5rem;font-size:.8rem;font-weight:600}.hero-brand{flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;margin-bottom:1.75rem;display:flex}.hero-logo{pointer-events:none;width:min(320px,78vw);height:auto}.brand-sub{font-family:var(--display);color:var(--blue);letter-spacing:.08em;text-transform:uppercase;padding-bottom:.15rem;font-size:clamp(1.2rem,3.5vw,1.65rem);font-weight:700}.race-title{font-family:var(--display);color:var(--white);letter-spacing:-.03em;margin:0 0 .65rem;font-size:clamp(2rem,6vw,3.1rem);font-weight:800;line-height:1.05}.race-line{background:linear-gradient(90deg, var(--blue), var(--cyan), transparent);width:min(280px,70%);height:2px;margin:0 0 2rem;position:relative;overflow:visible}.race-pulse{background:var(--cyan);width:10px;height:10px;animation:racePulse 2.4s var(--ease-soft) infinite;border-radius:50%;margin-top:-5px;position:absolute;top:50%;left:0;box-shadow:0 0 16px #00d3f3cc}.intro-heading{font-family:var(--display);color:#ffffffe0;margin:0 0 1.1rem;font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:600}.intro-copy{max-width:34ch;color:var(--text);margin:0 0 1.5rem;font-size:1.08rem;line-height:1.65}.cta{background:linear-gradient(135deg, var(--blue) 0%, var(--blue-deep) 100%);min-height:48px;color:var(--white);letter-spacing:.02em;transition:transform .25s var(--ease-out);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:10px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.75rem;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 0 0 1px #00d3f326,0 12px 40px #0064fa59}@media (hover:hover) and (pointer:fine){.cta:hover{transform:translateY(-2px)}.cta:hover .cta-arrow{transform:translate(4px)}}.cta:active{transform:translateY(0)}.cta.secondary{box-shadow:none;background:0 0;border:1px solid #0064fa8c}.cta.secondary:hover{background:#0064fa1f}.cta-arrow{transition:transform .25s var(--ease-out);display:inline-block}.question-meta{margin-bottom:1.25rem}.q-number{letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-bottom:.55rem;font-size:.75rem;font-weight:700;display:inline-block}.q-title{font-family:var(--display);color:var(--white);letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,4.5vw,2.4rem);font-weight:700;line-height:1.15}.q-scenario{color:var(--text);max-width:52ch;margin:0 0 1.75rem;font-size:1.08rem;line-height:1.65}.options{flex-direction:column;gap:.75rem;display:flex}.option{text-align:left;border:1px solid var(--line-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:52px;transition:border-color .2s var(--ease-soft), background .2s var(--ease-soft), transform .2s var(--ease-out), box-shadow .2s var(--ease-soft);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#00000a73;border-radius:10px;grid-template-columns:auto 1fr;align-items:start;gap:.9rem;padding:1rem 1.1rem;display:grid}@media (hover:hover) and (pointer:fine){.option:hover:not(:disabled){background:#00143c9e;border-color:#0064fa8c;transform:translate(4px)}}.option:disabled{cursor:default}.option.is-selected{border-color:var(--cyan);background:linear-gradient(90deg,#0064fa38,#00d3f314);box-shadow:0 0 0 1px #00d3f340}@media (hover:hover) and (pointer:fine){.option.is-selected{transform:translate(4px)}}.option-key{width:2rem;height:2rem;color:var(--cyan);font-family:var(--display);border:1px solid #0064fa73;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.option.is-selected .option-key{background:var(--blue);border-color:var(--blue);color:var(--white)}.option-text{color:#ffffffe0;padding-top:.25rem;line-height:1.45}.result-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);margin:0 0 .55rem;font-size:.75rem;font-weight:700}.screen.result{width:min(1120px,100%)}.result-layout{grid-template-columns:minmax(260px,.9fr) minmax(0,1.35fr);align-items:start;gap:clamp(2rem,5vw,3.5rem);margin-bottom:2rem;display:grid}.result-insight{padding-right:clamp(.5rem,2vw,1.25rem);position:sticky;top:1.25rem}.result-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin:0 0 1rem;font-size:.75rem;font-weight:700}.screen.result .final-title{max-width:14ch;margin:0 0 1.25rem;font-size:clamp(1.55rem,3.2vw,2.15rem);line-height:1.18}.screen.result .final-copy{max-width:32ch;margin:0 0 .9rem;font-size:1rem}.screen.result .final-copy.emphasis{color:#ffffffdb;margin-bottom:1.5rem}.result-race-line{margin-bottom:1.25rem}.screen.result .final-tagline{max-width:18ch;margin:0;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.35}.result-profile{border-left:1px solid #0000;border-image:linear-gradient(#00d3f373,#0064fa33,#0000 85%) 1;min-width:0;padding-left:clamp(1.25rem,3vw,2.25rem)}.result-hero{align-items:center;gap:1.25rem;margin-bottom:1.75rem;display:flex}.result-hero .score-ring{flex-shrink:0;width:120px;height:120px;margin:0}.result-hero .score-ring-inner{width:98px;height:98px}.result-hero .score-value{font-size:2rem}.result-hero-copy{min-width:0}.screen.result .profile-name{margin:0;font-size:clamp(1.55rem,3.2vw,2.2rem)}.screen.result .profile-body{margin-bottom:1.35rem}.screen.result .profile-body p{max-width:none;font-size:.98rem}.screen.result .traits-block{margin-bottom:1.25rem;padding:1.1rem 0}.screen.result .development{max-width:none;margin-bottom:1rem;font-size:.98rem}.screen.result .closing-line{max-width:28ch;margin:0;font-size:clamp(1.05rem,2.2vw,1.25rem)}.result-footer{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem;padding-top:1.5rem;display:flex}.result-footer .disclaimer{flex:280px;max-width:52ch;margin:0;font-size:.8rem}.stage:has(.screen.result){align-items:flex-start;padding-top:1.25rem}.score-ring{--score:0%;background:conic-gradient(var(--blue) var(--score), #ffffff14 0);width:148px;height:148px;animation:ringIn .9s var(--ease-out) both;border-radius:50%;place-items:center;margin:0 0 1.5rem;display:grid}.score-ring-inner{background:#05050a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;width:124px;height:124px;display:flex}.score-value{font-family:var(--display);color:var(--white);font-size:2.4rem;font-weight:800;line-height:1}.score-max{letter-spacing:.12em;color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.profile-name{font-family:var(--display);color:var(--white);letter-spacing:-.03em;margin:0 0 1.25rem;font-size:clamp(2rem,5vw,2.75rem);font-weight:800;line-height:1.1}.profile-body{flex-direction:column;gap:1rem;margin-bottom:1.75rem;display:flex}.profile-body p{max-width:58ch;color:var(--text);margin:0;line-height:1.65}.traits-block{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);margin-bottom:1.5rem;padding:1.25rem 0}.traits-block h3{font-family:var(--display);color:var(--white);margin:0 0 .85rem;font-size:.95rem;font-weight:700}.traits-block ul{flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.traits-block li{color:#ffffffd1;padding-left:1.1rem;position:relative}.traits-block li:before{content:"";background:var(--cyan);width:.4rem;height:.4rem;position:absolute;top:.55em;left:0}.development{max-width:58ch;color:var(--text);margin:0 0 1.25rem;line-height:1.65}.closing-line{font-family:var(--display);color:var(--white);max-width:36ch;margin:0 0 2rem;font-size:clamp(1.15rem,2.8vw,1.4rem);font-weight:700;line-height:1.4}.final-title{font-family:var(--display);color:var(--white);letter-spacing:-.03em;max-width:16ch;margin:0 0 1.5rem;font-size:clamp(1.9rem,5vw,2.8rem);font-weight:800;line-height:1.15}.final-copy{max-width:36ch;color:var(--text);margin:0 0 1rem;font-size:1.08rem;line-height:1.65}.final-copy.emphasis{color:#ffffffe0;margin-bottom:1.75rem}.final-tagline{font-family:var(--display);color:var(--cyan);letter-spacing:-.01em;margin:0 0 2rem;font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700}.disclaimer{max-width:48ch;color:var(--text-muted);margin:0 0 2rem;font-size:.85rem;line-height:1.55}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes bgDrift{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.1)translate(-1.5%,1%)}}@keyframes ringIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes racePulse{0%{opacity:.3;left:0}15%{opacity:1}85%{opacity:1}to{opacity:.2;left:calc(100% - 10px)}}@media (width<=1024px){.screen.result{width:min(900px,100%)}.result-layout{gap:clamp(1.5rem,3vw,2.5rem)}.screen.result .final-title{font-size:clamp(1.4rem,2.8vw,1.9rem)}.result-hero .score-ring{width:110px;height:110px}.result-hero .score-ring-inner{width:90px;height:90px}.result-hero .score-value{font-size:1.85rem}}@media (width<=900px){.topbar{min-height:4rem}html.is-electron .topbar{padding-left:max(clamp(1rem,3vw,1.5rem),76px)}.brand-logo{width:min(148px,36vw)}.stage{padding-top:1rem;padding-bottom:max(2rem, calc(1.5rem + env(safe-area-inset-bottom,0px)));align-items:safe center}.screen.quiz{padding-top:1.15rem}.screen.result{align-self:flex-start}.hero-logo{width:min(280px,72vw)}.race-title{font-size:clamp(1.85rem,5.5vw,2.75rem)}.q-title{font-size:clamp(1.55rem,4vw,2.1rem)}.result-layout{grid-template-columns:1fr;gap:1.75rem}.result-insight{border-bottom:1px solid var(--line-soft);padding-bottom:1.5rem;padding-right:0;position:static}.result-profile{border-left:0;border-image:;padding-left:0}.screen.result .final-title,.screen.result .final-copy,.screen.result .final-tagline{max-width:none}.result-footer{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:1rem}.result-footer .disclaimer{flex:none;max-width:none}.result-footer .cta{width:100%}}@media (width<=768px){.topbar{padding-right:max(clamp(.85rem, 3.5vw, 1.25rem), env(safe-area-inset-right,0px));padding-left:max(clamp(.85rem, 3.5vw, 1.25rem), env(safe-area-inset-left,0px));gap:.75rem}.progress-wrap{flex:auto;min-width:min(140px,38vw);max-width:200px}.event-tag{letter-spacing:.18em;margin-bottom:1.1rem;font-size:.72rem}.hero-brand{margin-bottom:1.25rem}.intro-heading{font-size:clamp(1rem,3.2vw,1.2rem)}.intro-copy{max-width:none}.race-line{margin-bottom:1.5rem}.question-meta{margin-bottom:1rem}.q-scenario{max-width:none;margin-bottom:1.35rem}.options{gap:.65rem}.cta{width:100%;max-width:420px}.screen.intro .cta{max-width:none}.result-hero{gap:1rem;margin-bottom:1.35rem}.screen.result .profile-body p,.screen.result .development{font-size:.95rem}}@media (width<=640px){.topbar{min-height:3.5rem;padding-top:max(.85rem, env(safe-area-inset-top,0px));padding-bottom:.75rem}html.is-electron .topbar{padding-left:max(.85rem,72px)}.topbar.is-intro{min-height:1.5rem;padding-bottom:0}.brand-logo{width:min(112px,30vw)}.progress-wrap{flex:auto;min-width:0;max-width:min(150px,42vw)}.progress-label{font-size:.68rem}.stage{padding-top:.75rem;padding-bottom:max(1.5rem, calc(1rem + env(safe-area-inset-bottom,0px)))}.screen.quiz{padding-top:.5rem}.hero-logo{width:min(240px,78vw)}.race-title{font-size:clamp(1.7rem,8vw,2.25rem)}.intro-copy,.q-scenario,.option-text{font-size:.98rem}.option{gap:.75rem;padding:.9rem}.option-key{width:1.85rem;height:1.85rem;font-size:.85rem}.cta{width:100%;padding:.95rem 1.35rem;font-size:.98rem}.result-hero{flex-direction:column;align-items:flex-start}.result-hero .score-ring{width:104px;height:104px}.result-hero .score-ring-inner{width:86px;height:86px}.result-hero .score-value{font-size:1.7rem}.screen.result .profile-name{font-size:clamp(1.4rem,6vw,1.85rem)}.screen.result .final-title{margin-bottom:1rem;font-size:clamp(1.35rem,5.5vw,1.75rem)}.screen.result .final-copy{font-size:.95rem}.screen.result .traits-block{padding:1rem 0}.result-footer{gap:1rem;padding-top:1.25rem}.result-footer .disclaimer{flex-basis:auto;font-size:.75rem}}@media (width<=400px){.topbar{padding-right:max(.75rem, env(safe-area-inset-right,0px));padding-left:max(.75rem, env(safe-area-inset-left,0px))}html.is-electron .topbar{padding-left:max(.75rem,68px)}.brand-logo{width:min(108px,30vw)}.progress-wrap{min-width:0;max-width:140px}.hero-logo{width:min(200px,84vw)}.race-title{font-size:1.55rem}.q-title{font-size:1.4rem}.intro-copy,.q-scenario,.option-text{font-size:.92rem;line-height:1.55}.option{padding:.85rem .8rem}.event-tag,.q-number,.result-eyebrow,.result-kicker{letter-spacing:.14em;font-size:.68rem}}@media (height<=560px){.stage{padding-top:.35rem;padding-bottom:max(1rem, env(safe-area-inset-bottom,0px));align-items:flex-start}.screen.quiz{padding-top:.5rem}.topbar{min-height:3rem;padding-top:max(.65rem, env(safe-area-inset-top,0px));padding-bottom:.5rem}.hero-logo{width:min(200px,50vw)}.hero-brand{margin-bottom:.85rem}.event-tag{margin-bottom:.75rem}.race-title{margin-bottom:.4rem}.intro-heading{margin-bottom:.65rem}.intro-copy{margin-bottom:1rem}.race-line{margin-bottom:1.1rem}.q-scenario{margin-bottom:1rem}.options{gap:.5rem}.option{min-height:44px;padding:.7rem .85rem}}@media (width<=900px) and (orientation:landscape) and (height<=500px){.result-hero{flex-direction:row;align-items:center}.result-hero .score-ring{width:88px;height:88px}.result-hero .score-ring-inner{width:72px;height:72px}.result-hero .score-value{font-size:1.45rem}}@media (prefers-reduced-motion:reduce){.reveal,.bg-art,.score-ring,.progress-fill,.race-pulse,.cta,.option{transition:none!important;animation:none!important}.bg-art{transform:none}}