:root{color-scheme:dark;color:#f5f1e9;background:#03050a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;min-height:100%;margin:0}body{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.universe{isolation:isolate;background:#03050a;width:100%;height:100svh;min-height:320px;position:relative;overflow:hidden}@supports (height:100dvh){.universe{height:100dvh}}.universe-canvas,.universe-fallback,.universe-grain{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.universe-canvas{opacity:0;transition:opacity 1.4s}.universe[data-renderer=ready] .universe-canvas{opacity:1}.universe-fallback{background:radial-gradient(at 62% 55%,#13203966,#0000 48%),radial-gradient(at 38% 42%,#4b251929,#0000 40%),#03050a}.fallback-horizon{aspect-ratio:1;background:#010205;border-radius:50%;width:min(38vh,47vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px 1px #dec2a6,0 0 12px 1px #a16e4e88,0 0 60px 7px #5975b322}.fallback-horizon:after{content:"";border:1px solid #d4b29199;border-radius:50%;position:absolute;inset:42% -63%;transform:rotate(-18deg);box-shadow:0 0 15px #c9a88533}.universe-grain{z-index:3;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.93' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.constellation{z-index:4;position:absolute;inset:0}.portal{--x:0px;--y:0px;--scale:1;width:116px;height:116px;color:inherit;transform:translate3d(var(--x),var(--y),0);cursor:pointer;touch-action:manipulation;outline:none;place-items:center;margin:-58px;text-decoration:none;display:grid;position:absolute;top:50%;left:50%}.portal:first-child{--x:-22vw;--y:-20vh}.portal:nth-child(2){--x:22vw;--y:-20vh}.portal:nth-child(3){--x:22vw;--y:20vh}.portal:nth-child(4){--x:-22vw;--y:20vh}.portal-visual{width:100%;height:100%;transform:scale(var(--scale));will-change:transform;place-items:center;display:grid;position:relative}.portal-mark{object-fit:contain;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 2px 12px #0009);width:68px;height:68px;transition:filter .5s;display:block;position:relative}.portal[data-provider=codex] .portal-mark{filter:brightness(0)invert()drop-shadow(0 2px 12px #0009);width:73px;height:73px}.portal[data-provider=grok] .portal-mark{filter:brightness(0)invert()drop-shadow(0 2px 12px #0009);width:62px;height:62px}.portal[data-provider=grok-bot] .portal-mark{width:72px;height:72px}.portal-aura{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent), transparent 64%);opacity:.12;pointer-events:none;border-radius:50%;transition:opacity .55s,transform .8s cubic-bezier(.22,1,.36,1);position:absolute;inset:-65%;transform:scale(.7)}.portal[data-active=true] .portal-aura{opacity:1;transform:scale(1.1)}.portal-name{white-space:nowrap;letter-spacing:.025em;color:#e6e8ef;opacity:0;pointer-events:none;padding-top:5px;font-size:12px;line-height:18px;transition:opacity .3s;position:absolute;top:100%}.portal:focus-visible .portal-name,.universe[data-input=touch] .portal[data-active=true] .portal-name{opacity:1}.portal:focus-visible .portal-visual:after{content:"";pointer-events:none;border:1px solid #ebeff359;border-radius:50%;position:absolute;inset:8px}.universe[data-phase=journey] .constellation{pointer-events:none}.arrival{z-index:5;text-align:center;opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:36px 24px;transition:opacity 1s,transform 1.25s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0;transform:translateY(18px)}.universe[data-phase=arrived] .arrival{opacity:1;transform:none}.arrival-mark{place-items:center;width:104px;height:104px;margin-bottom:32px;display:grid}.arrival-mark img{object-fit:contain;width:100%;height:100%}.arrival h2{letter-spacing:-.045em;outline:none;margin:0 0 36px;font-size:clamp(38px,5vw,64px);font-weight:400;line-height:1.1}.arrival-action{color:#f3f2ed;backdrop-filter:blur(12px);background:#161b2926;border:1px solid #e5e6ec66;border-radius:30px;justify-content:center;align-items:center;min-width:148px;min-height:48px;padding:14px 26px;font-size:14px;font-weight:450;line-height:20px;text-decoration:none;transition:border-color .25s,background .25s,transform .25s;display:inline-flex}.arrival-action:hover{background:#f6f4ee12;border-color:#f5f2eccc;transform:translateY(-1px)}.arrival-attribution{bottom:max(24px, env(safe-area-inset-bottom));color:#c3c8d5a6;max-width:calc(100% - 112px);margin:0;font-size:11px;line-height:18px;position:absolute}.return-control,.motion-control{z-index:10;color:#d4d7e0a6;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;min-width:44px;height:44px;transition:color .2s,background .2s;display:grid;position:absolute}.return-control{top:max(22px, env(safe-area-inset-top));left:max(20px, env(safe-area-inset-left));width:60px;font-size:13px}.motion-control{right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom))}.return-control:hover,.motion-control:hover{color:#fff;background:#ffffff0b}.motion-control .play-symbol{display:none}.motion-control[aria-pressed=true] .play-symbol{display:block}.motion-control[aria-pressed=true] .pause-symbol{display:none}.arrival-action:focus-visible,.return-control:focus-visible,.motion-control:focus-visible{outline-offset:5px;outline:2px solid #e1e7ff}.universe[data-world=claude] .arrival h2{letter-spacing:-.05em;font-family:Georgia,Times New Roman,serif}.universe[data-world=codex] .arrival-mark img,.universe[data-world=grok] .arrival-mark img{filter:brightness(0)invert()}.universe[data-world=claude] .arrival-action{border-color:#ecd8c070}.universe[data-world=grok-bot] .arrival h2{letter-spacing:-.055em}@media (width<=599px){.portal{width:96px;height:96px;margin:-48px}.portal-mark{width:53px;height:53px}.portal[data-provider=codex] .portal-mark{width:58px;height:58px}.portal[data-provider=grok] .portal-mark{width:50px;height:50px}.portal[data-provider=grok-bot] .portal-mark{width:58px;height:58px}.arrival-mark{width:88px;height:88px;margin-bottom:28px}.arrival h2{margin-bottom:30px}.motion-control{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom))}.return-control{left:max(12px, env(safe-area-inset-left));top:max(12px, env(safe-area-inset-top))}}@media (height<=450px){.arrival-mark{width:58px;height:58px;margin-bottom:16px}.arrival h2{margin-bottom:20px;font-size:32px}.arrival-attribution{bottom:12px}.portal-mark{max-width:50px;max-height:50px}}@media (prefers-reduced-motion:reduce){.universe-canvas{transition-duration:.2s}.arrival{transition:opacity .2s;transform:none}.portal-aura,.portal-mark,.portal-name,.arrival-action{transition-duration:.15s}}