#portal-transit{--portal-accent:#9edfff;position:fixed;inset:0;z-index:99999;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#102330,#050914 65%);color:var(--portal-accent);opacity:1}#portal-transit[hidden]{display:none!important}.portal-transit-vortex{position:absolute;left:50%;top:43%;width:min(52vw,360px);aspect-ratio:1;transform:translate(-50%,-50%);filter:drop-shadow(0 0 22px color-mix(in srgb,var(--portal-accent) 35%,transparent))}.portal-transit-vortex i{position:absolute;inset:9%;border:2px solid var(--portal-accent);border-radius:50%;border-top-color:transparent;border-left-color:transparent;animation:portal-orbit 1.6s linear infinite;opacity:.8}.portal-transit-vortex i:nth-child(2){inset:18%;animation-direction:reverse;animation-duration:2.3s;border-width:1px;transform:rotate(50deg)}.portal-transit-vortex i:nth-child(3){inset:28%;animation-duration:1.1s;border-width:4px;opacity:.7}.portal-transit-vortex b{position:absolute;inset:31%;border-radius:50%;box-shadow:0 0 30px var(--portal-accent),inset 0 0 30px var(--portal-accent);background:radial-gradient(circle,#040815 40%,color-mix(in srgb,var(--portal-accent) 40%,#071123));animation:portal-breathe 1.4s ease-in-out infinite alternate}.portal-transit-vortex em{position:absolute;inset:4%;border:1px dashed var(--portal-accent);border-radius:50%;opacity:.3;animation:portal-orbit 7s linear infinite}.portal-transit-label{position:absolute;top:15%;left:20px;right:20px;text-align:center;letter-spacing:.04em;text-shadow:0 2px 12px #000}.portal-transit-label small{font:11px system-ui;letter-spacing:.19em;display:block;color:#d0dce7}.portal-transit-label strong{font:700 clamp(22px,4vw,38px)/1.2 Georgia,serif;display:block;margin-top:9px}.portal-loading #world-loading{background:transparent!important}.portal-loading #world-loading>div{position:absolute;left:15px;right:15px;top:72%}.portal-loading #world-loading p{margin:12px auto}.portal-leaving #overlay{visibility:hidden!important}#portal-transit[data-phase=out]{animation:portal-close .19s ease-in both}#portal-transit[data-phase=in]{animation:portal-open .28s ease-out both}.portal-travelling #interactionDock,.portal-travelling #partyAction{visibility:hidden!important}@keyframes portal-orbit{to{rotate:360deg}}@keyframes portal-breathe{to{scale:1.08;opacity:.7}}@keyframes portal-close{from{opacity:0;clip-path:circle(5% at 50% 44%)}to{opacity:1;clip-path:circle(100% at 50% 44%)}}@keyframes portal-open{from{opacity:1;clip-path:circle(100% at 50% 44%)}to{opacity:0;clip-path:circle(2% at 50% 44%)}}#portal-transit[data-reduced=true] *{animation:none!important}#portal-transit[data-reduced=true][data-phase=out]{animation:none;opacity:.95}#portal-transit[data-reduced=true][data-phase=in]{animation:none;opacity:0}@media(prefers-reduced-motion:reduce){#portal-transit *{animation:none!important}#portal-transit{animation:none!important}}@media(max-width:600px){.portal-transit-vortex{width:240px}.portal-transit-label{top:19%}}
