@layer nexus-account {
#auth-screen .auth-signature{display:none!important;background:none!important}
.nx-account-brand{display:none}
#auth-screen:not(.nx-login-reference):not(.hidden){--auth-bg:#050504;--auth-panel:#11100d;--auth-blue:#c99a3d;--auth-cyan:#e9bf63;--auth-text:#eeeae1;--auth-muted:#b7ad98;position:fixed!important;inset:0!important;height:100dvh!important;padding:32px 20px!important;overflow-y:auto!important;background:radial-gradient(ellipse at 50% 0,#35271070,transparent 62%),#050504!important;color:#eeeae1!important;font-family:Arial,sans-serif!important}
#auth-screen:not(.nx-login-reference)::before,#auth-screen:not(.nx-login-reference)::after,#auth-screen:not(.nx-login-reference) .auth-art{display:none!important}
#auth-screen:not(.nx-login-reference) .auth-stage{width:min(680px,100%)!important;max-width:100%!important;margin:auto!important}
#auth-screen:not(.nx-login-reference) .auth-card{width:100%!important;max-width:100%!important;min-height:0!important;box-sizing:border-box!important;padding:28px 36px 30px!important;border:1px solid #80601f!important;border-radius:14px!important;background:linear-gradient(155deg,#17140f,#0a0907 60%)!important;box-shadow:0 24px 80px #0008!important}
#auth-screen:not(.nx-login-reference) .auth-card::before,#auth-screen:not(.nx-login-reference) .auth-card::after{display:none!important}
#auth-screen:not(.nx-login-reference) :is(.auth-brand,.auth-crest,.auth-public-guides,.pwa-install-auth){display:none!important}
#auth-screen:not(.nx-login-reference) .nx-account-brand{display:block!important;width:235px!important;height:146px!important;margin:0 auto 16px!important}
#auth-screen:not(.nx-login-reference) .auth-language-picker{display:flex!important;justify-content:center!important;gap:8px!important;margin:0 0 22px!important}
#auth-screen:not(.nx-login-reference) .auth-language-picker>span{color:#b7ad98!important}
#auth-screen:not(.nx-login-reference) .language-chip{min-width:64px!important;height:32px!important;background:#100e0a!important;border:1px solid #554224!important;border-radius:6px!important;color:#b7ad98!important;font:600 11px Arial!important;box-shadow:none!important}
#auth-screen:not(.nx-login-reference) .language-chip.active{background:#33260f!important;border-color:#c99a3d!important;color:#ffdf91!important}
#auth-screen:not(.nx-login-reference) .auth-tabs{display:flex!important;gap:6px!important;height:44px!important;padding:4px!important;margin:0 0 24px!important;background:#050504!important;border:1px solid #40331e!important;border-radius:8px!important}
#auth-screen:not(.nx-login-reference) .auth-tabs button{flex:1!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#b7ad98!important;font:700 12px Arial!important;box-shadow:none!important}
#auth-screen:not(.nx-login-reference) .auth-tabs button.active{background:#302410!important;color:#f4d58d!important}
#auth-screen:not(.nx-login-reference) .auth-tabs button::after{display:none!important}
#auth-screen:not(.nx-login-reference) :is(.auth-form,.character-form){gap:16px!important}
#auth-screen:not(.nx-login-reference) #register-form:not(.hidden){display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:18px!important}
#auth-screen:not(.nx-login-reference) #register-form>:not(label),#auth-screen:not(.nx-login-reference) #register-form>label:nth-of-type(n+5){grid-column:1/-1!important}
#auth-screen:not(.nx-login-reference) #register-form>label:not(.terms-consent){display:flex!important;flex-direction:column!important}
#auth-screen:not(.nx-login-reference) #register-form>label:not(.terms-consent)>input{margin-top:auto!important}
#auth-screen:not(.nx-login-reference) .registration-recaptcha:has(#registration-captcha:empty){display:none!important}
#auth-screen:not(.nx-login-reference) :is(.auth-form,.character-form)>label{display:grid!important;gap:7px!important;color:#eeeae1!important;font:500 13px/1.4 Arial!important;margin:0!important}
#auth-screen:not(.nx-login-reference) :is(label small,.auth-form-subtitle,.auth-recovery-copy,#registration-captcha-status,#auth-error){color:#b7ad98!important;font:12px/1.5 Arial!important}
#auth-screen:not(.nx-login-reference) :is(.auth-form,.character-form) input:not([type=checkbox]):not([type=radio]){width:100%!important;min-width:0!important;box-sizing:border-box!important;height:46px!important;padding:0 12px!important;border:1px solid #59492c!important;border-radius:6px!important;background:#080806!important;color:#eeeae1!important;box-shadow:none!important;font:15px Arial!important}
#auth-screen:not(.nx-login-reference) :is(.auth-form,.character-form) input:focus{outline:2px solid #c99a3d!important;outline-offset:2px!important}
#auth-screen:not(.nx-login-reference) :is(.auth-form,.character-form) button[type=submit]{min-height:48px!important;border:1px solid #f0c76a!important;border-radius:7px!important;background:linear-gradient(135deg,#f4d384,#c99a3d)!important;color:#130e04!important;font:700 14px Arial!important;box-shadow:none!important;text-shadow:none!important;letter-spacing:.5px!important}
#auth-screen:not(.nx-login-reference) :is(.auth-form,.character-form) button[type=submit]::after{display:none!important}
#auth-screen:not(.nx-login-reference) button:disabled{opacity:.55!important;filter:none!important;cursor:not-allowed!important}
#auth-screen:not(.nx-login-reference) .terms-consent{display:grid!important;grid-template-columns:18px 1fr!important;padding:13px!important;border:1px solid #4d3d22!important;background:#17130c!important;border-radius:7px!important;color:#ddd4c2!important;font:12px/1.55 Arial!important}
#auth-screen:not(.nx-login-reference) .terms-consent input{width:16px!important;height:16px!important;margin:2px 0 0!important;accent-color:#c99a3d!important}
#auth-screen:not(.nx-login-reference) .terms-consent :is(a,small){color:#d7bd80!important}
#auth-screen:not(.nx-login-reference) .registration-recaptcha{background:#0d0c09!important;border:1px solid #40331e!important;border-radius:6px!important;padding:10px!important;min-height:0!important}
#auth-screen:not(.nx-login-reference) :is(.auth-form-title,.auth-link-button){color:#f0c76a!important}
#auth-screen:not(.nx-login-reference) .auth-link-button{background:none!important;border:0!important;box-shadow:none!important}
#auth-screen:not(.nx-login-reference) #auth-error:not(:empty){margin:16px 0 0!important;padding:12px!important;border:1px solid #80601f!important;border-radius:6px!important;background:#20180c!important;color:#f4d58d!important}
@media(max-width:600px){#auth-screen:not(.nx-login-reference):not(.hidden){padding:16px 12px!important}#auth-screen:not(.nx-login-reference) .auth-card{padding:20px!important}#auth-screen:not(.nx-login-reference) #register-form:not(.hidden){grid-template-columns:1fr!important}#auth-screen:not(.nx-login-reference) .nx-account-brand{width:210px!important;height:130px!important}#auth-screen:not(.nx-login-reference) :is(.auth-form,.character-form) input:not([type=checkbox]):not([type=radio]){font-size:16px!important}}
}
/* User supplied clean artwork: keep the artwork untouched and forms live. */
@layer nexus-account {
#auth-screen:not(.nx-login-reference):not(.hidden):has(#register-form:not(.hidden)) {
  background: #030302 url('/game/nexus-theme/register-background.png') center top / max(100%, 1100px) auto no-repeat fixed !important;
  padding-top: max(325px, 28vw) !important;
  padding-bottom: 48px !important;
}
#auth-screen:has(#register-form:not(.hidden)) .nx-account-brand { display:none !important; }
#auth-screen:not(.nx-login-reference):has(#register-form:not(.hidden)) .auth-card {
  background:rgba(7,6,4,.88) !important;
  border-color:#ac843c !important;
  box-shadow:0 16px 60px #0008 !important;
}
@media(max-width:600px) {
  #auth-screen:not(.nx-login-reference):not(.hidden):has(#register-form:not(.hidden)) {
    background-size: 1000px auto !important;
    padding-top:285px !important;
  }
}
}
/* Center the live registration panel within the viewport. */
@layer nexus-account {
#auth-screen:not(.nx-login-reference):not(.hidden):has(#register-form:not(.hidden)) {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  box-sizing:border-box !important;
  padding:16px !important;
  background-size:cover !important;
  background-position:center !important;
}
#auth-screen:not(.nx-login-reference):has(#register-form:not(.hidden)) .auth-stage {
  flex:none !important;
  margin:auto !important;
}
#auth-screen:not(.nx-login-reference):has(#register-form:not(.hidden)) .auth-card {
  padding:22px 30px !important;
  background:rgba(7,6,4,.94) !important;
}
#auth-screen:not(.nx-login-reference):has(#register-form:not(.hidden)) .auth-language-picker {margin-bottom:12px !important}
#auth-screen:not(.nx-login-reference):has(#register-form:not(.hidden)) .auth-tabs {margin-bottom:16px !important}
#auth-screen:not(.nx-login-reference) #register-form:not(.hidden) {gap:10px 18px !important}
#auth-screen:not(.nx-login-reference) #register-form>label {gap:4px !important}
#auth-screen:not(.nx-login-reference) #register-form input:not([type=checkbox]):not([type=radio]) {height:40px !important}
#auth-screen:not(.nx-login-reference):has(#register-form:not(.hidden)) .terms-consent {padding:10px !important}
@media(max-width:600px) {
  #auth-screen:not(.nx-login-reference):not(.hidden):has(#register-form:not(.hidden)) {padding:12px !important}
  #auth-screen:not(.nx-login-reference):has(#register-form:not(.hidden)) .auth-card {padding:16px !important}
}
}