:root{--bg:#08090c;--ink:#101013;--gold:#c6a16b;--gold-soft:#ecd0a0;--red:#c52c3a;--red-bright:#e33e4b;--cream:#eee5d8;--muted:#b0a69f;--line:rgba(208,179,136,.26);--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--bg);color:var(--cream);font:400 13px/1.6 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}
h1,h2,h3,p{margin:0}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
::selection{background:var(--red);color:#fff}
.wide{width:min(1440px,calc(100% - 100px));margin:0 auto}
.skip{position:fixed;top:-200px;left:10px;background:var(--red);padding:12px;color:#fff;z-index:30}.skip:focus{top:10px}
.site-header{height:88px;background:rgba(8,9,12,.92);border-top:3px solid var(--red);border-bottom:1px solid rgba(205,174,123,.21);z-index:10;position:relative}
.site-header>.wide{height:100%;display:flex;justify-content:space-between;align-items:center;gap:20px}
.brand{display:flex;gap:13px;align-items:center;flex-shrink:0}
.brand-emblem{color:var(--gold);display:block;width:44px;height:50px}.brand-emblem svg{width:100%;height:100%}
.brand-text{display:flex;flex-direction:column}.brand-text strong{font:800 31px/.96 var(--display);letter-spacing:1px}.brand-text strong span{color:var(--gold);margin-left:4px}
.brand-text small{font-size:8px;letter-spacing:2px;font-weight:900;color:#9a9288;margin-top:7px}
.header-actions{display:flex;align-items:center;gap:28px}
.back{font-size:10px;color:#cfb89b;letter-spacing:1px;font-weight:800;white-space:nowrap;border-bottom:1px solid #8c6b50;padding:7px 0}.back:hover{color:#fff}
.language-switch{display:flex;align-items:center;gap:8px}.language-switch button{background:none;border:0;color:#8f8b87;padding:8px 1px;font-size:10px;font-weight:900}.language-switch button[aria-pressed=true]{color:var(--gold)}.language-switch i{height:11px;width:1px;background:#514d4a}
main{position:relative;isolation:isolate;min-height:calc(100vh - 141px);overflow:hidden;background:linear-gradient(118deg,#1b0d12 0%,#0d0e11 58%,#09090b 100%)}
.scene{position:absolute;inset:0 41% 0 0;z-index:-3;background:url('/assets/v2/knight-full.jpg') 63% center/cover no-repeat;filter:brightness(.54) saturate(.65) contrast(1.12);-webkit-mask-image:linear-gradient(90deg,#000 18%,#000 57%,transparent 100%);mask-image:linear-gradient(90deg,#000 18%,#000 57%,transparent 100%)}
.scene-mist{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 24% 27%,rgba(192,30,52,.11),transparent 50%),linear-gradient(90deg,rgba(10,9,11,.45) 5%,rgba(10,9,11,.57) 37%,rgba(10,9,11,.97) 80%),linear-gradient(0deg,rgba(9,9,11,.89),transparent 29%)}
.content{width:min(1440px,calc(100% - 100px));margin:0 auto;min-height:calc(100vh - 141px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:clamp(34px,7vw,115px);align-items:center;padding:75px 0 86px}
.introduction{min-width:0;padding:25px 0}
.eyebrow{display:flex;align-items:center;gap:11px;color:#e0b67a;font-size:10px;font-weight:800;letter-spacing:1.5px}
.red-mark{background:var(--red);width:26px;height:2px;flex-shrink:0}
.lineage{margin-top:38px;font:800 clamp(28px,3.2vw,47px)/1 var(--display);letter-spacing:3px;color:#bdb1a0}
.lineage span{color:#d8b57f;font:400 .87em Georgia,serif}.lineage small{font-size:.68em;color:#db4551}
.introduction h1{font:900 clamp(79px,7.7vw,126px)/.82 var(--display);letter-spacing:-.4px;text-transform:uppercase;margin-top:25px;max-width:780px}
.introduction h1 em{font-style:normal;color:var(--red-bright)}
.intro-copy{max-width:470px;color:#d0c4b8;font-size:13px;line-height:2.1;margin-top:36px}
.realm-state{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;font-size:10px;letter-spacing:.7px;font-weight:850;color:#c4b9a9}
.state-dot{height:7px;width:7px;border-radius:50%;background:#a38f75;box-shadow:0 0 0 3px rgba(183,139,83,.1);flex-shrink:0}
.state-dot.online{background:#91c5a1;box-shadow:0 0 0 4px rgba(86,166,116,.12)}.state-dot.offline{background:#d7565d}
.realm-address{color:var(--gold);font-weight:700;letter-spacing:1px;border-left:1px solid rgba(209,171,117,.4);padding-left:13px}
.intro-bottom{display:flex;gap:22px;align-items:center;margin-top:62px;border-top:1px solid rgba(202,157,102,.35);padding-top:24px}
.intro-bottom strong{font:900 81px/.9 var(--display);color:#e5ba7a}
.intro-bottom div{display:flex;flex-direction:column;gap:5px;min-width:0}.intro-bottom span{font:800 11px var(--body);letter-spacing:1.3px;color:#d7c1a1}.intro-bottom small{max-width:330px;font:500 11px/1.7 var(--body);color:#938982}
.registration{border:1px solid rgba(205,169,116,.30);background:linear-gradient(148deg,rgba(19,18,20,.96),rgba(8,9,12,.97));box-shadow:0 28px 90px rgba(0,0,0,.4);padding:33px 37px 30px;position:relative;min-width:0}
.registration:before{content:"";position:absolute;left:-1px;top:-1px;width:82px;height:3px;background:var(--red)}
.form-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}
.form-kicker{color:var(--gold);font:900 10px var(--body);letter-spacing:1.45px}
.form-heading h2{font:800 clamp(36px,3.5vw,50px)/1 var(--display);letter-spacing:.5px;margin-top:13px}
.form-medallion{border:1px solid rgba(208,174,119,.48);height:49px;width:45px;display:grid;place-items:center;clip-path:polygon(50% 0%,100% 23%,100% 77%,50% 100%,0% 77%,0% 23%);font:800 31px var(--display);color:#d5b178;flex-shrink:0}
.form-intro{font-size:11px;color:#b4a69e;line-height:1.9;max-width:430px;margin-top:14px;margin-bottom:27px}
form{display:flex;flex-direction:column;gap:17px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label{font:800 10px var(--body);letter-spacing:.8px;color:#e0c7a8}
.field input{width:100%;height:49px;border:1px solid #494041;background:#151215;border-radius:0;padding:0 14px;font:600 13px var(--body);outline:0;color:#f5ece3;min-width:0}
.field input::placeholder{color:#7c7270;font-weight:400}
.field input:focus{border-color:#c9a26a;background:#1b1718}
.field input:invalid:not(:placeholder-shown):not(:focus){border-color:#8c454e}
.field p{color:#8f8984;font-size:9px;line-height:1.55}
.field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.password-control{display:flex;position:relative;min-width:0}
.password-control input{padding-right:44px}
.reveal{position:absolute;right:0;top:0;bottom:0;width:42px;border:0;background:transparent;color:#af9e8d;display:grid;place-items:center}
.reveal:hover{color:#f9d2a2}.reveal svg{pointer-events:none}
.password-note{font-size:9px;line-height:1.8;color:#a79a91;margin-top:-8px}
.consent{display:flex;gap:11px;align-items:flex-start;color:#b8aca3;font-size:10px;line-height:1.7;cursor:pointer;margin:4px 0 0}
.consent input{width:16px;height:16px;accent-color:var(--red);margin:2px 0 0;flex-shrink:0}
.consent a{color:#ddba87;text-decoration:underline;text-underline-offset:3px}.consent a:hover{color:#fff}
.honeypot{position:absolute;left:-10000px;top:-10000px;opacity:0;pointer-events:none;height:0;width:0;overflow:hidden}
.submit{background:#b72634;border:1px solid #d9444e;color:#fff;padding:16px 18px 16px 21px;min-height:57px;display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;font:900 11px var(--body);letter-spacing:.7px;transition:background .15s}
.submit:hover:not(:disabled){background:#d52d3d}.submit:disabled{opacity:.65;cursor:wait}
.submit-arrow{font-size:25px;line-height:1;font-weight:400}
.form-feedback{min-height:18px;line-height:1.6;color:#ef9c9f;font-size:11px}
.form-feedback.good{color:#a1dcb8}
.registration-foot{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap;margin-top:20px;padding-top:19px;color:#8f857b;font-size:9px;line-height:1.7}
.registration-foot>span{max-width:305px}.registration-foot>a{font-size:9px;font-weight:900;color:#d3b07c;white-space:nowrap;letter-spacing:.3px}
.success-panel{padding:16px 0 10px}.success-mark{font:800 44px var(--display);color:#a1dcb8}
.success-panel h3{font:800 47px var(--display);color:#f6e8d8;margin-top:11px}
.success-panel p{font-size:12px;color:#b7aba2;line-height:1.9;margin-top:17px}
.created-name{border-bottom:1px solid rgba(206,165,100,.38);border-top:1px solid rgba(206,165,100,.38);font:800 38px var(--display);color:#e6c08a;padding:14px 0;margin-top:20px;overflow-wrap:anywhere}
.success-next{display:flex;align-items:center;justify-content:space-between;background:var(--red);padding:17px;margin-top:24px;color:#fff;font-size:11px;letter-spacing:.3px;font-weight:900}.success-next:hover{background:#df3847}
.success-panel .success-footnote{font-size:10px;color:#9f948c;margin-top:19px}
footer{border-top:1px solid var(--line);background:#07080a;padding:21px 0;font-size:9px;color:#847c75;letter-spacing:.4px}
footer>.wide{display:flex;justify-content:space-between;gap:12px;align-items:center}
@media(max-width:1170px){.content{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:42px}.wide,.content{width:calc(100% - 60px)}.scene{right:29%;opacity:.55}.introduction h1{font-size:clamp(72px,7.7vw,109px)}.registration{padding:30px 27px}}
@media(max-width:900px){.content{grid-template-columns:minmax(0,1fr);gap:38px;padding-top:65px}.introduction{padding:0}.introduction h1{font-size:clamp(72px,11.8vw,112px)}.intro-copy{max-width:650px;margin-top:23px}.scene{inset:0;opacity:.4;background-position:center 10%;-webkit-mask-image:linear-gradient(0deg,transparent,#000 65%,#000);mask-image:linear-gradient(0deg,transparent,#000 65%,#000)}.scene-mist{background:linear-gradient(0deg,#09090b 20%,rgba(9,9,11,.75) 65%,rgba(9,9,11,.4))}.intro-bottom{margin-top:25px}.registration{max-width:720px;width:100%;margin:0 auto}.intro-bottom strong{font-size:60px}}
@media(max-width:550px){.wide,.content{width:calc(100% - 32px)}.site-header{height:70px}.brand-emblem{width:31px;height:37px}.brand{gap:8px}.brand-text strong{font-size:23px}.brand-text small{font-size:7px;letter-spacing:1.3px}.header-actions{gap:12px}.back{font-size:9px;letter-spacing:.1px}.language-switch{gap:5px}.language-switch button{font-size:9px}.content{padding:42px 0 52px;gap:28px}.eyebrow{font-size:9px;letter-spacing:.75px}.lineage{font-size:25px;margin-top:17px}.introduction h1{font-size:clamp(60px,12.1vw,77px);margin-top:15px;line-height:.83}.intro-copy{font-size:11px;line-height:1.9;margin-top:19px}.realm-state{font-size:9px;gap:8px;margin-top:18px}.realm-address{padding-left:9px}.intro-bottom{margin-top:20px;padding-top:16px;gap:13px}.intro-bottom strong{font-size:52px}.intro-bottom span{font-size:9px}.intro-bottom small{font-size:9px}.registration{padding:24px 17px 17px}.form-heading h2{font-size:40px}.form-intro{font-size:10px;margin-bottom:22px}.field-grid{grid-template-columns:minmax(0,1fr);gap:17px}form{gap:16px}.field input{height:51px}.registration-foot{margin-top:14px}.registration-foot>span{max-width:none}footer>.wide{flex-direction:column;align-items:start;gap:5px}.success-panel h3{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.submit,.reveal{transition:none}}