:root{--auth-gold:#d7ab4d;--auth-gold-bright:#f1d27a;--auth-gold-deep:#76531a;--auth-ink:#050906;--auth-panel:#101611;--auth-panel-soft:#151d17;--auth-line:#3c493e;--auth-muted:#9ca99e;--auth-green:#75d294;--auth-blue:#6ba9d7;--auth-red:#cf6d58;--auth-purple:#aa79cf}
#auth-screen{position:fixed;inset:0;z-index:1000;display:block!important;overflow:auto;background:#050806;color:#eee9dc;font-family:Inter,Segoe UI,Tahoma,Arial,sans-serif}
#auth-screen[hidden]{display:none!important}
.auth-landing{position:relative;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(400px,.7fr);width:100%;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 19% 12%,#21452f66 0,transparent 30%),radial-gradient(circle at 64% 58%,#7e5e1924 0,transparent 34%),linear-gradient(122deg,#09130d 0,#060a07 62%,#0d0f0a 100%)}
.auth-landing:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(#fff0 97%,#e7ce7710 100%),linear-gradient(90deg,#fff0 97%,#e7ce770c 100%);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 75%)}
.auth-story{position:relative;z-index:1;display:flex;min-height:100vh;flex-direction:column;padding:32px clamp(32px,4.6vw,82px) 30px;border-right:1px solid #806a35;overflow:hidden}
.auth-story:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#d9af4f,transparent 66%)}
.auth-story:after{content:"";position:absolute;right:-80px;top:0;width:170px;height:100%;background:linear-gradient(90deg,transparent,#050705);filter:blur(18px);pointer-events:none}
.auth-topbar{position:relative;z-index:6;display:flex;height:auto;min-height:88px;align-items:center;justify-content:space-between;gap:25px;padding:12px 14px;border:1px solid #526149;border-top-color:#a6863c;background:linear-gradient(105deg,#17221aad,#10150fdd 62%,#080d09e8);box-shadow:inset 0 1px #d5b75d1f,0 14px 38px #0006}
.auth-brand{display:flex;align-items:center;gap:19px;min-width:0}.auth-brand>span:last-child{display:flex;min-width:0;flex-direction:column;gap:5px}.auth-brand b{color:#f4d987;font:700 clamp(25px,2.15vw,35px)/.95 Georgia,serif;letter-spacing:.17em;text-shadow:0 3px 18px #000;white-space:nowrap}.auth-brand small{color:#91a096;font-size:8px;font-weight:800;letter-spacing:.34em;white-space:nowrap}
.auth-brand-mark{position:relative;display:grid;width:56px;height:56px;place-items:center;transform:rotate(45deg);border:1px solid #d8b057;background:linear-gradient(145deg,#1f2a20,#080b08);box-shadow:inset 0 0 0 4px #0b100c,0 10px 30px #000a}.auth-brand-mark:after{content:"";position:absolute;inset:6px;border:1px solid #8e6f30}.auth-brand-mark i{position:relative;z-index:1;color:#efcf72;font:700 15px/1 Georgia,serif;letter-spacing:-.08em;transform:rotate(-45deg);font-style:normal}
.auth-server-summary{display:flex;align-items:stretch;gap:7px;margin-left:auto}.auth-world-status,.auth-online-stat{display:flex;align-items:center;gap:10px;min-height:52px;padding:9px 13px;border:1px solid #34473a;background:#071009d9;box-shadow:0 8px 25px #0005}.auth-world-status>i{width:8px;height:8px;border-radius:50%;background:var(--auth-green);box-shadow:0 0 11px #69d38c}.auth-world-status>span,.auth-online-stat>span{display:flex;flex-direction:column;gap:3px}.auth-world-status small,.auth-online-stat small{color:#7e8d83;font-size:7px;font-weight:800;letter-spacing:.18em}.auth-world-status b{color:#dce7dd;font-size:10px;letter-spacing:.08em;white-space:nowrap}.auth-world-status b em{margin-left:4px;color:#77d594;font-size:7px;font-style:normal;letter-spacing:.13em}.auth-online-stat{min-width:128px;border-color:#66572f;background:linear-gradient(145deg,#17180f,#090e0a)}.auth-online-stat>strong{min-width:28px;color:#f2d475;font:700 28px/1 Georgia,serif;text-align:center;text-shadow:0 0 18px #d3a83f44}.auth-online-stat b{color:#d8c990;font-size:7px;letter-spacing:.16em;white-space:nowrap}.auth-server-summary[data-environment="tests"] .auth-online-stat{border-color:#3f6270}.auth-server-summary[data-environment="tests"] .auth-online-stat>strong{color:#8fd5e8}.auth-server-summary[data-environment="tests"] .auth-world-status b em{color:#8fd5e8}
.auth-hero-copy{position:relative;z-index:5;max-width:730px;padding:clamp(43px,6vh,72px) 0 34px}.auth-kicker{display:flex;align-items:center;gap:11px;color:#e2bd60;font-size:9px;font-weight:900;letter-spacing:.27em}.auth-kicker:before{content:"";width:42px;height:1px;background:#d9b451}.auth-hero-copy h2{margin:17px 0 20px;color:#f5f0e4;font:700 clamp(48px,5.15vw,80px)/.94 Georgia,serif;letter-spacing:-.047em;text-wrap:balance;text-shadow:0 8px 32px #000}.auth-hero-copy h2 em{color:#d9ad4a;font-style:normal}.auth-hero-copy p{max-width:680px;margin:0;color:#b7c2b9;font-size:14px;line-height:1.76}.auth-hero-actions{display:flex;gap:11px;margin-top:26px}.auth-hero-actions button{min-height:46px;padding:0 23px;border:1px solid #c49a3c;background:linear-gradient(#d8ad4f,#8b611d);color:#171005;box-shadow:inset 0 1px #f5db8a,0 9px 24px #0008;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:.18s ease}.auth-hero-actions button+button{border-color:#526056;background:#0b110dce;color:#d5ddd6;box-shadow:none}.auth-hero-actions button:hover{filter:brightness(1.13);transform:translateY(-2px)}
.auth-hero-facts{display:flex;gap:20px;margin-top:24px;color:#7f8c83;font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.auth-hero-facts span{display:flex;align-items:baseline;gap:6px;padding-right:20px;border-right:1px solid #334039}.auth-hero-facts span:last-child{padding-right:0;border-right:0}.auth-hero-facts b{color:#e9ce7e;font:700 15px Georgia,serif;letter-spacing:0}
.auth-creature-stage{position:absolute;z-index:2;right:1%;top:120px;width:min(38vw,540px);height:47%;pointer-events:none;opacity:.48;mask-image:linear-gradient(90deg,transparent 0,#000 28%,#000 75%,transparent 100%)}.auth-creature-stage>i{position:absolute;right:3%;bottom:0;width:88%;height:38%;border-radius:50%;background:radial-gradient(ellipse,#d9ad493a,transparent 70%);filter:blur(12px)}.auth-creature{position:absolute;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 20px 18px #000) saturate(.75)}.auth-creature.dragon{right:1%;bottom:4%;width:58%;transform:scaleX(-1)}.auth-creature.demon{right:37%;bottom:0;width:41%;filter:drop-shadow(0 18px 16px #000) brightness(.58) saturate(.76)}.auth-hero-shield{position:absolute;right:23%;bottom:5%;display:grid;width:62px;height:62px;place-items:center;border:1px solid #ebc866;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f5d774,#8c611c 58%,#382308);box-shadow:0 0 0 4px #392c13,0 10px 25px #000a;color:#211603;font:900 17px Georgia,serif;letter-spacing:-.08em}
.auth-vocations{position:relative;z-index:5;margin-top:auto}.auth-section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:12px}.auth-section-title span{color:#b99749;font-size:8px;font-weight:900;letter-spacing:.24em}.auth-section-title h3{margin:0;color:#ebe2c8;font:700 19px Georgia,serif}
.auth-vocation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.auth-vocation-grid article{position:relative;display:grid;grid-template-columns:38px 1fr;gap:10px;min-height:98px;padding:12px;border:1px solid #344039;background:linear-gradient(145deg,#111913ed,#090e0aed);box-shadow:0 10px 28px #0004;overflow:hidden}.auth-vocation-grid article:before{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--vocation)}.auth-vocation-grid article.knight{--vocation:#cf765f}.auth-vocation-grid article.paladin{--vocation:#d6ba59}.auth-vocation-grid article.sorcerer{--vocation:#9d68c8}.auth-vocation-grid article.druid{--vocation:#5caa82}.auth-vocation-icon{display:grid;width:36px;height:36px;place-items:center;border:1px solid color-mix(in srgb,var(--vocation),#fff 18%);background:color-mix(in srgb,var(--vocation),transparent 80%);color:#f4ebda;font:700 17px Georgia,serif;box-shadow:inset 0 0 14px #0008}.auth-vocation-grid b,.auth-vocation-grid small{display:block}.auth-vocation-grid b{color:#eadcae;font:700 13px Georgia,serif}.auth-vocation-grid small{margin-top:5px;color:#8f9b92;font-size:8px;line-height:1.45}.auth-vocation-grid em{position:absolute;right:8px;top:8px;color:color-mix(in srgb,var(--vocation),#fff 18%);font-size:6px;font-style:normal;font-weight:900;letter-spacing:.16em}
.auth-features{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.auth-features article{display:grid;grid-template-columns:auto 1fr;gap:10px;min-height:70px;padding:11px 12px;border:1px solid #2d3831;background:#080d09d9}.auth-features article>span{color:#6d5c34;font:700 19px Georgia}.auth-features b,.auth-features small{display:block}.auth-features b{color:#d7c68f;font:700 11px Georgia,serif}.auth-features small{margin-top:3px;color:#7f8c83;font-size:7px;line-height:1.45}
.auth-access{position:relative;z-index:7;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;padding:clamp(32px,5vh,58px) clamp(25px,3.2vw,50px) 28px;background:linear-gradient(158deg,#151a14fa,#080b08fc 72%);box-shadow:-32px 0 75px #0009}.auth-access:before{content:"";position:absolute;inset:13px;border:1px solid #806b355c;pointer-events:none}.auth-access-head{position:relative;padding-left:17px;border-left:2px solid var(--auth-gold)}.auth-access-head>span{color:#d8b55a;font-size:8px;font-weight:900;letter-spacing:.22em}.auth-access-head h3{margin:7px 0 5px;color:#f1e5be;font:700 24px Georgia,serif}.auth-access-head p{margin:0;color:#89958c;font-size:10px}
#auth-form{align-self:center;box-sizing:border-box;width:100%!important;max-width:470px;margin:24px auto;padding:0!important;border:0!important;border-image:none!important;background:none!important;color:#e9e6db!important;box-shadow:none!important}#auth-form h1{margin:0 0 17px!important;color:#f0dfad;font:700 29px Georgia,serif!important}#auth-form .auth-tabs{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px;padding:4px;border:1px solid #363f38;background:#060906}#auth-form .auth-tabs button{min-height:39px;border:0;background:transparent;color:#818c83;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}#auth-form .auth-tabs button.active{background:linear-gradient(#4d3f1d,#28200e);box-shadow:inset 0 0 0 1px #8d7130;color:#f3d77c}
#auth-form label{gap:7px;margin:11px 0;color:#c2cabf;font-size:9px;font-weight:900;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 #485249;background:#060906;color:#f2f0e8;outline:0;font:12px Inter,Segoe UI,Tahoma,sans-serif;transition:.16s ease}#auth-form input:focus,#auth-form select:focus{border-color:#c09a43;box-shadow:0 0 0 2px #c09a431f}#auth-form input::placeholder{color:#5c665e}.remember-login-options{gap:6px!important}.remember-login-options label,.two-factor-toggle{min-height:35px!important;padding:8px!important;border-color:#343d36!important;background:#090d0a!important;color:#8c978e!important;font-size:8px!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:#cda144}
#auth-submit{width:100%;min-height:47px;margin-top:12px;border:1px solid #bf9232!important;background:linear-gradient(#d2a441,#795017)!important;color:#171005!important;box-shadow:inset 0 1px #f3d57d,0 9px 25px #0008;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}#auth-submit:hover{filter:brightness(1.14)}#google-login{display:grid;min-height:40px;margin:10px 0;place-items:center;border:1px solid #3f4941;background:#090d0a;color:#89938b;font-size:9px}.google-login-container>div{max-width:100%}
#creation-fields{display:grid;grid-template-columns:1.15fr .7fr .75fr;gap:7px}#creation-fields label{margin:7px 0}.auth-access #auth-error{min-height:17px;margin:9px 0 0;color:#ec8179;font-size:9px;line-height:1.4}.auth-access>footer{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:16px;border-top:1px solid #303931;color:#7c8980;font-size:8px}.auth-access>footer span{display:flex;align-items:center;gap:7px;color:#9db6a3}.auth-access>footer i{width:7px;height:7px;border-radius:50%;background:#6bd18b;box-shadow:0 0 8px #6bd18b}
#auth-loading{border-color:#3e493f!important;background:#080c09!important}#auth-loading progress{accent-color:#c69d42!important}.auth-character-list{border-color:#4a523f!important;background:#070a07!important}.auth-character-row{grid-template-columns:minmax(0,1fr) 76px 70px 108px!important;background:#0f1510!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}
#account-fields[hidden],#creation-fields[hidden],#character-fields[hidden]{display: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 #4b533f;background:#0a100b;color:#d8d7cb;text-align:left;cursor:pointer}.toggle-character-creation:hover,.toggle-character-creation.expanded{border-color:#aa893e;background:#17170f}.toggle-character-creation>span{display:grid;width:24px;height:24px;place-items:center;border:1px solid #826a31;color:#e4c66b;font:700 18px/1 Georgia}.toggle-character-creation>b{color:#eadba9;font:700 12px Georgia}.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{color:#efdc9f!important;font-weight:700}.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:1320px){.auth-landing{grid-template-columns:minmax(0,1fr) minmax(390px,42%)}.auth-story{padding:28px 28px 24px}.auth-hero-copy{padding:44px 0 30px}.auth-hero-copy h2{font-size:54px}.auth-vocation-grid{grid-template-columns:1fr 1fr}.auth-vocation-grid article{min-height:82px}.auth-creature-stage{opacity:.3}.auth-features{grid-template-columns:1fr}.auth-features article{min-height:55px}}
@media(max-width:860px){.auth-landing{display:block;overflow:visible}.auth-story{min-height:auto;padding:25px 22px 28px;border-right:0;border-bottom:1px solid #745f30}.auth-hero-copy{padding:55px 0 35px}.auth-hero-copy h2{font-size:52px}.auth-creature-stage{display:none}.auth-vocations{margin-top:0}.auth-features{grid-template-columns:1fr}.auth-access{min-height:auto;padding:34px 22px}.auth-access:before{inset:8px}#auth-form{margin:28px auto}.auth-access>footer{max-width:470px;margin:18px auto 0}}
@media(max-width:1050px){.auth-topbar{align-items:flex-start}.auth-server-summary{display:grid;grid-template-columns:1fr;min-width:170px}.auth-world-status,.auth-online-stat{min-height:44px}}
@media(max-width:560px){.auth-topbar{align-items:flex-start;flex-direction:column;gap:15px}.auth-server-summary{display:grid;width:100%;grid-template-columns:1fr 1fr;margin-left:0}.auth-world-status,.auth-online-stat{min-width:0;padding:9px}.auth-brand-mark{width:48px;height:48px}.auth-brand{gap:15px}.auth-brand b{font-size:23px}.auth-brand small{font-size:7px;letter-spacing:.22em}.auth-hero-copy h2{font-size:42px}.auth-hero-copy p{font-size:13px}.auth-hero-actions{display:grid}.auth-hero-facts{align-items:flex-start;flex-direction:column;gap:8px}.auth-hero-facts span{padding:0;border:0}.auth-section-title{align-items:flex-start;flex-direction:column}.auth-vocation-grid{grid-template-columns:1fr}.auth-features article{grid-template-columns:28px 1fr}#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}}
@media(prefers-reduced-motion:reduce){.auth-landing *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}