:root{--bg:#080f1b;--glass:#101b2be8;--line:#a7c5ea29;--muted:#acbbce;--white:#f4f2ea;--gold:#f1ce82;--purple:#83d6ee}
body{background:radial-gradient(ellipse at 85% 10%,#29477380,transparent 60%),var(--bg)}body:before{background:linear-gradient(0deg,#080f1b 10%,#080f1b99 75%,#080f1b66),url('/assets/royal-kingdom.webp') center top/cover no-repeat;opacity:.35;mask-image:none}header{flex-wrap:wrap}.brand{flex:1;letter-spacing:.1em;font-size:12px;color:#e8d19f}.join-brand-logo{width:60px;height:60px;object-fit:contain}.discord{background:#15253c;border-color:#a7c5ea33;color:#d8e5f4}.hero{padding:46px 0 54px}h1{font-family:Georgia,serif;letter-spacing:-.045em;font-weight:400;font-size:clamp(38px,6vw,72px)}h1 em{background:linear-gradient(90deg,#ffe4a6,#e1bf79,#9ee3f5);background-clip:text;-webkit-background-clip:text}.pill{background:#142238;border-color:#a7c5ea33;color:#c9dcef}.card{background:linear-gradient(145deg,#172943f5,#101b2bf5);border-radius:14px;border-color:#a7c5ea29}.card:hover{border-color:#f1ce8266}.card.selected{border-color:#f1ce82;box-shadow:0 0 0 1px #f1ce8240,0 18px 50px #0003}.server-icon{background:#213752;border-color:#a7c5ea33}.featured{background:#423720;border-color:#b58c46;color:#ffe3a4}.edition{color:#8cdeef}.sub{color:#afc8e4}.card h3{color:#f4f2ea}.notice{background:#142238;border-color:#a7c5ea29;color:#b6c6db}.notice strong{color:#f1ce82}.btn.primary{background:linear-gradient(135deg,#259967,#137449);border-color:#65daaa60}.btn.secondary{background:#13643f;border-color:#46bd8650}.btn.tertiary{background:#1d3049;color:#d9e8fa;border-color:#a7c5ea40}dialog{background:#111e32;border-color:#f1ce8266}.close{background:#20344c;border-color:#a7c5ea40}.addressbox{background:#081320;border-color:#a7c5ea33}.addressbox strong{color:#f1ce82}.addressbox small,.steps{color:#acbed6}footer{color:#8ea3be}a:focus-visible,button:focus-visible{outline-color:#8cdeef}
@media(max-width:590px){header{gap:10px}.brand{flex-basis:100%}.join-brand-logo{width:44px;height:44px}.discord{flex:1;text-align:center}.hero{padding-top:24px}.card{padding:22px}.wrap{width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.btn:hover,.card:hover{transform:none!important}}