/* This atmosphere belongs to the entry artwork, never to an active game scene. */
html[data-presentation=legacy] body.screen-auth .login-stage-enhanced .auth-artwork{animation:none!important;transform:translate3d(calc(var(--login-look-x,0) * -11px),calc(var(--login-look-y,0) * -8px),0) scale(1.045);will-change:transform;filter:saturate(1.07) contrast(1.025)}
.login-stage{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;contain:layout paint;isolation:isolate}
.login-stage>div,.login-stage-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.login-stage-mist-back{inset:-14%!important;width:128%!important;height:128%!important;background:radial-gradient(ellipse at 78% 45%,#7abfc016 0,transparent 40%),radial-gradient(ellipse at 35% 80%,#c5d7e926 0,transparent 45%);mix-blend-mode:screen;transform:translate3d(calc(var(--login-look-x,0) * 18px),calc(var(--login-look-y,0) * 9px),0);animation:login-mist-back 19s ease-in-out infinite alternate}
.login-stage-rays{background:conic-gradient(from 205deg at 79% 11%,transparent 0deg,#ffe2a810 8deg,transparent 15deg,#f8da9311 24deg,transparent 32deg,#fff0bf08 42deg,transparent 51deg);mix-blend-mode:screen;opacity:.65;transform-origin:79% 11%;animation:login-rays 15s ease-in-out infinite alternate}
.login-stage-mist-front{inset:auto -20% -17% -20%!important;width:140%!important;height:54%!important;background:radial-gradient(ellipse at 27% 69%,#7aa9b240 0,transparent 47%),radial-gradient(ellipse at 80% 84%,#657eaa42 0,transparent 47%);filter:blur(22px);mix-blend-mode:screen;animation:login-mist-front 24s ease-in-out infinite alternate}
.login-stage-edge-light{background:linear-gradient(90deg,#06142088,transparent 16%,transparent 87%,#06142055),linear-gradient(0deg,#020c1b8c,transparent 55%);box-shadow:inset 0 1px #d8b86b66}
.login-stage-canvas{z-index:2;opacity:.95}
html[data-presentation=legacy][data-theme=weltenpark] body.screen-auth .login-stage-enhanced .auth-world::after{display:none;animation:none}
html[data-presentation=legacy][data-theme=weltenpark] body.screen-auth .login-stage-enhanced .auth-art-caption{z-index:3;max-width:660px;bottom:clamp(60px,9vh,120px)}
html[data-presentation=legacy][data-theme=weltenpark] body.screen-auth .login-stage-enhanced .auth-art-caption>span{color:#ebca87;letter-spacing:.24em}
html[data-presentation=legacy][data-theme=weltenpark] body.screen-auth .login-stage-enhanced .auth-art-caption h1{text-shadow:0 3px 32px #000a,0 0 80px #050f1c55}
html[data-presentation=legacy] .login-stage-control{position:absolute;top:24px;right:25px;z-index:5;width:auto;min-height:35px;padding:9px 13px;border:1px solid #b6a06a66;border-radius:3px;background:#061827b8;backdrop-filter:blur(10px);color:#e5d6ad;font:500 11px/1.2 system-ui,sans-serif;letter-spacing:.035em;box-shadow:0 4px 18px #0003;cursor:pointer}
html[data-presentation=legacy] .login-stage-control:hover{background:#0d2c3be8;border-color:#b9a773;color:#ffedc4}
html[data-presentation=legacy] .login-stage-control:focus-visible{outline:2px solid #6bdfec;outline-offset:3px}
html[data-presentation=legacy] .login-stage-control:disabled{opacity:.65;cursor:default}
.login-stage[data-motion=still]>div{animation-play-state:paused!important}
body:not(.screen-auth) .login-stage-enhanced .auth-artwork{will-change:auto}
@keyframes login-mist-back{from{translate:-1% 0;opacity:.5}to{translate:2% -1%;opacity:1}}
@keyframes login-mist-front{from{transform:translate3d(-3%,0,0);opacity:.45}to{transform:translate3d(3%,-4%,0);opacity:.85}}
@keyframes login-rays{from{rotate:-2deg;opacity:.35}to{rotate:3deg;opacity:.75}}
@media(max-width:1000px){html[data-presentation=legacy] .login-stage-control{top:18px;right:18px}.login-stage-mist-front{filter:blur(15px)}}
@media(prefers-reduced-motion:reduce),(pointer:coarse){.login-stage>div{animation:none!important}html[data-presentation=legacy] body.screen-auth .login-stage-enhanced .auth-artwork{transform:none;will-change:auto}.login-stage-mist-front{filter:none;opacity:.35}}

/* Keep the portal and its source artwork on the same crop. */
.login-portal-canvas{position:absolute;z-index:1;pointer-events:none}
html[data-presentation=legacy] body.screen-auth .login-stage-enhanced .has-login-portal .auth-artwork{transform:none}
.has-login-portal .login-stage-canvas{opacity:.32}
html[data-presentation=legacy] body.screen-auth .login-stage-enhanced .login-stage-control{
  top:max(12px,env(safe-area-inset-top));right:calc(64px + env(safe-area-inset-right));min-height:36px
}
html[data-rosso-client][data-presentation=legacy][data-theme=weltenpark] body.screen-auth .auth-form-brand::before{
  background-image:url("/assets/entrance/fa-emblem.svg")
}
html[data-rosso-client][data-presentation=legacy][data-theme=weltenpark] body.screen-auth #audioToggle{
  background:#2b1217;color:#ffe2b6;border-color:#ba805b
}
html[data-rosso-client][data-presentation=legacy][data-theme=weltenpark] body.screen-auth #audioToggle:hover{background:#482027}

body.screen-auth .auth-panel .auth-3d-card {
  --auth-3d-art: url("/assets/entrance/welten-tor.webp");
  background: linear-gradient(90deg,#1e0c12 5%,#261016ce 40%,#26101612 100%), var(--auth-3d-art) 75% 56%/cover;
  border-color:#bc8e63;
}
body.screen-auth .auth-panel .auth-3d-card::after {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at 76% 62%,#ffb96842,transparent 41%);
}
@media (prefers-reduced-motion:no-preference) {
  body.screen-auth .auth-panel .auth-3d-card::after{animation:auth-crossing-glow 3s ease-in-out infinite alternate}
  @keyframes auth-crossing-glow{from{opacity:.28}to{opacity:1}}
}