@property --login-rim-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
#wrldLoginPopup{position:fixed;inset:0;margin:auto;width:min(calc(100vw - 30px),calc(88dvh * .6666667),620px);height:auto;aspect-ratio:2/3;max-height:90dvh;max-width:none;padding:0;border:1px solid #ff863e!important;border-radius:26px;background:#130711!important;backdrop-filter:none!important;overflow:visible;isolation:isolate;box-shadow:inset 0 1px #ffe1aa77,0 0 0 1px #e43d2d88,0 0 25px #ff682b66,0 0 70px #ef382c24,0 32px 90px #000c!important}
#wrldLoginPopup::backdrop{background:#05020cac;backdrop-filter:blur(12px) saturate(.8)}
#wrldLoginPopup:before{content:'';position:absolute;inset:-2px;padding:2px;border-radius:inherit;pointer-events:none;z-index:2;background:conic-gradient(from var(--login-rim-angle),#9f1b15,#ff722c 20%,#ffe5a3 24%,#e83f25 32%,#8f1421 55%,#ff7938 72%,#fff0b1 76%,#ed3c25 83%,#9f1b15);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
#wrldLoginPopup>iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;border-radius:inherit;background:#130711;opacity:0;transition:opacity .22s ease}
#wrldLoginPopup.login-ready>iframe{opacity:1}
#wrldLoginPopup>.login-popup-close{position:absolute;top:10px;right:10px;z-index:3;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #ffb16d9c;border-radius:50%;color:#ffcd96;background:linear-gradient(145deg,#5e2021ee,#160a16ef);box-shadow:inset 0 1px #ffcda04d,0 3px 10px #0007;cursor:pointer}
.login-popup-close:focus-visible{outline:2px solid #ffd49a;outline-offset:3px}
@media(prefers-reduced-motion:no-preference){html:not([data-motion=reduced]):not([data-motion=paused]) #wrldLoginPopup[open]{animation:loginPopupEnter .32s cubic-bezier(.16,.8,.25,1) both}html:not([data-motion=reduced]):not([data-motion=paused]) #wrldLoginPopup:before{animation:loginRimTravel 7s linear infinite}@keyframes loginPopupEnter{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:none}}@keyframes loginRimTravel{to{--login-rim-angle:360deg}}}
@media(prefers-reduced-motion:reduce){#wrldLoginPopup>iframe{transition:none}}html[data-motion=paused] #wrldLoginPopup>iframe,html[data-motion=reduced] #wrldLoginPopup>iframe{transition:none}