:root{--auth-gold:#d7ab4d;--auth-gold-light:#f2dc92;--auth-ink:#080b09;--auth-panel:#111611;--auth-line:#64552e;--auth-muted:#9fa89d;--auth-green:#79c78f}
#auth-screen{position:fixed;inset:0;z-index:1000;display:block!important;overflow:auto;background:#060806;color:#ede7d4;font-family:Tahoma,Arial,sans-serif}
#auth-screen[hidden]{display:none!important}
.auth-landing{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(390px,.75fr);width:100%;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 26% 24%,#38543b55 0,transparent 30%),radial-gradient(circle at 72% 76%,#84631d22 0,transparent 31%),linear-gradient(125deg,#0c1510 0,#080b09 58%,#10100b 100%)}
.auth-landing:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(#fff0 96%,#d8c17312 100%),linear-gradient(90deg,#fff0 96%,#d8c17310 100%);background-size:48px 48px;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.auth-story{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;padding:42px clamp(38px,6vw,92px) 34px;border-right:1px solid #7b6635;overflow:hidden}
.auth-story:after{content:"";position:absolute;right:-90px;top:0;width:190px;height:100%;background:linear-gradient(90deg,transparent,#050604);filter:blur(20px);pointer-events:none}
.auth-brand{position:relative;z-index:3;display:flex;align-items:center;gap:13px;width:max-content}.auth-brand-mark,.auth-hero-shield{display:grid;place-items:center;color:#251b08;background:radial-gradient(circle at 35% 28%,#ffeb9d,#c6922c 55%,#6c4814);border:2px solid #f0d27e;box-shadow:0 0 0 3px #4e3a17,0 9px 26px #000a;font:900 26px Georgia,serif}.auth-brand-mark{width:50px;height:50px;transform:rotate(45deg)}.auth-brand-mark::first-letter{transform:rotate(-45deg)}.auth-brand>span:last-child{display:grid}.auth-brand small{color:#aa9e7c;font-size:9px;letter-spacing:.25em}.auth-brand b{color:#f0d58b;font:700 27px/1 Georgia,serif;letter-spacing:.16em;text-shadow:0 2px #000}
.auth-hero-copy{position:relative;z-index:4;align-self:center;max-width:690px;padding:70px 0 48px}.auth-kicker{display:flex;align-items:center;gap:10px;color:#d8b85e;font-size:10px;font-weight:800;letter-spacing:.24em}.auth-kicker:before{content:"";width:38px;height:1px;background:#d8b85e}.auth-hero-copy h2{margin:17px 0 20px;color:#f4efdf;font:700 clamp(48px,6.1vw,88px)/.92 Georgia,serif;letter-spacing:-.045em;text-shadow:0 6px 24px #000}.auth-hero-copy h2 em{color:#d9ad4b;font-style:normal}.auth-hero-copy p{max-width:620px;margin:0;color:#b9c1b6;font-size:15px;line-height:1.75}.auth-hero-actions{display:flex;gap:10px;margin-top:30px}.auth-hero-actions button{min-height:46px;padding:0 22px;border:1px solid #ad8733;background:linear-gradient(#d7aa48,#8d641d);color:#150f05;font-weight:900;text-transform:uppercase;letter-spacing:.07em;box-shadow:inset 0 1px #f4d984,0 8px 24px #0008;cursor:pointer}.auth-hero-actions button+button{border-color:#59645a;background:#101713cc;color:#d5dbd2;box-shadow:none}.auth-hero-actions button:hover{filter:brightness(1.12);transform:translateY(-1px)}
.auth-creature-stage{position:absolute;z-index:2;right:2%;bottom:110px;width:min(40vw,520px);height:55%;pointer-events:none;opacity:.72}.auth-creature-stage>i{position:absolute;right:0;bottom:0;width:90%;height:45%;border-radius:50%;background:radial-gradient(ellipse,#d6ad4530,transparent 70%);filter:blur(12px)}.auth-creature{position:absolute;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 18px 15px #000) saturate(.8)}.auth-creature.dragon{right:2%;bottom:7%;width:58%;transform:scaleX(-1)}.auth-creature.demon{right:39%;bottom:2%;width:42%;filter:drop-shadow(0 16px 14px #000) brightness(.62) saturate(.7)}.auth-hero-shield{position:absolute;right:24%;bottom:5%;width:62px;height:62px;border-radius:50%;font-size:32px}
.auth-proof{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid #394239;background:#394239}.auth-proof article{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;min-height:86px;padding:13px;background:#0d130ff2}.auth-proof article>span{color:#725e2e;font:700 25px Georgia}.auth-proof b,.auth-proof small{display:block}.auth-proof b{color:#e6d6a8;font:700 13px Georgia}.auth-proof small{margin-top:4px;color:#8f9b90;font-size:9px;line-height:1.45}
.auth-access{position:relative;z-index:5;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;padding:clamp(28px,5vh,58px) clamp(24px,3.5vw,54px) 26px;background:linear-gradient(155deg,#171a14f7,#090c09fa 72%);box-shadow:-30px 0 70px #0008}.auth-access:before{content:"";position:absolute;inset:13px;border:1px solid #66562c55;pointer-events:none}.auth-access-head{position:relative;padding-left:17px;border-left:2px solid var(--auth-gold)}.auth-access-head span{color:#d7b65e;font-size:9px;font-weight:800;letter-spacing:.19em}.auth-access-head p{margin:6px 0 0;color:#8f998f;font-size:11px}
#auth-form{align-self:center;box-sizing:border-box;width:100%!important;max-width:480px;margin:28px auto;padding:0!important;background:none!important;border:0!important;border-image:none!important;color:#e8e5da!important;box-shadow:none!important}#auth-form h1{margin:0 0 18px!important;color:#f1e3b8;font:700 32px Georgia,serif!important}#auth-form .auth-tabs{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px;padding:4px;border:1px solid #363d35;background:#090c09}#auth-form .auth-tabs button{min-height:38px;border:0;background:transparent;color:#818b82;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}#auth-form .auth-tabs button.active{background:linear-gradient(#4a3c1c,#28200f);box-shadow:inset 0 0 0 1px #856c30;color:#f1d783}
#auth-form label{gap:7px;margin:12px 0;color:#c7cbbc;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}#auth-form input,#auth-form select{box-sizing:border-box;width:100%;height:43px;padding:10px 12px;border:1px solid #4b544b;background:#070a08;color:#f0eee6;outline:0;font:12px Tahoma}#auth-form input:focus,#auth-form select:focus{border-color:#bd9945;box-shadow:0 0 0 2px #bd99451c}#auth-form input::placeholder{color:#5f6860}.remember-login-options{gap:6px!important}.remember-login-options label,.two-factor-toggle{min-height:35px!important;padding:8px!important;border-color:#363d36!important;background:#0b0e0b!important;color:#8f978f!important;font-size:9px!important;letter-spacing:0!important;text-transform:none!important}.remember-login-options input,.two-factor-toggle input{width:auto!important;height:auto!important;accent-color:#c99f43}
#auth-submit{width:100%;min-height:46px;margin-top:12px;border:1px solid #b68b32!important;background:linear-gradient(#c99c3b,#785018)!important;color:#171005!important;box-shadow:inset 0 1px #f0d276,0 8px 25px #0008;font-weight:900;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}#auth-submit:hover{filter:brightness(1.13)}#google-login{display:grid;place-items:center;min-height:40px;margin:11px 0;border:1px solid #414a42;background:#0b0f0c;color:#89928a;font-size:10px}.google-login-container>div{max-width:100%}
#creation-fields{display:grid;grid-template-columns:1.3fr .7fr;gap:8px}#creation-fields label{margin:7px 0}.auth-access #auth-error{min-height:18px;margin:10px 0 0;color:#ed8078;font-size:10px;line-height:1.35}.auth-access>footer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:17px;border-top:1px solid #32382f;color:#858e84;font-size:9px}.auth-access>footer span{display:flex;align-items:center;gap:7px;color:#9eb4a2}.auth-access>footer i{width:7px;height:7px;border-radius:50%;background:#6bc883;box-shadow:0 0 7px #6bc883}
#auth-loading{border-color:#3f493e!important;background:#0a0e0b!important}#auth-loading progress{accent-color:#c29a41!important}.auth-character-list{border-color:#4c523f!important;background:#080b08!important}.auth-character-row{background:#101510!important}.auth-character-row.selected{background:#393018!important}.auth-character-create{grid-template-columns:1fr!important}.character-account-actions{gap:6px;flex-wrap:wrap}.character-account-actions button{flex:1 1 120px;min-height:38px}.premium-selection-status{margin-bottom:8px}
@media(max-width:1050px){.auth-landing{grid-template-columns:1fr minmax(360px,45%)}.auth-story{padding:30px}.auth-proof{grid-template-columns:1fr}.auth-proof article{min-height:62px}.auth-creature-stage{opacity:.35}.auth-hero-copy{padding:45px 0}.auth-hero-copy h2{font-size:54px}}
@media(max-width:760px){.auth-landing{display:block}.auth-story{min-height:auto;padding:25px 20px 28px;border-right:0;border-bottom:1px solid #66562d}.auth-hero-copy{padding:48px 0 30px}.auth-hero-copy h2{font-size:47px}.auth-hero-copy p{font-size:13px}.auth-creature-stage{display:none}.auth-proof{grid-template-columns:1fr}.auth-access{min-height:auto;padding:30px 20px}.auth-access:before{inset:8px}#auth-form{margin:26px auto}.auth-access>footer{margin-top:20px}}
@media(max-width:430px){.auth-story{padding:20px 15px}.auth-brand-mark{width:42px;height:42px}.auth-brand b{font-size:23px}.auth-hero-copy h2{font-size:39px}.auth-hero-actions{display:grid}.auth-proof article{grid-template-columns:34px 1fr}.auth-access{padding:26px 15px}#creation-fields{grid-template-columns:1fr}.remember-login-options{grid-template-columns:1fr!important}}
.auth-brand-mark{transform:none!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
#account-fields[hidden],#creation-fields[hidden],#character-fields[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.auth-landing *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.toggle-character-creation{display:grid;width:100%;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:43px;margin:10px 0 0;padding:7px 11px;border:1px solid #4c523f;background:#0c110d;color:#d8d7cb;text-align:left;cursor:pointer}.toggle-character-creation:hover,.toggle-character-creation.expanded{border-color:#a8893f;background:#17170f}.toggle-character-creation>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #826a31;color:#e4c66b;font:700 18px/1 Georgia}.toggle-character-creation>b{font:700 12px Georgia;color:#eadba9}.toggle-character-creation>small{color:#7f897f;font-size:9px}
#character-fields .auth-character-create{grid-template-columns:minmax(110px,.65fr) minmax(160px,1fr)!important;gap:7px;margin-top:0;padding:10px;border-top:0}.auth-character-create[hidden]{display:none!important}.auth-character-create>.auth-world-field{grid-column:1;margin:0!important}.auth-character-create>#new-character-name{grid-column:2;align-self:end}.auth-character-create>.creation-vocation-options,.auth-character-create>#create-character{grid-column:1/-1}.auth-character-create>.creation-vocation-options{margin:2px 0!important}.auth-character-create>#create-character{min-height:38px}.auth-world-field{display:grid;gap:6px}.auth-world-field select{font-weight:700;color:#efdc9f!important}
#creation-fields{grid-template-columns:1.15fr .7fr .75fr}.auth-character-row{grid-template-columns:minmax(0,1fr) 76px 70px 108px!important}.auth-character-world{justify-self:start;padding:3px 7px;border:1px solid #695c35;background:#1f1b10;color:#e0c56e!important;font-size:9px!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.auth-character-row.selected .auth-character-world{border-color:#ba9440;background:#3e3114;color:#ffe497!important}
@media(max-width:520px){#creation-fields{grid-template-columns:1fr}.toggle-character-creation{grid-template-columns:28px 1fr}.toggle-character-creation>small{display:none}#character-fields .auth-character-create{grid-template-columns:1fr!important}.auth-character-create>.auth-world-field,.auth-character-create>#new-character-name{grid-column:1}.auth-character-row{grid-template-columns:minmax(0,1fr) auto!important}.auth-character-row>span{justify-self:end}.auth-character-training{grid-column:1/-1!important}}