:root{color-scheme:dark;--bg:#161719;--surface:#1b1c1e;--text:#d5d2cb;--muted:#a09e99;--gold:#b7a175;--line:#343436}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:#e6cf9d}button{font:inherit}img{display:block;width:100%;height:auto}p{margin:0;color:var(--muted)}h1,h2,h3{margin:0;font-weight:400}h1{font-family:Georgia,'Times New Roman',serif}h2{font-size:21px;line-height:1.35}h3{font-size:19px;line-height:1.4}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.wrap{width:min(1120px,90%);margin-inline:auto}
.site-header{background:#101113;border-bottom:1px solid #484037;position:relative;z-index:5}.header-inner{width:min(1250px,94%);margin:auto;min-height:80px;display:flex;align-items:center;gap:38px}.brand{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.brand>span{font:30px/1 Georgia,serif;letter-spacing:5px;padding-left:5px;color:#ddd5c2}.brand small{font-size:8px;letter-spacing:5px;color:var(--gold);padding-left:5px;margin-top:7px}.site-header nav{display:flex;margin-left:auto;gap:0;align-self:stretch}.site-header nav a{padding:0 16px;display:flex;align-items:center;font-size:13px;color:#b7b5af;border-bottom:2px solid transparent}.site-header nav a:hover{background:#ffffff04;color:#eee6d8}.site-header nav a[aria-current]{color:#dcc799;border-bottom-color:#ac9466;background:#ffffff03}.language{font-size:11px;white-space:nowrap}.language .selected{color:#dfc790}.slash{margin:0 7px;color:#676564}.menu-toggle{display:none}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:var(--gold);color:#111;z-index:30}.skip:focus{top:10px}
.home-hero{height:505px;position:relative;isolation:isolate;display:flex;align-items:center;border-bottom:1px solid #544a38;overflow:hidden}.hero-art{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}.home-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b0d0ee0,#0b0d0e65 48%,#0b0d0e00 78%),linear-gradient(0deg,#0c0e1166,transparent 30%)}.hero-content{padding-bottom:7px}.hero-kicker{font:13px Georgia,serif;letter-spacing:5px;color:#b8a67e;margin-bottom:21px}.home-hero h1{font-size:clamp(42px,4.7vw,65px);line-height:1.08;letter-spacing:-1.5px;color:#eee8da;text-shadow:0 2px 14px #0005}.hero-content>p:not(.hero-kicker){color:#c2bfb6;margin-top:20px}.hero-actions{display:flex;gap:12px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;padding:10px 21px;min-height:42px;border:1px solid #716044;background:#171819b8;color:#c7b484;font-size:12px}.button:hover{background:#343026;color:#f0dbad}.button.primary{background:#a48c5c;border-color:#bda475;color:#100f0d;box-shadow:inset 0 1px #ffffff24}.button.primary:hover{background:#b9a16e}
.news-ticker{background:#222325;border-bottom:1px solid #353537;font-size:12px}.news-ticker>.wrap{display:flex;align-items:center;gap:20px;min-height:42px}.news-ticker span:first-child{color:#b8a373;font-size:10px;font-weight:bold;letter-spacing:.7px}.news-ticker a{color:#ccc9c1}.ticker-end{margin-left:auto;color:#8d8c86;font-size:11px}
.portal-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:40px;padding-block:36px 55px;align-items:start}.main-column{min-width:0}.section-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #45413a;margin-bottom:20px;padding-bottom:11px}.section-bar h2{font-size:17px;color:#ddd7c9}.section-bar>a{font-size:11px;color:#b5a27a;white-space:nowrap}.small-label{display:block;color:#b19d74;font-size:10px;letter-spacing:.5px;margin-bottom:8px}.news-row{display:grid;grid-template-columns:210px minmax(0,1fr);gap:23px;padding-bottom:22px}.news-row img{height:155px;object-fit:cover;border:1px solid #393735}.news-row h3{font-size:20px;color:#ddd6c7;margin-bottom:9px}.news-row p{font-size:13px;line-height:1.7}.read-link{display:inline-block;font-size:12px;color:#bca676;margin-top:15px}.world-intro{margin-top:20px}.world-picture img{aspect-ratio:2.5;object-fit:cover}.world-copy{padding:20px 0 0}.world-copy h3{font:24px/1.3 Georgia,serif;color:#d5cbb7;margin-bottom:11px}.world-copy p{font-size:13px;max-width:670px}
.sidebar{border-left:1px solid #303033;padding-left:24px}.notice{background:#202022;border:1px solid #494032;border-top:2px solid #8e7952;padding:20px 18px}.notice h2{font:23px/1.25 Georgia,serif;color:#d5c7aa;margin-bottom:13px}.notice p{font-size:12px;line-height:1.75}.notice .button{display:flex;width:100%;margin-top:17px;padding-inline:10px;background:#292723}.side-section{margin-top:24px;padding-top:20px;border-top:1px solid #383738}.side-section h2{font-size:14px;color:#ccc4b3;margin-bottom:13px}.side-section>a:not(.read-link){display:block;font-size:12px;color:#b4b0a5;padding:6px 0}.side-section p{font-size:12px;line-height:1.75;margin-bottom:15px}.pending{font-size:11px;color:#96938a}.social-target a{color:#bfa776;font-size:12px}.side-visual img{height:220px;object-fit:cover}
.page-title{padding:25px 0 28px;background:#1c1d1f;border-bottom:1px solid #3a3835;position:relative;isolation:isolate}.page-title h1{font-size:36px;line-height:1.2;color:#d9d0bd;margin:12px 0 10px}.page-title>.wrap>p:last-child{font-size:13px;max-width:650px}.breadcrumb{font-size:10px;color:#89877f}.breadcrumb span{padding:0 10px;color:#69665c}.page-title.illustrated{min-height:250px;display:flex;align-items:center;overflow:hidden}.page-title>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:50% 40%;z-index:-2}.page-title.illustrated:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111315ed,#11131540);z-index:-1}.page-title.illustrated>.wrap>p:last-child{color:#bfbcb4}.body-intro{font-size:14px;margin:0 0 24px}.system-table{margin:0;border-top:1px solid #353536}.system-table>div{display:grid;grid-template-columns:145px 1fr;border-bottom:1px solid #353536;padding:16px 12px;gap:20px}.system-table>div:nth-child(odd){background:#ffffff02}.system-table dt{color:#c6b995;font-size:13px}.system-table dd{margin:0;font-size:13px;color:#aaa79e}.scope{margin-top:20px;color:#9c969f;font-size:12px}.equipment-detail{display:grid;grid-template-columns:205px 1fr;gap:24px;margin-top:32px;border-top:1px solid #353536;padding-top:25px;align-items:center}.equipment-detail img{aspect-ratio:1.4;object-fit:cover}.equipment-detail h2{font:24px Georgia,serif;color:#cfc2a6;margin-bottom:10px}.equipment-detail p{font-size:13px}.character-landscape img{aspect-ratio:2.4;object-fit:cover;margin-bottom:22px}.character-sections section{display:grid;grid-template-columns:145px 1fr;gap:20px;border-top:1px solid #353536;padding:20px 0}.character-sections h2{font-size:16px;color:#c9b991}.character-sections p{font-size:13px}.list-end{padding-top:20px;border-top:1px solid #353536;color:#888780;font-size:12px}.back-link{display:block;font-size:11px;color:#a89570;margin-bottom:28px}.article-title{font:36px/1.2 Georgia,serif;color:#dcd2be;margin-bottom:18px}.article-lead{font-size:15px;margin-bottom:25px}.article>img{aspect-ratio:2;object-fit:cover}.article section{margin-top:25px}.article section h3{font-size:19px;color:#d0c5ae;margin-bottom:10px}.article section p{font-size:14px}
.beta-status{padding:22px 25px;background:#202021;border-left:2px solid #a58f5e;margin-bottom:30px}.beta-status h2{font:29px Georgia,serif;color:#d7c7a7;margin-bottom:13px}.beta-status p{font-size:13px;max-width:570px}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:17px 0;font-size:14px;color:#c6c0b3}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#a5936c;font-size:18px}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{padding-bottom:20px;font-size:13px}.social-row{display:flex;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid #353536}.social-row h2{font-size:17px;color:#d1cabd;margin-bottom:5px}.social-row p{font-size:12px}.social-row .social-target{margin-left:auto;flex-shrink:0}.channel-symbol{width:38px;height:38px;border:1px solid #4c4840;background:#252423;color:#b6a27a;display:flex;align-items:center;justify-content:center;font:bold 19px Georgia,serif;flex-shrink:0}.social-list+.list-end{border:0}.error{min-height:350px;padding-block:50px}.error .button{margin-top:20px}
.site-footer{border-top:1px solid #353332;background:#111214;padding:26px 0}.site-footer>.wrap{display:flex;gap:30px;align-items:center;flex-wrap:wrap}.footer-brand{font:15px Georgia,serif;letter-spacing:3px;color:#b6aa90}.site-footer nav{display:flex;gap:22px;margin-left:auto;font-size:11px;color:#99958c}.site-footer p{font-size:10px;color:#77766f;flex-basis:100%;padding-top:13px;border-top:1px solid #29292a}.site-footer p span{margin:0 8px}
@media(max-width:1100px){.header-inner{gap:20px}.site-header nav a{padding-inline:11px}.portal-layout{gap:27px;grid-template-columns:minmax(0,1fr) 245px}.sidebar{padding-left:20px}.news-row{grid-template-columns:175px 1fr;gap:18px}.news-row img{height:145px}.news-row h3{font-size:18px}}
@media(max-width:850px){.header-inner{width:90%;min-height:74px;flex-wrap:wrap;gap:20px}.brand>span{font-size:27px}.menu-toggle{display:block;margin-left:auto;background:none;border:0;color:#c1bcae;padding:12px 0;font-size:12px}.menu-toggle span{margin-left:9px}.site-header nav{display:none;order:4;flex-basis:100%;margin:0;padding-bottom:16px;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.site-header nav a{padding:12px 0;border:0}.site-header nav a[aria-current]{background:none}.language{margin-left:7px}.portal-layout{grid-template-columns:minmax(0,1fr) 220px;gap:25px}.sidebar{padding-left:20px}.news-row{grid-template-columns:1fr}.news-row img{height:180px}.home-hero{height:445px}.home-hero h1{font-size:50px}.equipment-detail{grid-template-columns:1fr}.character-sections section{grid-template-columns:1fr;gap:8px}.system-table>div{grid-template-columns:110px 1fr;gap:12px}.social-row{flex-wrap:wrap}.social-row .social-target{margin-left:56px;flex-basis:calc(100% - 56px)}}
@media(max-width:600px){.wrap{width:90%}.header-inner{gap:18px;min-height:68px}.brand>span{font-size:25px}.brand small{font-size:7px;margin-top:6px}.home-hero{height:430px}.hero-art{object-position:65% center}.home-hero:after{background:linear-gradient(90deg,#0b0d0ebd,#0b0d0e38),linear-gradient(0deg,#0b0d0e75,transparent)}.hero-kicker{font-size:10px;letter-spacing:3px;margin-bottom:18px}.home-hero h1{font-size:43px;letter-spacing:-1.5px}.hero-content>p:not(.hero-kicker){font-size:13px;margin-top:16px}.hero-actions{gap:10px;margin-top:23px}.button{padding:10px 18px;min-height:44px}.news-ticker>.wrap{gap:12px;min-height:48px}.news-ticker a{font-size:11px}.news-ticker span:first-child{font-size:9px}.ticker-end{display:none}.portal-layout{grid-template-columns:1fr;padding-block:25px 32px;gap:30px}.sidebar{border-left:0;padding-left:0;display:grid;grid-template-columns:1fr;gap:20px}.notice{padding:18px}.notice .button{width:auto;display:inline-flex}.side-section{margin-top:0;padding-top:18px}.side-section>a:not(.read-link){padding:10px 0}.side-visual{display:none}.news-row{grid-template-columns:110px 1fr;gap:15px;padding-bottom:15px}.news-row img{height:110px}.news-row h3{font-size:17px;line-height:1.35}.news-row p{font-size:12px}.news-row .small-label{font-size:9px}.news-row .read-link{font-size:11px;margin-top:9px}.section-bar{margin-bottom:17px;gap:12px}.section-bar h2{font-size:16px}.section-bar>a{font-size:10px}.world-intro{margin-top:20px}.world-picture img{aspect-ratio:1.9}.world-copy{padding-top:16px}.world-copy h3{font-size:23px}.page-title{padding-block:20px 24px}.page-title h1{font-size:31px}.page-title.illustrated{min-height:210px}.page-title>img{object-position:65% center}.equipment-detail{grid-template-columns:110px 1fr;gap:17px}.equipment-detail img{aspect-ratio:1;height:110px}.equipment-detail h2{font-size:22px}.equipment-detail p{font-size:12px}.character-landscape img{aspect-ratio:1.9}.character-sections section{padding-block:17px}.body-intro{font-size:13px}.system-table>div{grid-template-columns:100px 1fr;padding-inline:7px;gap:12px}.system-table dt,.system-table dd{font-size:12px}.article-title{font-size:30px}.article-lead{font-size:14px}.article section p{font-size:13px}.article>img{aspect-ratio:1.5}.beta-status{padding:18px}.beta-status h2{font-size:26px}.social-row{gap:13px}.social-row .social-target{margin-left:51px;flex-basis:calc(100% - 51px)}.site-footer>.wrap{gap:20px}.site-footer nav{margin-left:0;gap:18px}.site-footer p{font-size:9px;line-height:1.9}.site-footer p span{margin:0 4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Etain identity and character presentation */
body{background:#101113}
.site-header{background:#0d0f10}.header-inner{min-height:88px}.brand{height:88px;width:112px;justify-content:center}.brand img{width:112px;height:102px;object-fit:contain}
.site-header nav a{font-family:Georgia,serif;font-size:13px;letter-spacing:.3px}
.realm-hero{height:690px;align-items:center;justify-content:center;border-bottom:0}
.realm-hero .hero-art{object-position:center 45%}
.realm-hero:after{background:linear-gradient(0deg,#101113,transparent 37%,#080a0c22),radial-gradient(ellipse at 50% 50%,#08090b99,transparent 70%),#080b0f38}
.realm-hero .hero-content{text-align:center;padding:0 20px 45px;width:100%}
.hero-logo{width:300px;height:auto;margin:-18px auto 10px;filter:drop-shadow(0 5px 14px #000b)}
.realm-hero h1{font-size:clamp(27px,3vw,41px);letter-spacing:.015em;color:#e9dfca}
.realm-hero .hero-content>p{font:16px/1.6 Georgia,serif;color:#ccc6b9;margin-top:17px}
.hero-actions{justify-content:center}.realm-hero .hero-actions{margin-top:28px}
.hero-status{display:block;font-size:10px;color:#a7a398;margin-top:19px;letter-spacing:.4px}
.realm-eyebrow{text-transform:uppercase;letter-spacing:2.5px;color:#a99267;font-size:10px;margin-bottom:13px}
.realm-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;padding-block:58px 70px}
.realm-intro h2,.realm-heading h2,.realm-community h2{font:34px/1.2 Georgia,serif;color:#d5c8ae;letter-spacing:-.3px}
.realm-intro h2{margin-bottom:20px}.realm-intro p:not(.realm-eyebrow){font-size:14px;line-height:1.85}.realm-intro figure img{aspect-ratio:1.9;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 90%,transparent)}
.character-section{background:radial-gradient(ellipse at 50% 60%,#25232c55,transparent 70%),#101113;border-top:1px solid #34302a;border-bottom:1px solid #34302a;padding-block:48px 38px}
.realm-heading{text-align:center}.realm-heading:after{content:"";display:block;width:80px;height:1px;background:linear-gradient(90deg,transparent,#9e8351,transparent);margin:22px auto 0}
.character-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:16px}
.character-poster{display:block;position:relative;text-align:center;overflow:hidden}
.character-poster img{width:100%;height:420px;object-fit:contain;mix-blend-mode:lighten;mask-image:linear-gradient(0deg,transparent 0%,#000 12%,#000 91%,transparent 100%);transition:transform .3s}
.character-poster:hover img{transform:translateY(-4px)}
.character-poster>span{display:block;margin-top:-8px;position:relative;font:19px Georgia,serif;letter-spacing:2px;text-transform:uppercase;color:#c5b58e}
.center-action{text-align:center;margin-top:28px}
.realm-news{max-width:940px;padding-block:48px}.realm-news .section-bar h2{font:25px Georgia,serif;color:#d2c5a9}.realm-news .news-row{padding-bottom:0;grid-template-columns:240px 1fr}.realm-news .news-row img{height:160px}.realm-news .news-row h3{font:23px Georgia,serif}
.realm-community{padding:52px 0 55px;text-align:center;border-top:1px solid #34302a;background:linear-gradient(#101113be,#101113e8),url('hero.webp') center 50%/cover}
.realm-community p:not(.realm-eyebrow){max-width:580px;margin:18px auto 0;font-size:13px}.realm-community .hero-actions{margin-top:25px}
.page-title{background:#141516}.page-title h1{letter-spacing:1px}.section-bar h2{font-family:Georgia,serif;color:#cec0a2}.site-footer{background:#0c0d0f}
.character-browser{padding-block:30px 55px;max-width:1060px}
.character-tabs{display:flex;justify-content:center;gap:20px;border-bottom:1px solid #36312a;padding-bottom:20px}
.character-tabs button{display:flex;align-items:center;gap:15px;min-width:155px;padding:5px 20px 5px 8px;background:#17181a;border:1px solid #3b3832;color:#a9a397;cursor:pointer;font:16px Georgia,serif}
.character-tabs button[aria-selected=true]{color:#decba4;border-color:#a68c5e;background:#27241e}
.character-tabs img{width:43px;height:61px;object-fit:cover;object-position:50% 15%;mix-blend-mode:lighten}
.character-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;background:radial-gradient(ellipse at 30% 50%,#34303a55,transparent 68%);min-height:580px}
.character-panel[hidden]{display:none}.character-full img{height:580px;width:100%;object-fit:contain;mix-blend-mode:lighten;mask-image:linear-gradient(0deg,transparent,#000 12%,#000 92%,transparent)}
.character-story{padding:30px 20px 30px 0}.character-story h2{font:48px Georgia,serif;color:#dbccad;margin-bottom:16px}.character-caption{font:21px/1.5 Georgia,serif;color:#b3aa98;margin-bottom:22px}.character-story>p:not(.realm-eyebrow):not(.character-caption){font-size:14px;line-height:1.9}
.character-footnote{margin-top:30px;padding-top:25px;border-top:1px solid #38332b}.character-footnote h3{font:18px Georgia,serif;color:#b9a67e;margin-bottom:10px}.character-footnote p{font-size:12px;margin-top:9px}
@media(max-width:850px){.header-inner{min-height:80px}.brand{height:80px;width:95px}.brand img{width:100px;height:92px}.realm-hero{height:620px}.realm-intro{gap:30px;padding-block:40px}.character-trio{gap:10px}.character-poster img{height:330px}.character-panel{gap:15px}.character-full img{height:520px}.character-tabs{gap:12px}.character-tabs button{min-width:135px}.realm-news .news-row{grid-template-columns:180px 1fr}}
@media(max-width:600px){.header-inner{min-height:72px}.brand{height:72px;width:85px}.brand img{width:88px;height:80px}.realm-hero{height:590px}.hero-logo{width:245px;margin-top:-10px;margin-bottom:22px}.realm-hero .hero-content{padding-bottom:30px}.realm-hero h1{font-size:28px;max-width:340px;line-height:1.2;margin:auto}.realm-hero .hero-content>p{font-size:14px;max-width:290px;margin:16px auto 0}.hero-status{font-size:9px}.realm-intro{grid-template-columns:1fr;gap:25px;padding-block:35px 40px}.realm-intro h2,.realm-heading h2,.realm-community h2{font-size:29px}.realm-intro figure img{aspect-ratio:2}.realm-intro p:not(.realm-eyebrow){font-size:13px}.character-section{padding-block:35px 30px}.character-trio{gap:0;margin-inline:-12px}.character-poster img{height:230px;width:130%;max-width:none;margin-left:-15%;object-fit:contain}.character-poster>span{font-size:12px;letter-spacing:.8px}.realm-eyebrow{font-size:9px;letter-spacing:2px}.center-action{margin-top:25px}.realm-news{padding-block:35px}.realm-news .section-bar h2{font-size:22px}.realm-news .news-row{grid-template-columns:105px 1fr;gap:16px}.realm-news .news-row img{height:115px}.realm-news .news-row h3{font-size:18px;line-height:1.35}.realm-community{padding-block:40px}.character-tabs{gap:8px;justify-content:space-between}.character-tabs button{min-width:0;flex:1;padding:9px 5px;flex-direction:column;gap:5px;font-size:13px}.character-tabs img{width:45px;height:60px}.character-panel{grid-template-columns:1fr;gap:0;min-height:0}.character-full img{height:440px}.character-story{padding:10px 10px 20px}.character-story h2{font-size:35px}.character-caption{font-size:20px}.character-footnote{margin-top:20px}.character-browser{padding-block:20px 30px}}