/* Three.js stays behind the existing login controls. */
html[data-site-theme] body .wf-auth-shell:has(.wf-login) {
  isolation:isolate;
  background:radial-gradient(ellipse at 18% 45%,#102045 0,transparent 48%),radial-gradient(ellipse at 88% 70%,#221238 0,transparent 42%),#060a13;
}
.wf-auth-background { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.wf-auth-background canvas { display:block; width:100%; height:100%; }
.wf-auth-background.is-unavailable canvas { visibility:hidden; }
.wf-auth-shell:has(.wf-login) .wf-desktop-auth-stage { position:relative; z-index:1; }
@media (min-width:641px) {
  .wf-auth-shell .wf-login { background:rgba(13,18,31,.86); border-color:#8ba8ed29; box-shadow:0 24px 90px #0007,inset 0 1px #ffffff0b; backdrop-filter:blur(20px); }
  .wf-login .wf-control { background:#090f1dcc; }
  .wf-login .wf-demo-account,.wf-login .wf-wallet-login { background:#718ace12; }
  html[data-site-theme="light"] body .wf-auth-shell:has(.wf-login) { background:radial-gradient(ellipse at 18% 45%,#c7ddff 0,transparent 48%),radial-gradient(ellipse at 88% 70%,#ded6ff 0,transparent 42%),#eef3fc; }
  html[data-site-theme="light"] .wf-auth-shell .wf-login { background:#ffffffdf; border-color:#b8cae9; box-shadow:0 24px 90px #5c79b01a; }
  html[data-site-theme="light"] .wf-login .wf-control { background:#ffffffd9; }
}
@media (max-width:640px) {
  .wf-auth-shell:has(.wf-login) .wf-auth-main { background:linear-gradient(180deg,#080e1a88,#080e1ae8); }
  .wf-auth-background { opacity:.65; }
}