.auth-overlay{z-index:10000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.auth-bg{background:radial-gradient(900px 520px at 72% -8%,#9fe8ff29,#0000 60%) 50%/cover,radial-gradient(820px 500px at 14% 8%,#e8b64c29,#0000 60%) 50%/cover,radial-gradient(1200px 900px at 50% 46%,#0000 30%,#08060c9e 100%) 50%/cover,linear-gradient(#0e0b1494 0%,#100c18a8 55%,#0a080fdb 100%) 50%/cover,url(/assets/screens/hero-combat.webp) 50%/cover;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.auth-bg{animation:32s ease-in-out infinite alternate authDrift}}@keyframes authDrift{0%{background-size:cover,cover,cover,cover,108%}to{background-size:cover,cover,cover,cover,120%}}.auth-card{border:1px solid var(--line,#3a3050);text-align:center;background:linear-gradient(170deg,#221b30,#16111f);border-radius:18px;width:min(420px,100%);padding:34px 32px 30px;position:relative;box-shadow:0 30px 70px #0000008c,0 0 60px #9fe8ff0f}.auth-brand{font-family:var(--display,"Cinzel", serif);letter-spacing:.03em;background:linear-gradient(180deg, #fff3d0, var(--gold2,#f6d789) 40%, var(--gold,#e8b64c) 75%, #b07d28);color:#0000;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:10px;font-size:26px;font-weight:800;display:flex}.auth-crest{background:radial-gradient(circle at 50% 38%, var(--wraith,#9fe8ff), transparent 42%), linear-gradient(180deg, var(--gold2,#f6d789), var(--gold,#e8b64c));clip-path:polygon(50% 0,100% 28%,100% 72%,50% 100%,0 72%,0 28%);border-radius:6px;width:26px;height:26px;box-shadow:0 0 12px #e8b64c99}.auth-tag{font-family:var(--display,"Cinzel", serif);letter-spacing:.22em;text-transform:uppercase;color:var(--wraith,#9fe8ff);margin:6px 0 18px;font-size:12px}.auth-card h2{font-family:var(--display,"Cinzel", serif);color:var(--ink,#efe6d5);margin:4px 0 16px;font-size:23px;font-weight:700}.auth-lead{color:var(--dim,#9c8fb0);margin:-4px 0 18px;font-size:14.5px;line-height:1.55}.auth-lead b{color:var(--ink,#efe6d5)}.auth-card form{text-align:left;flex-direction:column;gap:13px;display:flex}.auth-card label{letter-spacing:.05em;text-transform:uppercase;color:var(--dim,#9c8fb0);flex-direction:column;gap:6px;font-size:12.5px;display:flex}.auth-card input{font:16px var(--body,"Alegreya Sans", sans-serif);color:var(--ink,#efe6d5);border:1px solid var(--line,#3a3050);background:#0c0912b3;border-radius:10px;outline:none;padding:12px 14px;transition:border-color .18s,box-shadow .18s}.auth-card input:focus{border-color:var(--gold,#e8b64c);box-shadow:0 0 0 3px #e8b64c29}.auth-submit{cursor:pointer;font-family:var(--display,"Cinzel", serif);color:#2a1d05;background:linear-gradient(180deg, var(--gold2,#f6d789), var(--gold,#e8b64c));border:0;border-radius:11px;margin-top:8px;padding:13px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .2s,opacity .2s;box-shadow:0 6px 18px #e8b64c4d,inset 0 1px #fff6}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #e8b64c6b}.auth-submit:disabled{opacity:.65;cursor:default}.auth-note{color:var(--dim,#9c8fb0);margin:12px 0 0;font-size:12.5px}.auth-switch{color:var(--dim,#9c8fb0);margin:18px 0 0;font-size:14px}.auth-switch a,.auth-lead a{color:var(--gold2,#f6d789);text-decoration:none}.auth-switch a:hover{text-decoration:underline}.auth-hint{color:var(--good,#54d169);background:#54d1691a;border:1px solid #54d1694d;border-radius:9px;margin:0 0 14px;padding:8px 12px;font-size:13.5px}.auth-err{min-height:1.2em;color:var(--bad,#ff5277);margin:14px 0 0;font-size:13.5px}.auth-realm{text-align:left;margin:20px 0 2px}.auth-realm-lbl{letter-spacing:.06em;text-transform:uppercase;color:var(--dim,#9c8fb0);margin-bottom:9px;font-size:12px;display:block}.realm-opts{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.realm-opt{border:1px solid var(--line,#3a3050);color:var(--ink,#efe6d5);cursor:pointer;text-align:left;background:#0c091280;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 11px;transition:border-color .18s,background .18s,transform .15s;display:flex}.realm-opt b{font-family:var(--display,"Cinzel", serif);font-size:14px;font-weight:700}.realm-opt span{color:var(--dim,#9c8fb0);font-size:11px}.realm-opt:not(.soon):hover{border-color:var(--gold,#e8b64c);transform:translateY(-1px)}.realm-opt.on{border-color:var(--gold,#e8b64c);background:#e8b64c1a;box-shadow:inset 0 0 0 1px #e8b64c59}.realm-opt.on b{color:var(--gold2,#f6d789)}.realm-opt .realm-count{color:var(--good,#54d169)}.realm-opt.soon{cursor:default;opacity:.5}.realm-opt.soon span{color:var(--wraith,#9fe8ff)}.auth-dismiss{border:1px solid var(--line,#3a3050);width:34px;height:34px;color:var(--dim,#9c8fb0);cursor:pointer;z-index:2;background:#0a071299;border-radius:50%;font-size:15px;line-height:1;position:absolute;top:10px;right:12px}.auth-dismiss:hover{color:var(--ink,#efe6d5);border-color:var(--gold,#e8b64c)}