:root{--void:#0a0e2a;--prism:#f5f8ff;--ember:#ffb63d;--teal:#1bc7c7;--ocean:#3ba3e8;--lime:#86e01e;--coral:#ff6f91;--violet:#7c5cff}*{box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--void);color:var(--prism);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{z-index:1;position:relative}section[data-act]{text-align:center;place-items:center;min-height:100vh;padding:12vh 16px;display:grid}section .kicker{letter-spacing:.24em;text-transform:uppercase;opacity:.55;margin:0 0 12px;font-size:12px}section h1,section h2{letter-spacing:-.02em;text-wrap:balance;max-width:22ch;margin:0;font-weight:600}section h1{font-size:clamp(34px,6vw,72px)}section h2{font-size:clamp(26px,4.5vw,52px)}section p.lede{opacity:.8;max-width:46ch;line-height:1.6}section[data-realm=salty]{--realm:var(--teal)}section[data-realm=resortos]{--realm:#2bd9c9}section[data-realm=ep]{--realm:var(--coral)}section[data-realm=trading]{--realm:var(--ember)}section[data-kind=realm] h2{color:var(--realm)}.flame{background:var(--ember);width:10px;height:10px;box-shadow:0 0 24px 6px color-mix(in srgb, var(--ember) 60%, transparent);border-radius:50%;margin:0 auto 24px}.void-layer,.worlds-layer,.portal-layer{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}section[data-kind=realm]{z-index:0;min-height:165vh;display:block;position:relative;overflow:clip;padding:0!important}section[data-kind=realm]:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(42% 34% at 30% 40%, color-mix(in srgb, var(--realm) 26%, transparent), transparent 70%), radial-gradient(30% 26% at 70% 62%, color-mix(in srgb, var(--realm) 18%, transparent), transparent 72%), radial-gradient(56% 46% at 50% 50%, color-mix(in srgb, var(--realm) 9%, transparent), transparent 76%);opacity:var(--bloom,0);transform:scale(calc(.72 + .38 * var(--bloom,0)));filter:saturate(1.15);position:absolute;inset:-6% -22%}.stage{width:100%;height:100vh;position:sticky;top:0}.stage-title{text-align:center;pointer-events:none;opacity:calc((.25 + .75 * var(--present,0)) * (1 - .85 * var(--transit-dim,0)));transform:translateY(calc(10px * (1 - var(--present,0))));position:absolute;top:max(24px,4vh);left:0;right:0}.stage-title .kicker{margin-bottom:6px}.stage-title h2{margin:0 auto;font-size:clamp(22px,3.4vw,40px)}.docent{pointer-events:none;position:absolute;inset:0}.dcards{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.dcard-wrap{opacity:var(--present,0);transform:translateY(calc(26px * (1 - var(--present,0))));transition:none}.docent-cluster .dcard-wrap{animation:7s ease-in-out infinite alternate dcard-bob;animation-delay:calc(var(--i) * -1.7s)}@keyframes dcard-bob{0%{translate:0}to{translate:0 -7px}}.dcard{pointer-events:auto;border:1px solid color-mix(in srgb, var(--hue,var(--prism)) 36%, transparent);background:color-mix(in srgb, var(--void) 62%, #10163a 30%);-webkit-backdrop-filter:blur(10px)saturate(1.3);width:100%;min-height:44px;color:var(--prism);font:inherit;letter-spacing:.01em;text-align:left;cursor:pointer;border-radius:15px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14.5px;display:flex}.dcard:focus-visible{outline:2px solid var(--hue,var(--prism));outline-offset:2px}.dcard-title{color:color-mix(in srgb, var(--hue,var(--prism)) 70%, var(--prism));font-weight:600}.dcard-chevron{opacity:.6;font-size:17px;line-height:1}.dcard-body{pointer-events:auto;grid-template-rows:0fr;transition:grid-template-rows .42s cubic-bezier(.3,.9,.3,1);display:grid}.dcard-body>.dcard-inner{margin:0;overflow:hidden}.dcard-inner p{margin:0}.dcard-body[data-open]{grid-template-rows:1fr}.dcard-body p{opacity:.78;text-align:left;padding:8px 16px 0;font-size:13.5px;line-height:1.55}.dcard-cta{margin:12px 16px 6px;padding:10px 20px;font-size:13px;display:inline-block}a.dcard-cta{color:var(--prism);text-decoration:none}.docent-cluster{width:min(360px,34vw);position:absolute;top:50%;transform:translateY(-46%)}section[data-side="1"] .docent-cluster{left:max(4vw,24px)}section[data-side="-1"] .docent-cluster{right:max(4vw,24px)}.docent-cluster .dcard-wrap:nth-child(odd){margin-left:18px}.docent-cluster .dcard-wrap:nth-child(2n){margin-right:10px}.docent-mobile{display:none}@media (max-width:1023px){.docent-cluster{display:none}.docent-mobile{display:block}.docent-fab{pointer-events:auto;border:1.5px solid color-mix(in srgb, var(--hue,var(--prism)) 65%, transparent);background:color-mix(in srgb, var(--void) 68%, #10163a 26%);-webkit-backdrop-filter:blur(10px)saturate(1.3);width:58px;height:58px;color:color-mix(in srgb, var(--hue,var(--prism)) 80%, var(--prism));cursor:pointer;opacity:var(--present,0);transform:scale(calc(.7 + .3 * var(--present,0)));border-radius:50%;font-size:22px;position:absolute;bottom:12vh;right:18px}.docent-fab:focus-visible{outline:2px solid var(--hue,var(--prism));outline-offset:2px}.docent-sheet{pointer-events:none;opacity:0;width:min(88vw,340px);max-height:56vh;transition:opacity .32s,transform .32s;position:absolute;bottom:calc(12vh + 70px);right:18px;overflow:auto;transform:translateY(14px)}.docent-sheet[data-open]{opacity:1;pointer-events:auto;transform:none}}.atlas-map{width:min(720px,88vw);margin:40px auto 0;display:block;overflow:visible}.atlas-path{opacity:.5;stroke-dasharray:1000;stroke-dashoffset:calc(1000 * (1 - var(--atlas,0)))}.travelers{z-index:0;pointer-events:none;opacity:0;position:fixed;inset:0}.rig{will-change:transform;position:absolute;top:0;left:0}.rig .pose{will-change:opacity;position:absolute}.rig .pose img{will-change:transform;display:block;position:absolute}.wiz3d{transform-origin:50%;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.travelers-flame{will-change:transform;width:26px;height:34px;position:absolute;top:0;left:0}.travelers-flame span{mix-blend-mode:screen;filter:blur(.5px);background:radial-gradient(58% 58% at 44% 60%,#fff6dc 0%,#ffd98a 32%,#ffb63dd1 54%,#ff963238 74%,#0000 90%);border-radius:2% 50% 50%;animation:1.7s ease-in-out infinite alternate flame-flicker;position:absolute;inset:0;transform:rotate(45deg)}.travelers-flame:before{content:"";mix-blend-mode:screen;background:radial-gradient(50% 50% at 50% 52%,#ffc45c80 0%,#ffb63d2e 46%,#0000 72%);position:absolute;inset:-110% -95%}@keyframes flame-flicker{0%{transform:rotate(45deg)scale(1)}to{transform:rotate(43deg)scale(1.08,1.16)translateY(-1.2px)}}.resident{z-index:0;pointer-events:none;opacity:0;will-change:transform;position:fixed;top:0;left:0}.resident img{opacity:0;width:100%;height:auto;clip-path:inset(0 0 calc((1 - var(--reveal,1)) * 100%) 0);position:absolute;top:0;left:0}.resident img:first-child{position:relative}section[data-kind=tail]{min-height:72vh}.tail-whisper{opacity:.32;letter-spacing:.3em;text-transform:uppercase;font-size:11px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}section[data-kind=realm]:before{opacity:.55;transform:none}section[data-kind=realm]{min-height:120vh}.stage-title,.dcard-wrap,.docent-fab{opacity:1;transform:none}.atlas-path{stroke-dashoffset:0}.travelers{opacity:1}}
