/* An intent-led constellation. All component styles are locally scoped. */
.world-explorer{--we-color:#c9a4ff;--we-glow:#8550de;position:relative;isolation:isolate;overflow:hidden;background:#0b091b;padding:95px 0 68px;border-block:1px solid #ffffff13}
.world-explorer[data-we-intent="break"]{--we-color:#ffae83;--we-glow:#d85847}
.world-explorer[data-we-intent="make"]{--we-color:#84e9de;--we-glow:#248c9b}
.world-explorer .we-shell{width:min(1248px,calc(100% - 112px));margin-inline:auto;position:relative}
.world-explorer .we-heading-row{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;position:relative;z-index:2}
.world-explorer .we-heading-row h2{font-size:clamp(44px,5.3vw,76px);line-height:.99;letter-spacing:-3.5px;font-weight:650;max-width:760px}
.world-explorer .we-heading-row>p{font-size:16px;line-height:1.75;color:#b6accb;padding-bottom:5px;max-width:290px}
.world-explorer .we-universe{position:relative;display:grid;grid-template-columns:.95fr 1.3fr 1.12fr;align-items:center;min-height:440px;gap:22px;margin-top:42px}
.world-explorer .we-connections{position:absolute;inset:0;width:100%;height:100%;z-index:-1;stroke:#a68bc426;stroke-width:1.2;overflow:visible}
.world-explorer .we-route{transition:stroke .5s,stroke-width .5s;stroke-dasharray:100;stroke-dashoffset:0}
.world-explorer[data-we-intent="think"] .we-route-think,.world-explorer[data-we-intent="break"] .we-route-break,.world-explorer[data-we-intent="make"] .we-route-make{stroke:var(--we-color);stroke-width:1.5;filter:drop-shadow(0 0 5px var(--we-glow))}
.world-explorer .we-result-route{stroke:var(--we-color);opacity:.55;transition:stroke .5s}
.world-explorer .we-intents{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding-block:35px;position:relative;z-index:2}
.world-explorer .we-intent{width:100%;padding:13px 14px 13px 0;display:flex;align-items:center;gap:16px;text-align:left;min-height:75px;color:#aca1bf;background:#0b091bf5;border:0;border-radius:0;position:relative;transition:color .2s,transform .25s}
.world-explorer .we-intent:after{content:"";position:absolute;bottom:2px;left:68px;right:16px;height:1px;background:linear-gradient(90deg,var(--we-color),transparent);opacity:0;transform:scaleX(.1);transform-origin:left;transition:opacity .25s,transform .35s}
.world-explorer .we-intent:hover{color:#fff;transform:translateX(4px)}
.world-explorer .we-intent[aria-pressed="true"]{color:var(--we-color)}
.world-explorer .we-intent[aria-pressed="true"]:after{opacity:.6;transform:scaleX(1)}
.world-explorer .we-intent strong{display:block;font-family:var(--display);font-size:clamp(17px,1.55vw,23px);font-weight:550;line-height:1.2;letter-spacing:-.4px}
.world-explorer .we-intent small{display:block;font-size:12px;color:#a99cba;margin-top:7px;white-space:nowrap}
.world-explorer .we-sigil{width:51px;height:51px;flex-shrink:0;display:grid;place-items:center;transition:filter .3s}
.world-explorer .we-sigil svg{width:48px;height:48px;stroke:currentColor;stroke-width:1.25}
.world-explorer .we-intent[aria-pressed="true"] .we-sigil{filter:drop-shadow(0 0 9px var(--we-glow))}
.world-explorer .we-choice-indicator{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:0;margin-left:auto;flex-shrink:0}
.world-explorer .we-intent[aria-pressed="true"] .we-choice-indicator{opacity:1;box-shadow:0 0 12px var(--we-color)}
.world-explorer .we-art-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:420px;isolation:isolate}
.world-explorer .we-art-halo{position:absolute;inset:12% -8%;background:radial-gradient(ellipse,color-mix(in srgb,var(--we-glow) 43%,transparent),transparent 67%);z-index:-2;transition:background .5s}
.world-explorer .we-compass{position:absolute;width:90%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--we-color) 18%,transparent);border-radius:50%;transform:rotate(-19deg);z-index:-1;transition:border-color .5s}
.world-explorer .we-compass:before{content:"";position:absolute;inset:-23px;border-radius:50%;border:1px dashed color-mix(in srgb,var(--we-color) 20%,transparent)}
.world-explorer .we-compass:after{content:"";position:absolute;inset:-24px;border:2px solid transparent;border-top-color:var(--we-color);border-radius:50%;clip-path:polygon(50% 50%,25% 0,75% 0);opacity:.75;animation:we-compass-turn 36s linear infinite}
.world-explorer .we-compass>span{position:absolute;width:7px;height:7px;background:var(--we-color);border-radius:50%;box-shadow:0 0 12px var(--we-glow)}
.world-explorer .we-compass>span:nth-child(1){left:calc(50% - 3px);top:-4px}.world-explorer .we-compass>span:nth-child(2){right:-4px;top:calc(50% - 3px)}.world-explorer .we-compass>span:nth-child(3){left:calc(50% - 3px);bottom:-4px}.world-explorer .we-compass>span:nth-child(4){left:-4px;top:calc(50% - 3px)}
.world-explorer .we-art-button{display:flex;align-items:center;justify-content:center;width:85%;height:82%;border:0;background:transparent;padding:10px;transform:rotate(-8deg);transition:transform .3s;cursor:pointer}
.world-explorer .we-art-button:hover{transform:rotate(-3deg) translateY(-6px)}
.world-explorer .we-artwork{width:auto;height:100%;max-width:90%;object-fit:contain;filter:drop-shadow(16px 26px 14px #0009)}
.world-explorer .we-art-stage[data-we-type="game"] .we-artwork{width:100%;height:auto;max-height:100%;max-width:115%}
.world-explorer .we-art-stage[data-we-type="app"] .we-artwork{width:120%;height:auto;max-width:120%;border-radius:6px;box-shadow:0 0 0 1px #fff2}
.world-explorer .we-art-stage[data-we-type="app"] .we-art-button{transform:rotate(-4deg)}
.world-explorer .we-stage-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:#a698be;letter-spacing:.1px}
.world-explorer .we-recommendation{position:relative;z-index:2;padding:15px 0 15px 16px;min-width:0;background:linear-gradient(90deg,#0b091b00,#0b091bf2 12%)}
.world-explorer .we-result-copy{min-height:302px}
.world-explorer .we-project-kind{font-size:12px;color:var(--we-color);margin-bottom:16px;transition:color .3s}
.world-explorer .we-project-title{font-family:var(--display);font-size:clamp(29px,2.8vw,41px);font-weight:550;letter-spacing:-1px;line-height:1.06;max-width:350px;text-wrap:balance;margin-bottom:17px}
.world-explorer .we-project-description{font-size:14px;line-height:1.7;color:#b9afca;max-width:36ch}
.world-explorer .we-project-status{display:block;font-size:11px;color:#a99fba;margin-top:14px}
.world-explorer .we-open{display:flex;align-items:center;gap:17px;background:var(--we-color);color:#160e28;padding:12px 18px;border:1px solid var(--we-color);border-radius:4px;font-size:13px;font-weight:650;min-height:48px;margin-top:24px;transition:background .2s,box-shadow .2s;max-width:100%}
.world-explorer .we-open:hover{box-shadow:0 0 28px color-mix(in srgb,var(--we-glow) 35%,transparent)}
.world-explorer .we-open svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
.world-explorer .we-next-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff1d;margin-top:23px;padding-top:12px}
.world-explorer .we-another{display:flex;align-items:center;gap:9px;min-height:44px;border:0;background:none;color:#c9bfd9;font-size:12px;padding:8px 2px}
.world-explorer .we-another:hover{color:var(--we-color)}
.world-explorer .we-another svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.4;flex-shrink:0}
.world-explorer .we-position{font-size:11px;color:#a59ab8;white-space:nowrap}
.world-explorer button:focus-visible{outline:3px solid var(--we-color);outline-offset:5px}
.world-explorer .we-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.motion-paused .world-explorer .we-compass:after{animation-play-state:paused}
@keyframes we-compass-turn{to{transform:rotate(360deg)}}
@media(min-width:1450px){.world-explorer .we-universe{gap:35px}.world-explorer .we-intent{gap:20px}}
@media(max-width:1050px){.world-explorer .we-shell{width:calc(100% - 80px)}.world-explorer .we-universe{grid-template-columns:.95fr 1.2fr 1.1fr;gap:10px}.world-explorer .we-intent{gap:10px}.world-explorer .we-sigil,.world-explorer .we-sigil svg{width:40px;height:40px}.world-explorer .we-intent strong{font-size:18px}.world-explorer .we-intent small{font-size:10px}.world-explorer .we-intent:after{left:50px}.world-explorer .we-art-stage{height:355px}.world-explorer .we-recommendation{padding-left:8px}.world-explorer .we-open{gap:9px;padding-inline:12px}.world-explorer .we-heading-row>p{font-size:14px}.world-explorer .we-result-copy{min-height:320px}}
@media(max-width:800px){.world-explorer{padding-block:65px 50px}.world-explorer .we-shell{width:calc(100% - 48px)}.world-explorer .we-heading-row{display:block}.world-explorer .we-heading-row h2{font-size:clamp(43px,7.5vw,63px);letter-spacing:-2.3px}.world-explorer .we-heading-row>p{margin-top:21px;max-width:360px}.world-explorer .we-heading-row>p br{display:none}.world-explorer .we-universe{grid-template-columns:1.1fr 1fr;gap:24px 18px;margin-top:27px;min-height:0}.world-explorer .we-intents{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 0 12px;border-bottom:1px solid #ffffff18}.world-explorer .we-intent{flex-direction:column;align-items:flex-start;padding:12px 8px;gap:9px;min-height:98px;justify-content:flex-start;background:transparent}.world-explorer .we-intent strong{font-size:16px;letter-spacing:-.4px}.world-explorer .we-intent small{display:none}.world-explorer .we-intent:after{bottom:0;left:8px;right:8px}.world-explorer .we-choice-indicator{position:absolute;top:32px;right:14px}.world-explorer .we-connections{display:none}.world-explorer .we-art-stage{height:340px}.world-explorer .we-recommendation{padding:4px 0 0}.world-explorer .we-result-copy{min-height:0}.world-explorer .we-project-title{font-size:30px}.world-explorer .we-project-kind{margin-bottom:12px}.world-explorer .we-project-description{font-size:13px}.world-explorer .we-next-row{margin-top:18px;gap:4px}.world-explorer .we-another{font-size:11px;gap:6px}.world-explorer .we-stage-caption{bottom:1px}}
@media(max-width:520px){.world-explorer .we-universe{grid-template-columns:1fr;gap:23px}.world-explorer .we-art-stage{width:min(350px,100%);height:326px;margin-inline:auto}.world-explorer .we-intents{gap:3px}.world-explorer .we-intent{padding-inline:5px}.world-explorer .we-intent strong{font-size:14px;letter-spacing:-.35px}.world-explorer .we-choice-indicator{right:7px}.world-explorer .we-project-title{font-size:36px;max-width:100%}.world-explorer .we-project-description{font-size:14px;max-width:44ch}.world-explorer .we-recommendation{padding-top:0}.world-explorer .we-project-kind{margin-bottom:12px}.world-explorer .we-next-row{margin-top:20px}.world-explorer .we-another{font-size:12px}.world-explorer .we-open{width:100%;justify-content:space-between;min-height:50px}.world-explorer .we-compass{width:82%}.world-explorer .we-stage-caption{font-size:10px}}
@media(max-width:360px){.world-explorer .we-shell{width:calc(100% - 32px)}.world-explorer .we-heading-row h2{font-size:41px;letter-spacing:-2px}.world-explorer .we-intent strong{font-size:13px}.world-explorer .we-art-stage{height:305px}.world-explorer .we-project-title{font-size:32px}}
@media(prefers-reduced-motion:reduce){.world-explorer *,.world-explorer *:before,.world-explorer *:after{animation:none!important;transition:none!important}.world-explorer .we-intent:hover{transform:none}.world-explorer .we-art-button:hover{transform:rotate(-8deg)}}