/* The community's character walks through the open corner of the brand mark. */
.site-entrance{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#190947;color:#fbf2df;overflow:hidden;isolation:isolate;animation:entrance-failsafe 10s step-end forwards!important;transition:opacity .5s ease,visibility .5s;touch-action:none}
.site-entrance:before{content:'';position:absolute;width:min(700px,120vw);height:min(700px,120vw);border-radius:50%;background:radial-gradient(ellipse,#7953a932,transparent 66%);z-index:-1}
.entrance-stage{position:relative;width:420px;height:260px;flex-shrink:0;transform-origin:center bottom}
.entrance-ground{position:absolute;left:17px;right:15px;top:231px;height:1px;background:linear-gradient(90deg,transparent,#c2a4da35 20%,#ecdcc76b 77%,transparent)}
.entrance-ground:after{content:'';position:absolute;right:33px;top:-14px;width:135px;height:29px;border-radius:50%;background:#be91f126;filter:blur(14px)}
.entrance-door{position:absolute;left:228px;top:82px;width:166px;height:180px;perspective:650px}
.entrance-door:before{content:'';position:absolute;left:27px;top:47px;width:91px;height:112px;border-radius:10px 13px 0 0;background:radial-gradient(ellipse at 90% 30%,#ead9ff38,transparent 72%);box-shadow:0 0 40px #d6b3ff12;opacity:0;animation:entrance-light 1.9s ease-out forwards}
.entrance-logo{display:block;width:166px;height:166px;position:relative;z-index:2;filter:drop-shadow(7px 10px 0 #0f062c88);transform-origin:80% 95%}
.entrance-walker{position:absolute;left:26px;top:77px;width:92px;height:166px;z-index:3;transform-origin:65% 86%;animation:entrance-walk 1.9s linear forwards;will-change:transform,opacity}
.entrance-walker:after{content:'';position:absolute;left:13px;bottom:12px;width:73px;height:9px;border-radius:50%;background:#09001888;filter:blur(4px);z-index:-1;animation:entrance-shadow .38s ease-in-out infinite}
.entrance-person{position:relative;display:block;z-index:1;width:92px;height:164px;object-fit:contain;transform-origin:50% 84%;animation:entrance-gait .38s ease-in-out infinite}
.entrance-foot{position:absolute;bottom:14px;width:23px;height:12px;border-radius:60% 70% 40% 40%;background:linear-gradient(145deg,#363236,#111016);box-shadow:inset 0 1px #ffffff0d;transform-origin:50% 5%;animation:entrance-step .38s ease-in-out infinite alternate}
.entrance-foot-left{left:23px}.entrance-foot-right{right:17px;animation-delay:-.38s}
.entrance-caption{position:relative;text-align:center;margin-top:8px}
.entrance-brand{margin:0;font:500 13px/1.5 Unbounded,monospace;letter-spacing:3px}
.entrance-status{margin:13px 0 0;min-height:20px;font:10px/1.7 SpaceMono,monospace;letter-spacing:.3px;color:#bda4d1}
.entrance-skip{position:absolute;bottom:max(27px,env(safe-area-inset-bottom));padding:10px 17px;border-radius:22px;background:transparent;border:1px solid #c4a2dd38;color:#c5b0d4;font:9px/1.5 SpaceMono,monospace;cursor:pointer}
.entrance-skip:hover{color:#fff2dc;background:#3d255c}
.site-entrance[data-phase=entering] .entrance-walker{animation:entrance-through .85s cubic-bezier(.45,0,.25,1) forwards}
.site-entrance[data-phase=entering] .entrance-person{animation:entrance-gait .28s ease-in-out infinite}
.site-entrance[data-phase=entering] .entrance-logo{animation:entrance-welcome .85s ease-in-out forwards}
.site-entrance[data-phase=entering] .entrance-door:before{opacity:1;animation:entrance-glow .85s ease-in-out forwards}
.site-entrance[data-phase=leaving]{opacity:0;visibility:hidden;pointer-events:none}
.site-entrance[data-phase=leaving] .entrance-walker{opacity:0;animation:none;transform:translateX(237px) scale(.06)}
@keyframes entrance-walk{0%{transform:translateX(0) rotateY(-18deg)}100%{transform:translateX(132px) rotateY(-18deg)}}
@keyframes entrance-gait{0%,100%{transform:translateY(0) rotate(-3deg)}25%{transform:translateY(-4px) rotate(0)}50%{transform:translateY(0) rotate(3deg)}75%{transform:translateY(-4px) rotate(0)}}
@keyframes entrance-step{from{transform:translateX(-7px) rotate(14deg)}to{transform:translateX(7px) rotate(-14deg)}}
@keyframes entrance-shadow{50%{opacity:.5;transform:scaleX(.84)}}
@keyframes entrance-light{0%,55%{opacity:0}100%{opacity:1}}
@keyframes entrance-through{0%{transform:translateX(132px) rotateY(-18deg);opacity:1}35%{opacity:1}85%,100%{transform:translate(237px,-23px) rotateY(-40deg) scale(.06);opacity:0}}
@keyframes entrance-welcome{0%,100%{transform:scale(1);filter:drop-shadow(7px 10px 0 #0f062c88)}55%{transform:scale(1.06);filter:drop-shadow(0 0 20px #d8b5ff55)}}
@keyframes entrance-glow{0%{opacity:1}55%{opacity:1;box-shadow:0 0 62px #e3c5ff65}100%{opacity:.3}}
@keyframes entrance-failsafe{to{visibility:hidden}}
@media(max-width:480px){.entrance-stage{margin-left:-28px;transform:scale(.8);margin-top:-40px;margin-bottom:-16px}.entrance-brand{font-size:11px}.entrance-status{font-size:9px}}
@media(max-height:440px){.entrance-stage{transform:scale(.65);margin-top:-95px;margin-bottom:-46px}.entrance-skip{bottom:12px}}
@media(prefers-reduced-motion:reduce){.site-entrance{transition:none}.entrance-walker{transform:translateX(132px)}.entrance-door:before{opacity:.5}.site-entrance[data-phase=entering] .entrance-walker{opacity:0}.entrance-foot{display:none}}