.realm-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:#030303;color:#e9edf3;opacity:1;transition:opacity 300ms linear}
.realm-intro[hidden]{display:none!important}
.realm-intro[data-phase="fade"]{opacity:0;pointer-events:none}
.realm-intro-art{position:relative;display:grid;place-items:center;width:min(clamp(220px,62vw,340px),80vw,76dvh);aspect-ratio:1;pointer-events:none}
.realm-intro-sigil{position:relative;display:block;width:38%;aspect-ratio:310.1422/399.6104;background:#edf0f5;mask:var(--realm-intro-sigil) center/contain no-repeat;-webkit-mask:var(--realm-intro-sigil) center/contain no-repeat;opacity:0}
.realm-intro-ring{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;opacity:0}
.realm-intro-ring-draw{stroke:currentColor;stroke-width:.85;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 2px #dbe7ff) drop-shadow(0 0 5px #b8cfff)}
.realm-intro-orbit{transform-box:view-box;transform-origin:100px 100px;transform:rotate(0deg)}
.realm-intro-dot{fill:#fff;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #d2e0ff)}
.realm-intro:is([data-phase="brand"],[data-phase="fade"]) .realm-intro-sigil{animation:realm-intro-mark 420ms ease-out both}
.realm-intro:is([data-phase="brand"],[data-phase="fade"]) .realm-intro-ring{opacity:1}
.realm-intro:is([data-phase="brand"],[data-phase="fade"]) .realm-intro-ring-draw{animation:realm-intro-circle 1900ms 160ms linear both}
.realm-intro:is([data-phase="brand"],[data-phase="fade"]) .realm-intro-orbit{animation:realm-intro-orbit 1900ms 160ms linear both}
@keyframes realm-intro-mark{from{opacity:0}to{opacity:1}}
@keyframes realm-intro-circle{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes realm-intro-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.realm-intro[data-phase="static"],.realm-intro[data-phase="static"] *{animation:none!important;transition:none!important}
.realm-intro[data-phase="static"] .realm-intro-sigil,.realm-intro[data-phase="static"] .realm-intro-ring{opacity:1}
.realm-intro[data-phase="static"] .realm-intro-ring-draw{stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){.realm-intro,.realm-intro *,.realm-intro *::before,.realm-intro *::after{animation:none!important;transition:none!important}.realm-intro-sigil,.realm-intro-ring{opacity:1}.realm-intro-ring-draw{stroke-dashoffset:0}.realm-intro-orbit{transform:none}}