@charset "UTF-8";
:root{--ink:#0b1219;--ink-deep:#080d12;--panel:#111c26;--gold:#cfb88e;--gold-bright:#ead8b5;--paper:#eeeae1;--paper-ink:#252c30;--white:#f0eee8;--muted:#a9b1b9;--line:rgba(207,184,142,.2);--serif:"Noto Serif",Georgia,"Times New Roman",serif;--sans:"Be Vietnam Pro","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b99358;outline-offset:5px}button:disabled{cursor:not-allowed}[hidden]{display:none!important}.wrap{width:min(1184px,calc(100% - 112px));margin-inline:auto}.section-space{padding-block:108px}.skip-link{position:fixed;z-index:20;top:8px;left:8px;padding:10px 18px;background:var(--gold);color:var(--ink);transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{height:88px;background:rgba(9,15,21,.98);border-bottom:1px solid var(--line);position:relative;z-index:10}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{height:47px;width:41px;color:var(--gold);stroke-width:1.3}.brand-word{font-family:var(--serif);font-size:29px;font-weight:700;line-height:1;letter-spacing:-.5px;color:var(--gold)}.brand-word>span{color:var(--white)}.brand-word small{display:block;margin-top:8px;font:9px/1.2 var(--sans);letter-spacing:2.1px;color:#a5a9aa}.site-header nav{display:flex;align-items:center;gap:34px;font-size:13px}.nav-link{color:#c0c5c9;transition:color .2s}.nav-link:hover{color:var(--gold-bright)}.nav-download{border:1px solid #75674f;color:var(--gold-bright);padding:11px 24px;font-size:12px;font-weight:600;letter-spacing:.3px;display:flex;gap:26px;align-items:center}.nav-download:hover{background:#cfb88e;color:var(--ink)}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;min-height:724px;display:flex;align-items:center;overflow:hidden;background:#182632}.hero-art{position:absolute;inset:0;z-index:-3;background-image:url('/assets/hero.jpg');background-size:cover;background-position:center 45%}.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,13,20,.98) 0%,rgba(7,13,20,.88) 20%,rgba(7,13,20,.57) 45%,rgba(7,13,20,.08) 72%),linear-gradient(0deg,#0b1219 0%,rgba(11,18,25,.08) 32%,rgba(11,18,25,.2) 100%)}.hero-content{padding-top:44px;padding-bottom:130px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.8px;color:var(--gold);margin:0 0 25px;display:flex;align-items:center;gap:12px;text-transform:uppercase}.tiny-diamond{display:inline-block;width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg)}h1,h2,h3,p{overflow-wrap:break-word}h1{font:400 clamp(46px,4.5vw,70px)/1.17 var(--serif);letter-spacing:-1.6px;margin:0 0 29px;text-wrap:balance}h1 em,h2 em{font-style:normal;color:var(--gold-bright)}.hero-description{font-size:16px;line-height:1.85;color:#bfc8d0;margin:0 0 35px}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:17px;min-height:54px;padding:14px 26px;font-size:13px;font-weight:650;border:1px solid transparent;line-height:1.4;transition:background .2s,transform .2s}.button svg{width:17px;height:17px;stroke-width:1.6}.button-gold{background:var(--gold);color:#19202a;box-shadow:0 4px 24px #0002}.button-gold:hover{background:var(--gold-bright);transform:translateY(-2px)}.hero-more{font-size:12px;color:#d9dce0;display:flex;align-items:center;gap:16px;border-bottom:1px solid #ffffff30;padding-block:10px}.hero-more:hover{color:var(--gold)}.hero-release{display:flex;align-items:center;gap:12px;margin-top:36px;font-size:10px;color:#9aa5af}.release-line{height:1px;width:26px;background:#8d7a58}.release-separator{margin:0 9px;color:#776f62}.hero-bottom{position:absolute;bottom:36px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--line);font-size:9px;letter-spacing:2.6px;color:#a6adb3}.hero-bottom-center{font-size:22px;color:var(--gold)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}h2{font:400 45px/1.18 var(--serif);letter-spacing:-.8px;margin:0;text-wrap:balance}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);max-width:330px;margin:0 0 3px}.download-section{background:var(--paper);color:var(--paper-ink);padding-top:86px;padding-bottom:79px}.download-heading .eyebrow{color:#83683e}.download-heading>p{color:#6b7174}.download-panel{border:1px solid #d2ccbf;background:#f7f5ef}.platform-tabs{display:flex;gap:12px;background:#e7e3d9;border-bottom:1px solid #d2ccbf;padding:0 28px}.platform-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;padding:21px 25px;border:0;background:none;min-height:67px;color:#7a7c79;cursor:pointer;font-size:14px;font-weight:600}.platform-tabs button svg{width:22px;height:22px}.platform-tabs button span{font-size:9px;letter-spacing:1px;font-weight:400;color:#81817c}.platform-tabs button[aria-selected=true]{color:#283330}.platform-tabs button[aria-selected=true]::after{content:"";position:absolute;bottom:-1px;left:22px;right:22px;height:3px;background:#967e53}.download-body{display:grid;grid-template-columns:1fr 320px;gap:70px;padding:44px 48px 47px;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.2px;color:#786445;font-weight:650;border:1px solid #d5ccb8;padding:4px 9px}.status-badge>span{width:5px;height:5px;border-radius:50%;background:#a88b53}.platform-copy h3{font:400 30px/1.3 var(--serif);margin:17px 0 14px}.platform-copy>p{font-size:13px;line-height:1.85;color:#6d7374;max-width:530px;margin:0 0 28px}.download-facts{margin:0;display:grid;gap:7px;font-size:11px;color:#656a6c}.download-facts>div{display:grid;grid-template-columns:160px 1fr;gap:15px}.download-facts dt{color:#8b8d88}.download-facts dd{margin:0;font-weight:600}.download-action{text-align:center;border-left:1px solid #ded9ce;padding-left:47px}.platform-symbol{display:block;width:74px;height:74px;margin:0 auto 24px;color:#a08b64}.platform-symbol svg{width:100%;height:100%;stroke-width:1.1}.button-ink{background:#202d36;color:#fff;width:100%;font-size:12px;justify-content:space-between;padding-inline:22px;min-height:49px}.button-ink:not(:disabled):hover{background:#3a4a55}.button-ink:disabled{background:#dad9d1;color:#7b807e;border:1px solid #cccec5}.download-note{font-size:10px;line-height:1.8;color:#90948f;margin:13px 0 0}.download-footnote{font-size:10px;color:#858980;margin:20px 0 0;display:flex;align-items:flex-start;gap:8px}.world-section{background:var(--ink)}.factions{display:grid;grid-template-columns:1fr 1fr;gap:24px}.faction{min-height:408px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #293b48;background:#203545}.faction-image,.faction-overlay{position:absolute;inset:0;z-index:-2}.faction-image{background-image:url('/assets/hero.jpg');background-size:auto 150%;transition:transform .6s}.faction-light .faction-image{background-position:40% 45%}.faction-fury .faction-image{background-position:88% 45%;filter:saturate(.65)}.faction-overlay{z-index:-1;background:linear-gradient(0deg,rgba(6,14,22,.98),rgba(6,14,22,.64) 52%,rgba(6,14,22,.18))}.faction-fury .faction-overlay{background:linear-gradient(0deg,rgba(20,12,17,.98),rgba(20,12,17,.66) 52%,rgba(20,12,17,.2))}.faction:hover .faction-image{transform:scale(1.04)}.faction-content{padding:29px 35px 32px;display:flex;flex-direction:column;min-height:408px}.faction-index{font-size:8px;letter-spacing:2px;color:#c5c8c6}.faction-sigil{width:47px;height:47px;margin-top:44px;margin-bottom:22px;color:#d4c7ab;stroke-width:1}.faction-fury .faction-sigil{color:#c7a89e}.faction h3{font:400 32px/1.18 var(--serif);margin:0 0 16px}.faction p{font-size:12px;color:#b7c0c7;line-height:1.8;margin:0}.art-caption{font-size:9px;color:#73808b;text-align:right;margin:10px 0 0}.world-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:52px}.world-notes>div{border-top:1px solid var(--line);padding-top:22px}.world-notes>div>span{font:12px var(--serif);color:var(--gold)}.world-notes h3{font-size:15px;font-weight:500;margin:11px 0 10px}.world-notes p{font-size:12px;color:#99a6b0;line-height:1.85;margin:0}.guide-section{background:#111c25;border-top:1px solid #1c2b35;border-bottom:1px solid #1c2b35}.guide-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.guide-intro>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:23px 0 28px}.text-link{font-size:12px;color:var(--gold);border-bottom:1px solid #cfb88e70;display:inline-flex;gap:26px;padding-bottom:10px}.steps{list-style:none;padding:0;margin:0;counter-reset:steps}.steps li{display:grid;grid-template-columns:42px 1fr;gap:19px;padding:22px 0;border-top:1px solid #ffffff13}.steps li:first-child{padding-top:0;border-top:0}.steps li:last-child{padding-bottom:0}.step-number{font:19px/1.5 var(--serif);color:var(--gold)}.steps h3{font-size:15px;line-height:1.5;font-weight:500;margin:0 0 9px}.steps p{font-size:12px;line-height:1.85;color:#9da9b4;margin:0}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.faq-intro{font-size:13px;line-height:1.85;color:var(--muted);max-width:295px;margin-top:24px}.faq-list details{border-top:1px solid var(--line)}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;list-style:none;cursor:pointer;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--gold);font-size:20px;font-weight:300;flex-shrink:0;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details[open] summary{color:var(--gold-bright)}.faq-list details p{color:#a3afb8;font-size:12px;line-height:1.9;margin:0 34px 23px 0}.site-footer{border-top:1px solid var(--line);background:var(--ink-deep)}.footer-top{padding-block:42px;display:flex;align-items:center;justify-content:space-between;gap:35px}.footer-monogram{font:42px var(--serif);color:var(--gold);border-right:1px solid var(--line);padding-right:17px;margin-right:2px}.footer-brand .brand-word{font-size:23px}.footer-brand .brand-word small{font-size:7px;letter-spacing:1px;margin-top:10px}.footer-links{display:flex;gap:27px;font-size:11px;color:#9aa6ad}.footer-links a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid #ffffff0b;padding-block:20px;display:flex;justify-content:space-between;gap:24px;font-size:9px;color:#71818c}.mobile-download{display:none}.noscript-note{background:#cfb88e;color:#17222d;text-align:center;padding:15px;margin:0;font-size:13px}
@media(min-width:1600px){.hero{min-height:800px}.hero-art{background-position:center 40%}.hero-vignette{background:linear-gradient(90deg,#070d14 0%,#070d14e0 20%,#070d1470 45%,#070d1400 72%),linear-gradient(0deg,#0b1219 0%,#0b121900 40%)}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.site-header nav{gap:23px}.hero{min-height:680px}.hero-vignette{background:linear-gradient(90deg,#070d14f5,#070d14bd 40%,#070d1418),linear-gradient(0deg,#0b1219,#0b121900 60%)}.download-body{gap:35px;padding:35px;grid-template-columns:1fr 260px}.download-action{padding-left:30px}.guide-grid,.faq-grid{gap:60px}.world-notes{gap:30px}.faction-content{padding-inline:28px}}
@media(max-width:760px){html{scroll-padding-top:75px}.wrap{width:calc(100% - 40px)}.section-space{padding-block:68px}.site-header{height:76px}.brand-mark{width:31px;height:37px}.brand{gap:10px}.brand-word{font-size:25px}.brand-word small{font-size:7px;letter-spacing:1.9px}.menu-toggle{display:flex;flex-direction:column;gap:7px;justify-content:center;align-items:center;width:46px;height:44px;border:1px solid #cfb88e50;background:none;color:var(--gold);cursor:pointer}.menu-toggle>span{width:19px;height:1px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:15px 20px 24px;background:#0b1219;border-bottom:1px solid var(--line);box-shadow:0 20px 25px #0005;align-items:stretch;gap:0}.site-header nav.is-open{display:flex;flex-direction:column}.nav-link{padding:13px 4px;font-size:14px}.nav-download{margin-top:10px;justify-content:space-between;min-height:49px}.hero{min-height:694px;align-items:flex-end}.hero-art{background-position:66% top;background-size:auto 100%}.hero-vignette{background:linear-gradient(0deg,#0b1219 0%,#0b1219f0 15%,#0b1219c7 45%,#0b12195c 75%,#0b121932),linear-gradient(90deg,#070d1470,#070d1400)}.hero-content{padding-top:186px;padding-bottom:105px}.eyebrow{font-size:8px;letter-spacing:2.3px;gap:9px;margin-bottom:22px}h1{font-size:45px;letter-spacing:-1.1px;line-height:1.18;margin-bottom:21px}.hero-description{font-size:14px;line-height:1.8;margin-bottom:25px}.hero-actions{gap:19px;align-items:flex-start;flex-direction:column}.hero-actions .button{min-height:52px;padding-inline:25px;font-size:12px}.hero-more{font-size:11px;padding-block:5px}.hero-release{margin-top:24px;font-size:8px;gap:10px}.release-separator{margin-inline:5px}.release-line{width:16px}.hero-bottom{bottom:20px;padding-top:16px;font-size:7px;letter-spacing:1.4px}.hero-bottom-center{font-size:18px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:12px;margin-top:20px;max-width:100%}h2{font-size:36px;line-height:1.2;letter-spacing:-.5px}.section-heading .eyebrow{margin-bottom:15px}.download-section{padding-top:57px;padding-bottom:48px}.platform-tabs{padding:0 6px;gap:0}.platform-tabs button{flex:1;gap:8px;font-size:13px;padding:19px 12px;min-height:63px}.platform-tabs button svg{width:20px;height:20px}.platform-tabs button span{font-size:8px}.platform-tabs button[aria-selected=true]::after{left:15px;right:15px}.download-body{grid-template-columns:1fr;padding:26px 23px 27px;gap:25px}.status-badge{font-size:8px;letter-spacing:.8px}.platform-copy h3{font-size:27px;margin-top:16px}.platform-copy>p{font-size:12px;margin-bottom:21px;line-height:1.85}.download-facts{font-size:10px;gap:7px}.download-facts>div{grid-template-columns:135px 1fr;gap:9px}.download-action{border-left:0;border-top:1px solid #ded9ce;padding:23px 0 0}.platform-symbol{display:none}.button-ink{min-height:49px;font-size:12px}.download-note{font-size:9px;line-height:1.7}.download-footnote{font-size:9px;line-height:1.8;margin-top:15px}.factions{gap:15px}.faction,.faction-content{min-height:337px}.faction-content{padding:19px 16px 23px}.faction-index{font-size:6px;letter-spacing:1px;line-height:1.6;max-width:135px}.faction-sigil{width:32px;height:32px;margin-top:43px;margin-bottom:17px}.faction h3{font-size:25px;margin-bottom:14px}.faction p{font-size:10px}.faction-image{background-size:auto 135%}.faction-light .faction-image{background-position:48% 45%}.faction-fury .faction-image{background-position:85% 45%}.art-caption{font-size:8px;text-align:left;line-height:1.7;margin-top:11px}.world-notes{grid-template-columns:1fr;gap:21px;margin-top:31px}.world-notes>div{padding-top:18px;display:grid;grid-template-columns:27px 1fr;column-gap:12px}.world-notes>div>span{grid-row:1 / 3;padding-top:3px}.world-notes h3{font-size:14px;margin:0 0 6px}.world-notes p{font-size:12px;line-height:1.8}.guide-grid,.faq-grid{grid-template-columns:1fr;gap:34px}.guide-intro>p:not(.eyebrow){font-size:12px;margin:20px 0}.text-link{font-size:11px}.steps li{grid-template-columns:31px 1fr;gap:14px;padding-block:21px}.step-number{font-size:17px}.steps h3{font-size:14px}.steps p{font-size:12px}.faq-intro{font-size:12px;max-width:100%}.faq-grid{gap:23px}.faq-list summary{font-size:12px;padding-block:20px}.faq-list details p{font-size:12px;margin-right:20px}.footer-top{padding-block:31px;flex-direction:column;align-items:flex-start;gap:26px}.footer-brand .brand-word{font-size:23px}.footer-brand .brand-word small{font-size:6px}.footer-monogram{font-size:35px}.footer-links{font-size:11px;gap:25px}.footer-bottom{padding-block:19px;flex-direction:column;gap:6px;font-size:8px;line-height:1.8}.site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.mobile-download{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9;align-items:center;justify-content:space-between;gap:15px;padding:13px 20px calc(13px + env(safe-area-inset-bottom,0px));min-height:73px;background:#0b1219f5;border-top:1px solid #cfb88e4d;backdrop-filter:blur(14px)}.mobile-download>span{font:bold 22px/1 var(--serif);color:var(--gold)}.mobile-download>span>span{color:var(--white)}.mobile-download small{font:7px var(--sans);display:block;letter-spacing:2px;color:#8f9da7;margin-top:5px}.mobile-download>a{min-height:43px;padding:10px 25px;background:var(--gold);font-size:12px;font-weight:650;color:var(--ink);display:flex;align-items:center;justify-content:center;gap:25px;min-width:157px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}h1{font-size:39px}.hero-release{font-size:7px}.hero-bottom{font-size:6px;letter-spacing:1px}.factions{grid-template-columns:1fr}.faction,.faction-content{min-height:300px}.faction-content{padding:23px}.faction-index{max-width:none;font-size:7px}.faction-sigil{margin-top:27px}.faction h3{font-size:29px}.faction p{font-size:12px}.download-body{padding-inline:18px}.download-facts>div{grid-template-columns:124px 1fr}.mobile-download{padding-inline:16px}.mobile-download>a{min-width:145px}}
@media(max-width:760px){.hero-art,.faction-image{background-image:url('/assets/hero-mobile.jpg')}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Vietnamese type: use a complete local font for both base letters and diacritics. */
body{font-synthesis:none}h1{line-height:1.28}h2{line-height:1.28}.faction h3{line-height:1.3}
@media(max-width:760px){h1{font-size:40px;line-height:1.3}.hero-content{padding-bottom:110px}.brand-word small{line-height:1.5}}
@media(max-width:370px){h1{font-size:35px}}

/* Game information and device requirements. */
.server-info{background:#f4f1e9;color:#172330}.server-info h2,.server-info h3{color:#172330}.server-info .section-heading>p{color:#5b6268}.server-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 24px}.server-facts>div{border:1px solid #d8cebc;background:#fffdf8;padding:23px}.server-facts span{display:block;font-size:10px;letter-spacing:1.6px;color:#746753}.server-facts strong{display:block;margin-top:12px;font-size:27px;color:#293744}.server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.server-card{background:#fffdf8;border:1px solid #ded7c9;padding:28px;min-width:0}.server-card h3{font-size:23px;margin:10px 0 16px}.server-card>p{font-size:14px;line-height:1.85;color:#535e65}.server-note{font-size:12px!important;line-height:1.8;color:#60676c;margin-top:18px}.requirements-heading{padding-top:54px;margin-bottom:25px}.requirements-heading h2{font-size:35px;margin-top:12px}.requirements{width:100%;border-collapse:collapse;font-size:13px;line-height:1.7}.requirements th,.requirements td{text-align:left;vertical-align:top;padding:12px 0;border-bottom:1px solid #e4ded3;overflow-wrap:anywhere}.requirements th{width:45%;font-weight:500;color:#6d685e;padding-right:15px}.requirements td{color:#273640}.server-card .button{margin-top:17px}.requirements-heading{scroll-margin-top:95px}
@media(max-width:760px){.server-facts{gap:9px}.server-facts>div{padding:17px 12px}.server-facts span{font-size:8px;letter-spacing:.6px}.server-facts strong{font-size:19px}.server-grid{grid-template-columns:1fr;gap:16px}.server-card{padding:23px}.server-card h3{font-size:23px}.server-card>p{font-size:12px}.requirements{font-size:12px}.requirements th{width:43%}.requirements-heading h2{font-size:30px}.server-note{font-size:11px!important}}
@media(max-width:370px){.server-facts{grid-template-columns:1fr}.server-facts>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.server-facts strong{margin:0}.server-card{padding:19px}}

/* Community group and locally hosted QR. */
.community-section{background:#101c27;border-top:1px solid var(--line)}
.community-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:64px;align-items:center}
.community-description{color:#bfc8d0;max-width:550px;margin:0 0 28px}
.community-qr{margin:0;text-align:center;min-width:0}
.community-qr>a{display:inline-block;padding:12px;background:#fff;border-radius:12px;max-width:100%}
.community-qr img{display:block;width:264px;max-width:100%;height:auto}
.community-qr figcaption{font-size:13px;color:#c0c5c9;line-height:1.7;margin-top:16px}
@media(max-width:760px){.community-grid{grid-template-columns:1fr;gap:36px}.community-section .button{width:100%}.community-qr{justify-self:center;max-width:100%}}
