@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{color-scheme:dark;--bg:#1c1917;--panel:#332b25;--sidebar:#27211d;--text:#e3d7c5;--muted:#c2b6a6;--gold:#c3a46b;--line:#514235;--header:76px;--nav:240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.8 'DM Sans',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button,input{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold)}.icon{display:inline-block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.topbar{height:var(--header);position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;padding:0 30px 0 24px;gap:40px;background:#29231ff5;border-bottom:1px solid #796044;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand>span{font-size:15px;font-weight:700;letter-spacing:.06em}.brand small{font-size:8px;letter-spacing:.16em;display:block;text-transform:uppercase;color:#b3a697;margin-top:1px;font-weight:400}.search-wrap{position:relative;display:flex;align-items:center;border:1px solid #68533f;border-radius:5px;background:#352c26;gap:12px;max-width:560px;width:100%;height:40px;padding:0 14px;margin:auto}.search-wrap>.icon{width:17px;color:#c1ae94}.search-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.search-wrap input::placeholder{color:#c5b9a9}.search-wrap kbd{border:1px solid #6d5946;border-radius:3px;padding:0 6px;font:11px/20px monospace;color:#c1b3a2}.header-cta{display:flex;align-items:center;gap:12px;white-space:nowrap;border:1px solid #796044;color:var(--gold);font-size:11px;font-weight:600;border-radius:4px;padding:8px 13px}.header-cta .icon{width:12px}.sidebar{position:fixed;left:0;top:var(--header);bottom:0;width:var(--nav);padding:26px 16px 20px;background:var(--sidebar);border-right:1px solid var(--line);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6d5946 transparent;z-index:20}.sidebar-intro{padding:0 14px 6px}.eyebrow{text-transform:uppercase;font-size:9px;letter-spacing:.2em;color:var(--gold);font-weight:600;display:block}.nav-group{padding:17px 0 21px;border-bottom:1px solid var(--line)}.nav-group>p{margin:0 12px 12px;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;color:#cfb98e}.nav-group p .icon{width:14px;height:14px;color:var(--gold)}.nav-group a{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;border-left:2px solid transparent;border-radius:4px;padding:7px 11px 7px 34px;margin:3px 0;color:#d0c1ad;transition:background .18s,color .18s}.nav-group a:hover{background:#3c322a;color:#f2eddb}.nav-group a.active{border-left-color:#c9a362;background:#4d3c29;color:#f7edd3}.nav-group a .icon{width:11px;height:11px;color:var(--gold)}.sidebar-foot{padding:25px 13px 0;font-size:10px;color:#a3988d}.sidebar-foot p{line-height:1.8}.status-dot{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:#c7b69a}.status-dot:before{content:'';width:5px;height:5px;border-radius:50%;background:#c3a46b;box-shadow:0 0 8px #c3a46b44}.main-shell{margin-left:var(--nav);padding:var(--header) 38px 0;max-width:1800px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:62px;font-size:9px;letter-spacing:.04em;color:#aaa094}.breadcrumbs>span:last-child{color:#c4b17e}.breadcrumbs .status-dot{margin-left:auto;color:#cbbca7}.page-banner{position:relative;isolation:isolate;overflow:hidden;min-height:172px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:#332b25 url('assets/harbor.webp') center 50%/cover;border:1px solid #796044;border-radius:5px;padding:28px 30px;margin-bottom:42px}.page-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#18130fee,#18130fad 55%,#18130f66);z-index:-1}.page-banner.study-banner{background-image:url('assets/study.webp')}.page-banner.path-banner{background-image:url('assets/path.webp')}.page-banner h1{font-size:43px;max-width:800px}.page-banner p{margin:8px 0 0;color:#d9cbb7;font-size:12px;max-width:690px}.page-banner .eyebrow{margin-bottom:6px;font-size:8px}.banner-emblem{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #c3a46755;background:radial-gradient(#a78e4355,#30221977);box-shadow:0 0 25px #d8a85422;flex-shrink:0}.banner-emblem .icon{width:31px;height:31px;color:#e0c48c}.content-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:50px}.content-grid.with-outline{grid-template-columns:minmax(0,1fr) 155px}.page-content{min-width:0}.page-outline{align-self:start;position:sticky;top:105px;border-left:1px solid var(--line);padding-left:20px}.outline-label{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);margin:0 0 15px}.page-outline a{display:block;font-size:11px;line-height:1.5;margin:14px 0;color:#b3a697}.page-outline a:hover{color:var(--gold)}h1,h2,h3{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.12;margin:0;color:#eee8d7}h2{font-size:35px}h3{font-size:29px}p{color:var(--muted)}.article{max-width:820px;margin:0 auto;padding:0 0 65px}.article p{margin:22px 0;line-height:1.95;font-size:14px}.article .lead,.guide-intro .lead{font-family:'Libre Caslon Display',Georgia,serif;font-size:28px;line-height:1.5;color:#e2dcc7}.article h2{font-size:32px;color:#d0ad74;margin:38px 0 16px}.article h2:first-child{margin-top:0}.note{background:#302923;border-left:2px solid #ac945f;padding:18px 22px;font-size:12px!important;color:#c9bdac}.article .meta{border-bottom:1px solid var(--line);padding-bottom:20px;margin:0 0 25px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--gold);padding:5px 0;border-bottom:1px solid #8e84574d}.text-link:hover{color:#e8cf97;border-color:#c4a467}.link-chevron{display:inline-block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px}.text-link .icon{width:14px;height:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid #c2a36b;background:#c1a06b;color:#24201b;padding:11px 20px;border-radius:3px;font-size:12px;font-weight:600;transition:background .18s}.button:hover{background:#dec18b}.section{padding-bottom:55px}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:0 0 25px}.section-heading .eyebrow{margin-bottom:9px}.section-heading h2{font-size:34px}.stories,.journal-list{display:grid;grid-template-columns:1fr 1fr;gap:36px}.journal-list{row-gap:48px}.story-visual{height:230px;background:url('assets/study.webp') center/cover;border:1px solid #68533f;border-radius:4px;transition:filter .2s}.story-visual.crop{background-image:url('assets/path.webp')}.story-visual.thoughts{background-image:url('assets/harbor.webp')}.story a:hover .story-visual{filter:brightness(1.12)}.meta{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#a3988d;margin:18px 0 10px}.meta b{color:var(--gold);font-weight:500}.story h3{font-size:29px}.story p{font-size:12px;max-width:480px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filters button{border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);padding:8px 16px;font-size:11px}.filters button:hover{background:#41362d}.filters button.selected{background:#4d3c29;color:#f1e5c6;border-color:#8f8558}.hero{min-height:390px;background:#352c26 url('assets/harbor.webp') center/cover;position:relative;isolation:isolate;overflow:hidden;border:1px solid #796044;border-radius:5px;margin-bottom:45px;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#18130fef,#18130f83 60%,#18130f22);z-index:-1}.hero-content{padding:45px 42px}.hero h1{font-size:clamp(42px,4.2vw,67px);letter-spacing:-.015em}.hero h1 em{color:#debf81;font-style:italic}.hero .eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:20px}.hero p{font-size:13px;max-width:420px;line-height:1.8;margin:23px 0;color:#d9cbb7}.actions{display:flex;align-items:center;gap:25px}.hero-caption{position:absolute;bottom:13px;right:18px;font-size:8px;letter-spacing:.1em;color:#d0c1ad;text-transform:uppercase}.welcome{max-width:670px;margin:auto;text-align:center;padding:0 20px 55px}.welcome .eyebrow{margin-bottom:15px}.welcome h2{font-size:38px}.welcome p{font-size:13px;max-width:560px;margin:20px auto 0}.world-strip{display:grid;grid-template-columns:1.1fr 1fr;background:#302923;border:1px solid var(--line);border-radius:5px;overflow:hidden;margin:0 0 55px}.world-image{min-height:330px;background:url('assets/path.webp') center/cover}.world-copy{padding:38px}.world-copy h2{font-size:37px;margin-top:14px}.world-copy p{font-size:12px}.closing{text-align:center;border-top:1px solid var(--line);padding:45px 20px 60px}.closing h2{font-size:34px;margin-top:14px}.closing p{font-size:12px;max-width:490px;margin:20px auto}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.gallery-grid figure{margin:0}.gallery-grid .large{grid-column:1/-1}.gallery-grid button{width:100%;padding:0;border:1px solid #68533f;background:transparent;border-radius:4px;overflow:hidden;cursor:zoom-in;display:block}.gallery-grid img{width:100%;height:260px;object-fit:cover;display:block}.gallery-grid .large img{height:370px}.gallery-grid figcaption{font-size:10px;color:#b3a697;margin:10px 0}.lightbox{border:1px solid #796044;border-radius:5px;padding:12px;background:#27211d;max-width:95vw;color:var(--text)}.lightbox::backdrop{background:#110d0bee;backdrop-filter:blur(5px)}.lightbox img{max-width:88vw;max-height:80vh;display:block}.lightbox button{display:block;margin:12px auto 0;background:#4a3c31;border:1px solid #8f8558;color:#e5d2a7;padding:6px 28px;border-radius:3px}.roadmap{max-width:780px;padding-bottom:50px;margin:auto}.milestone{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}.milestone .number{color:#c6a96f;font:26px Georgia,serif}.milestone h3{font-size:30px;margin:8px 0 14px}.milestone p{font-size:13px}.guide-intro{max-width:820px;margin:0 auto 35px}.guide-intro p{font-size:13px}.foundation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:45px}.foundation{padding:25px 20px;background:#302923;border:1px solid #68533f;border-radius:4px}.foundation>.icon{color:var(--gold);width:28px;height:28px;margin-bottom:20px}.foundation h2{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;color:#ded7bd}.foundation p{font-size:11px;line-height:1.8}.foundation:hover{background:#3c322a;border-color:#9b8c5c}.quiet-label{font-size:10px;color:#b6a999}.article-image{display:none}footer{border-top:1px solid var(--line);padding:24px 0 30px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#a3988d;margin-top:15px}.search-results{position:absolute;top:48px;left:0;right:0;border:1px solid #796044;border-radius:5px;background:#302923;box-shadow:0 15px 50px #0007;max-height:440px;overflow:auto;padding:8px;z-index:50}.search-results a{display:block;padding:12px 14px;border-radius:4px;line-height:1.5}.search-results a:hover,.search-results a:focus{background:#4c3e31}.search-results small{display:block;color:var(--gold);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.search-results strong{font-size:13px;font-weight:500}.search-results p{margin:5px 0 0;font-size:11px}.search-empty{padding:15px;font-size:12px}.icon-button{display:flex;justify-content:center;align-items:center;border:1px solid var(--line);background:transparent;color:var(--gold);border-radius:4px;width:35px;height:35px}.nav-toggle{display:none}.nav-scrim{display:none}.skip-link{position:fixed;top:-100px;left:10px;background:var(--gold);color:#24201b;padding:10px;z-index:100}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(min-width:1650px){.main-shell{padding-left:60px;padding-right:60px}.page-banner{min-height:190px}.hero{min-height:460px}}@media(max-width:1180px){:root{--nav:215px}.topbar{gap:25px;padding:0 20px}.main-shell{padding-left:28px;padding-right:28px}.content-grid.with-outline{grid-template-columns:minmax(0,1fr)}.page-outline{display:none}.brand small{display:none}.banner-emblem{width:65px;height:65px}.page-banner h1{font-size:38px}.hero-content{padding:35px}.world-copy{padding:25px}.world-copy h2{font-size:32px}.hero .eyebrow{max-width:300px}.story-visual{height:190px}}@media(max-width:820px){:root{--header:68px;--nav:245px}.topbar{gap:12px;padding:0 18px}.nav-toggle{display:flex;flex-shrink:0}.brand>span{font-size:12px}.brand{gap:8px}.brand img{width:26px;height:26px}.header-cta{display:none}.search-wrap{margin-left:auto;max-width:290px}.search-wrap kbd{display:none}.sidebar{transform:translateX(-100%);transition:transform .2s}.nav-open .sidebar{transform:translateX(0)}.nav-scrim{position:fixed;inset:68px 0 0;border:0;background:#100c0899;z-index:19}.nav-open .nav-scrim{display:block}.main-shell{margin-left:0;padding-left:24px;padding-right:24px}.breadcrumbs{min-height:54px}.hero{min-height:400px}.page-banner{min-height:160px;margin-bottom:30px}.page-banner h1{font-size:36px}.gallery-grid .large img{height:310px}.story-visual{height:215px}}@media(max-width:520px){.topbar{flex-wrap:wrap;height:110px;padding-top:10px;padding-bottom:10px;gap:6px 12px;align-content:center}:root{--header:110px}.brand{flex:1}.search-wrap{max-width:none;height:33px;order:4;margin:5px 0 0}.search-wrap input{font-size:11px}.search-results{top:38px}.nav-scrim{top:110px}.main-shell{padding-left:18px;padding-right:18px}.breadcrumbs{font-size:8px;gap:6px}.breadcrumbs .status-dot{font-size:8px}.page-banner{padding:23px 20px;gap:15px;min-height:155px}.page-banner h1{font-size:31px}.page-banner p{font-size:11px}.banner-emblem{display:none}.stories,.journal-list,.world-strip,.gallery-grid,.foundation-grid{grid-template-columns:1fr}.story-visual{height:230px}.hero{min-height:450px;background-position:60% center}.hero-content{padding:28px 22px}.hero h1{font-size:44px}.hero p{font-size:12px}.actions{gap:16px;flex-wrap:wrap}.hero .button,.hero .text-link{font-size:11px}.hero-caption{font-size:7px}.welcome h2{font-size:34px}.welcome{padding-bottom:40px}.section-heading h2{font-size:30px}.section-heading .text-link{font-size:10px;white-space:nowrap}.world-image{min-height:260px}.world-copy{padding:28px}.gallery-grid .large{grid-column:auto}.gallery-grid img,.gallery-grid .large img{height:240px}.article p{font-size:13px}.article h2{font-size:30px}.foundation-grid{gap:12px}.foundation{display:grid;grid-template-columns:35px 1fr;gap:7px 14px;padding:20px}.foundation>.icon{grid-row:1/3;margin:0}.foundation p{margin:0}.milestone{gap:10px;grid-template-columns:32px 1fr}footer{flex-direction:column;gap:5px}.closing h2{font-size:31px}.search-wrap .icon{width:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Bronze and antique-gold accents follow the game client. */
.search-wrap:focus-within{border-color:#bc955c;box-shadow:0 0 0 2px #bc955c22}.nav-group p .icon{color:#c3a46b}.nav-group a:hover{border-left-color:#ad8956}.page-outline a:hover{color:#e2c58d}.foundation>.icon{color:#c8a76b}

/* Warm module surfaces echo the client without adding visual noise. */
.sidebar{background:linear-gradient(110deg,#2b241f,#241f1b)}.topbar{box-shadow:0 1px 0 #a7844c22}.nav-group a.active{box-shadow:inset 0 1px 0 #ba975c18}.foundation,.note{box-shadow:inset 0 1px 0 #c3a46b10}.page-banner{border-color:#796044}.search-wrap{background:#302923}.brand img{border:1px solid #796044;border-radius:5px}

/* Muted sea teal gives navigation a cool accent; primary actions remain gold. */
:root{--accent:#78aaa7;--accent-light:#a1cfca}
.nav-group p .icon,.foundation>.icon{color:var(--accent)}
.nav-group a.active{border-left-color:var(--accent)}
.nav-group a.active .icon{color:var(--accent-light)}
.nav-group a:hover{border-left-color:var(--accent);color:var(--accent-light)}
.section-heading .eyebrow,.meta b,.outline-label{color:var(--accent)}
.status-dot:before{background:var(--accent);box-shadow:0 0 8px #78aaa733}
a:focus-visible,button:focus-visible,input:focus-visible{outline-color:var(--accent)}
.search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #78aaa722}
.text-link:hover,.page-outline a:hover{color:var(--accent-light);border-color:var(--accent)}
.search-results small{color:var(--accent-light)}
.filters button:hover{border-color:var(--accent)}
.header-cta:hover{color:var(--accent-light);border-color:var(--accent)}