/* Same crystal entrance language as the member lobby. Scoped to signed-out admin only. */
body.newmagic:has(.login-screen)>main{background:transparent;border:0;box-shadow:none;padding:0;min-height:0}
body.newmagic:has(.login-screen) .page-title{background:transparent;box-shadow:none;border:0;color:#e9d9b1;padding-bottom:0}
body.newmagic:has(.login-screen) .page-title h1{color:#e5dbe9;font-size:18px;font-weight:500}
body.newmagic .login-screen{min-height:calc(100dvh - 240px);padding:25px 16px 45px;display:flex;align-items:center;justify-content:center;background:none}
body.newmagic .login-box{width:440px;min-width:0;max-width:100%;margin:0;padding:32px 36px 36px;border:1px solid #f1d48b80;border-radius:24px;background:radial-gradient(ellipse at 50% 0%,#54176a99,transparent 62%),linear-gradient(155deg,#2f0d3b,#200828 74%);box-shadow:0 30px 100px #0008,0 0 45px #9a24c32b,inset 0 1px #ebe2ee42;color:#f5f1f7}
body.newmagic .login-box .logo{width:100%;height:104px;max-width:100%;margin:0 0 20px;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
body.newmagic .login-box .logo img{width:260px;max-width:100%;height:100%;max-height:none;object-fit:contain;filter:drop-shadow(0 4px 14px #e9bd4c33)}
body.newmagic .login-box h2{margin:0 0 25px;text-align:center;font-size:25px;font-weight:800;letter-spacing:3px;color:#f4f0f5;text-shadow:0 2px 18px #edc96e38}
body.newmagic .login-box .form{display:grid;gap:19px;padding:0;margin:0}
body.newmagic .login-box .form label{display:grid;gap:9px;font-size:13px;letter-spacing:1px;color:#e9dbb8}
body.newmagic .login-box .form input:not([type=checkbox]){width:100%;min-width:0;height:51px;padding:12px 15px;border:1px solid #7c458f;border-radius:10px;background:#21082acc;box-shadow:inset 0 2px 7px #15051a66;color:#f8f5f9;font-size:15px;letter-spacing:.5px;outline:none;transition:border-color .15s,box-shadow .15s}
body.newmagic .login-box .form input:focus{border-color:#f3db9e;box-shadow:0 0 0 3px #eecb7320,inset 0 2px 7px #15051a66}
body.newmagic .login-box .form input:-webkit-autofill{-webkit-text-fill-color:#f8f5f9;box-shadow:inset 0 0 0 1000px #351141;caret-color:#f8f5f9}
body.newmagic .login-box .password-field input{padding-right:48px!important}
body.newmagic .login-box .password-toggle{color:#e3cd95;background:none;border:0;border-radius:7px}
body.newmagic .login-box .form .admin-remember{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.5px;color:#dacba6;cursor:pointer}
body.newmagic .login-box .admin-remember input{width:17px;height:17px;padding:0;margin:0;accent-color:#ebc25a;box-shadow:none}
body.newmagic .login-box .form .primary{width:100%;height:50px;padding:10px 14px;border:1px solid #ded1e3;border-radius:11px;background:linear-gradient(115deg,#f3db9d,#dfb853 65%,#cba542);box-shadow:inset 0 1px #ffffff91,0 5px 20px #cda02b25;color:#2d0a3a;font-size:16px;font-weight:900;letter-spacing:3px;transition:filter .15s,transform .15s}
body.newmagic .login-box .primary:hover{filter:brightness(1.1);transform:translateY(-1px)}
body.newmagic .login-box .primary:active{transform:translateY(1px)}
body.newmagic .login-box :is(button,input):focus-visible{outline:2px solid #f5e0aa;outline-offset:3px}
@media(max-width:480px){body.newmagic .login-screen{padding:18px 16px 30px;min-height:calc(100dvh - 180px)}body.newmagic .login-box{padding:25px 24px 29px}body.newmagic .login-box .logo{height:90px;margin-bottom:17px}body.newmagic .login-box h2{font-size:22px;margin-bottom:24px}body.newmagic .login-box .form{gap:17px}}
@media(min-width:761px) and (max-height:780px){body.newmagic .login-screen{min-height:0;padding:12px 16px 24px}body.newmagic .login-box{padding:24px 32px 28px}body.newmagic .login-box .logo{height:76px;margin-bottom:12px}body.newmagic .login-box h2{font-size:23px;margin-bottom:20px}body.newmagic .login-box .form{gap:16px}}
body.newmagic #account[hidden]{display:none!important}
/* Same layout/artwork; bound mobile compositing and keyboard-time paint work. */
@media(max-width:760px){
 body.newmagic.nm-admin-auth::after{animation:none;transform:none;opacity:.35}
 body.newmagic .login-box{box-shadow:0 14px 35px #0008,inset 0 1px #ebe2ee42}
 body.newmagic .login-box .logo img{filter:none}
 body.newmagic .login-box .form input:not([type=checkbox]){font-size:16px}
}