:root{color-scheme:dark;--bg:#0a121a;--panel:#101b24;--text:#edf1f2;--muted:#a5b3bf;--gold:#d2b17a;--blue:#9ccbe1;--line:#ffffff17;--error:#ffb2aa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#75603f;color:white}[hidden]{display:none!important}.wrap{max-width:1220px;margin:auto;padding-inline:40px}.header{height:115px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;gap:13px;align-items:center;font-family:Georgia,serif;font-size:22px;letter-spacing:2px;line-height:1.2}.brand small{display:block;font:8px/2.5 system-ui,sans-serif;letter-spacing:2px;color:var(--muted)}.gold{color:var(--gold)}nav{display:flex;gap:29px;align-items:center;font-size:12px;color:#b9c4cd}nav a:hover{color:var(--gold)}.nav-cta{border:1px solid #d2b17a50;border-radius:4px;padding:10px 17px;color:#e2c28f}.nav-cta span{margin-left:16px}.main-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:86px;padding:72px 0 75px}.intro{padding-top:12px}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:650;color:var(--gold);margin:0 0 22px}.eyebrow>span{display:inline-block;width:18px;height:1px;background:var(--gold);vertical-align:middle;margin-right:8px}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(40px,4.4vw,60px)/1.14 Georgia,"Times New Roman",serif;letter-spacing:-1.8px;margin-bottom:25px}h1 em{color:var(--gold);font-weight:normal;font-size:.88em}h2{font:normal 29px/1.25 Georgia,serif;letter-spacing:-.5px}h3{font-size:16px;font-weight:600}.lead{font-size:14px;line-height:1.9;color:var(--muted);max-width:430px}.edition{display:flex;gap:14px;align-items:center;margin:28px 0 34px}.edition-icon{font-size:38px;color:var(--blue);line-height:1}.edition strong{display:block;font-size:10px;font-weight:600;letter-spacing:1.6px}.edition>div>span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.divider{margin:0 7px;color:#697b8a}.status-card{max-width:440px;border:1px solid #8cb5cf24;background:linear-gradient(115deg,#152635cf,#0d1925c9);padding:22px 23px 12px;border-radius:7px;box-shadow:0 15px 40px #0002}.status-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.status-top h2{font:600 9px system-ui,sans-serif;letter-spacing:2px;margin:0;color:#acbdca}.state{display:flex;align-items:center;gap:7px;font-size:11px;color:#becbd5}.state i{height:6px;width:6px;border-radius:50%;background:#9eafbf;flex-shrink:0}.state[data-state=online]{color:#9ee3c1}.state[data-state=online] i{background:#81d4af;box-shadow:0 0 10px #81d4af66}.state[data-state=offline]{color:#ffb2aa}.state[data-state=offline] i{background:#ffb2aa}.realm-details{display:flex;justify-content:space-between;margin:16px 0 18px;align-items:center}.realm-details strong{font:22px Georgia,serif;display:block}.realm-details span{font-size:11px;color:var(--muted);display:block}.realm-details span span{display:inline}.player-count{text-align:right}.player-count strong{font-family:system-ui,sans-serif;color:var(--blue)}.status-footer{display:flex;align-items:center;gap:6px;border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font-size:10px;flex-wrap:wrap}.status-footer button{margin-left:auto;background:none;color:var(--blue);border:0;padding:4px;font-size:10px;min-height:28px}.refresh-icon{font-size:17px}.count-note{font-size:9px;color:#9fadb9;margin:4px 0 0}.registration-card{background:linear-gradient(145deg,#192630f2,#101922fa);border:1px solid #c0a47338;border-radius:9px;padding:32px 35px 0;box-shadow:0 28px 70px #0005;position:relative;align-self:start}.registration-card:before{content:"";position:absolute;top:-1px;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.card-ornament{position:absolute;right:30px;top:23px;color:#c2a16a7a;font-size:26px}.registration-card .eyebrow{font-size:9px;margin-bottom:10px}.registration-card h2{font-size:29px;margin-bottom:9px}.card-intro{color:var(--muted);font-size:12px;margin-bottom:27px}.field{margin-bottom:19px}label{display:flex;justify-content:space-between;font-size:12px;font-weight:550;margin-bottom:7px;gap:10px}label span{font-size:10px;color:var(--muted);font-weight:400}input{background:#0b141e;border:1px solid #91a3b133;border-radius:4px;height:45px;padding:10px 13px;width:100%;color:var(--text);font-size:13px;transition:border-color .15s}input:hover{border-color:#91a3b177}input::placeholder{color:#8293a3}input[aria-invalid=true]{border-color:var(--error)}.hint{font-size:10px;color:#a7b6c3;line-height:1.65;margin:7px 0 0}.password-wrap{position:relative}.password-wrap input{padding-right:82px}.reveal{position:absolute;right:5px;top:3px;min-height:39px;background:none;border:0;color:var(--blue);font-size:10px;padding-inline:9px}.field-error{color:var(--error);font-size:11px;margin:5px 0 0}.field-error:empty{display:none}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;padding:13px 18px;background:linear-gradient(100deg,#dbbd87,#c6a36b);color:#161c21;border:1px solid #ebce9c;border-radius:4px;font-size:12px;font-weight:750;min-height:48px;box-shadow:0 4px 18px #cfa97014}.primary:hover{background:#e2c694}.primary span{font-size:20px;line-height:1}.privacy-note{display:flex;gap:8px;font-size:9px;color:#a5b3bf;margin:13px 0 24px;line-height:1.65}.privacy-note>span{font-size:16px;color:var(--gold)}.card-bottom{border-top:1px solid var(--line);text-align:center;padding:17px 0;color:#acbbc7;font-size:10px}.card-bottom span{color:var(--gold);margin-right:7px}.form-message{padding:12px;background:#552f2938;color:var(--error);border:1px solid #ffb2aa50;border-radius:4px;font-size:12px}.success{padding:25px 0 30px}.success p{color:var(--muted);font-size:14px}.success h3{font:26px Georgia,serif}.success-icon{font-size:35px;color:#9ee3c1;margin-bottom:20px}.connection{border-top:1px solid var(--line);padding:38px 0 35px}.section-title{display:flex;align-items:center;gap:40px}.section-title .eyebrow{font-size:9px;margin-bottom:10px}.section-title h2{font-size:26px;margin-bottom:28px}.section-line{height:1px;background:linear-gradient(90deg,#b59b6538,transparent);flex:1}.steps{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:40px}.steps article{position:relative;padding-left:36px}.step-number{position:absolute;left:0;top:0;font:20px Georgia,serif;color:var(--gold)}.steps h3{font-size:13px;margin:2px 0 9px}.steps p{font-size:11px;color:var(--muted);line-height:1.85}.steps strong{font-weight:500;color:#d9e1e7}.steps code{font-size:10px;color:#c8d8e5}.copy-box{display:flex;align-items:center;background:#14212c;border:1px solid #90b7ce2b;padding:7px 9px;border-radius:4px;gap:7px}.copy-box code{overflow-wrap:anywhere;flex:1}.copy-box button{background:none;border:0;font-size:10px;color:var(--blue);padding:7px 0;min-height:30px}.connection-note{font-size:10px;color:#97a8b7;margin:24px 0 0}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-block:25px;gap:20px;color:#9aaab8;font-size:10px}.footer>span{font-size:10px;letter-spacing:1px}.footer-dot{margin:0 12px}.footer p{font-size:9px;text-align:right;margin:0}.landscape{position:absolute;top:0;left:0;right:0;height:960px;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 19% 30%,#20425750,transparent 55%),radial-gradient(ellipse at 80% 10%,#49412c16,transparent 40%)}.moon{position:absolute;top:188px;left:31%;height:190px;width:190px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#a7cce00c,#6e99b106 55%,transparent 65%);box-shadow:0 0 80px #679bba07}.mountains{position:absolute;bottom:50px;left:-10%;right:-10%;height:630px;background:linear-gradient(#1c344253,#0a121a);clip-path:polygon(0 66%,9% 53%,16% 64%,29% 14%,34% 32%,37% 27%,48% 64%,59% 45%,70% 75%,80% 40%,90% 58%,100% 44%,100% 100%,0 100%)}.mountains.front{bottom:0;height:450px;background:linear-gradient(#1025326b,#0a121a);clip-path:polygon(0 55%,13% 35%,23% 60%,35% 47%,45% 73%,58% 55%,68% 69%,82% 35%,100% 60%,100% 100%,0 100%)}.skip{position:fixed;top:8px;left:8px;z-index:5;background:var(--gold);color:#111;padding:10px;transform:translateY(-150%)}.skip:focus{transform:translateY(0)}.noscript{padding:20px;background:#50352b;text-align:center}
@media(min-width:1450px){.main-grid{padding-top:90px;padding-bottom:90px}}
@media(max-width:1000px){.main-grid{gap:35px}.wrap{padding-inline:28px}.registration-card{padding:28px 25px 0}h1{font-size:47px}.steps{gap:22px}.registration-card h2{font-size:25px}}
@media(max-width:760px){.header{height:90px}.header nav>a:not(.nav-cta){display:none}.brand{font-size:19px;gap:9px}.brand small{font-size:6px;letter-spacing:1.5px}.brand img{width:29px}.nav-cta{padding:9px 12px;font-size:10px}.nav-cta span{display:none}.main-grid{grid-template-columns:1fr;gap:35px;padding:38px 0 44px}.intro{padding:0}h1{font-size:clamp(39px,8vw,57px);letter-spacing:-1.5px}h1 br:nth-of-type(1){display:none}.eyebrow{font-size:9px}.lead{max-width:480px}.status-card{max-width:none}.registration-card{padding:29px 27px 0}.registration-card h2{font-size:29px}.steps{grid-template-columns:1fr;gap:23px}.steps p{font-size:12px;margin-bottom:8px}.copy-box{max-width:420px}.connection{padding-top:30px}.section-title h2{font-size:25px}.section-line{display:none}.footer{display:block}.footer p{text-align:left;margin-top:12px}.wrap{padding-inline:22px}.landscape{height:850px}.privacy-note{font-size:10px}.count-note{font-size:10px}.hint{font-size:11px}.status-footer{font-size:11px}.status-footer button{min-height:35px}.copy-box button{min-height:36px}.card-bottom{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Readable supporting text at all viewport sizes. */
label,input{font-size:14px}.hint{font-size:12px}.privacy-note{font-size:11px}.steps p{font-size:13px}.steps h3{font-size:15px}.steps code{font-size:12px}.copy-box button{font-size:11px}.state,.realm-details span,.status-footer{font-size:12px}.status-footer button,.count-note,.connection-note,.footer p{font-size:11px}.card-intro{font-size:14px}.field-error{font-size:12px}.card-bottom{font-size:11px}@media(max-width:760px){input{font-size:16px}}