.maple-login{--login-tall:456px;--login-scrim:#aa705c;isolation:isolate;background:linear-gradient(var(--login-scrim), var(--login-scrim)), #1a0604 url(/images/backgrounds/zakum-altar-v2-384.png) var(--altar-pos,center 55%) / var(--altar-size,cover) no-repeat;background-blend-mode:multiply, normal;min-height:calc(100dvh - 80px);image-rendering:pixelated;font-family:var(--font-body);place-items:center;padding:48px 16px;display:grid;position:relative;overflow:hidden}.altar-motion{z-index:-1;pointer-events:none;image-rendering:pixelated;position:absolute}.login-window{width:min(460px,100%);min-height:var(--login-tall);border-radius:var(--radius-lg);color:#354853;image-rendering:auto;background:linear-gradient(160deg,#cddbef,#7e9cc9 42%,#5f80b3 70%,#94afd6);border:1px solid #3f5b86;flex-direction:column;padding:7px;font-size:14px;line-height:1.6;display:flex;box-shadow:inset 0 1px #f2f6fc,inset 0 0 0 3px #dbe5f2,0 14px 40px #1a0a0366}.login-window-bar{color:#1f3558;padding:3px 7px 9px 9px}.login-window-bar>span{font:700 14px/1.2 var(--font-display), var(--font-cjk);letter-spacing:.5px;align-items:center;gap:7px;display:flex}.login-window-body{border-radius:var(--radius-lg);background:#fffefa;border:1px solid #7e97bc;flex-direction:column;flex:1;padding:24px 24px 22px;display:flex;box-shadow:0 0 0 2px #f6fbf2a6}.login-title{color:#2c3f5c;font:700 24px/1.2 var(--font-display), var(--font-cjk);margin:0}.login-blurb{color:#7a8787;margin:6px 0 0;font-size:12px}.login-note{border-radius:var(--radius-md);border:1px solid;margin:12px 0 0;padding:7px 10px;font-size:12px;line-height:1.6}.login-note-warn{color:#7a5a12;background:#fff9e6;border-color:#e2cf96}.login-note-error{color:#9b4e3d;background:#fff4ed;border-color:#e0b6aa}.login-note-ok{color:#3e662d;background:#f0f7e7;border-color:#b6ce8e}.login-form{grid-template-columns:minmax(0,1fr) 104px;gap:8px 10px;margin-top:20px;display:grid}.login-fields{gap:8px;display:grid}.login-field{border-radius:var(--radius-lg);background:#fff;border:1px solid #a9bcd8;align-items:center;height:42px;display:flex;overflow:hidden}.login-field:focus-within{border-color:#3f67a6;box-shadow:0 0 0 2px #3f67a633}.login-field input{color:#2c3f5c;min-width:0;height:100%;font:700 14px/1.2 var(--font-body);background:0 0;border:0;outline:none;flex:1;padding:0 14px}.login-field input::placeholder{color:#9aa6b4;font-weight:400}.login-submit.maple-btn{border-radius:var(--radius-lg);height:100%;padding:0 8px;font-size:18px}.login-options{color:#6f7d88;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;min-height:22px;font-size:12px;display:flex}.login-check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;display:inline-flex}.login-check input{opacity:0;pointer-events:none;position:absolute}.login-check>span{border-radius:var(--radius-sm);background:linear-gradient(#fff,#e4ebf5);border:1px solid #7690b6;place-items:center;width:15px;height:15px;display:grid}.login-check input:checked+span:after{content:"";background:#3f67a6;border-radius:1px;width:7px;height:7px}.login-check input:focus-visible+span{outline-offset:2px;outline:2px solid #3f67a6}.login-link{color:#3f67a6;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.login-link:hover:not(:disabled){color:#2c3f5c}.login-or{color:#8a96a3;align-items:center;gap:12px;margin:auto 0 12px;padding-top:18px;font-size:12px;display:flex}.login-or:before,.login-or:after{content:"";background:#dce4ea;flex:1;height:1px}.login-window-body>:last-child{margin-bottom:auto}.login-social{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.login-terms{color:#8a96a3;text-align:center;margin:14px 0 0;font-size:12px}.login-action{border-radius:var(--radius-md);color:#3d5577;min-height:36px;font:700 14px/1.2 var(--font-display), var(--font-cjk);cursor:pointer;background:linear-gradient(#fbfdff,#d9e3f1);border:1px solid #6f89b0;justify-content:center;align-items:center;gap:7px;padding:6px 14px;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #fff,0 1px #2c3f5c22}.login-action:hover:not(:disabled){filter:brightness(1.03)}.login-action:active:not(:disabled){transform:translateY(1px)}.login-action:disabled{cursor:not-allowed;opacity:.5}.login-action:focus-visible{outline-offset:2px;outline:2px solid #3f67a6}.login-discord{color:#4752c4}.login-window-footer{justify-content:flex-end;align-items:center;gap:8px;padding:10px 6px 3px 8px;display:flex}@media (max-width:520px){.maple-login{--login-tall:auto;padding:32px 12px}.login-window-body{padding:20px 16px 18px}.login-form{grid-template-columns:1fr}.login-submit.maple-btn{min-height:46px}.login-window-footer{flex-wrap:wrap}.login-window-footer .login-action{flex:1}}@media (prefers-reduced-motion:reduce){.login-action:active:not(:disabled){transform:none}}