@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{--ink:#101827;--ink-2:#151f31;--panel:#192438;--panel-2:#1e2b40;--line:#344153;--line-gold:#776344;--gold:#e1bd78;--gold-bright:#f0d39a;--text:#eee9dc;--muted:#a8b2bf;--soft:#748194;--teal:#78c4c1;--green:#93bd87;--red:#d77d68;--blue:#7fa4d0;--serif:'Cinzel',Georgia,serif;--sans:'Inter','Segoe UI',sans-serif;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.page-glow{position:absolute;inset:0 0 auto;height:760px;z-index:-1;background:radial-gradient(ellipse at 76% 27%,rgba(111,104,103,.18),transparent 34%),radial-gradient(ellipse at 15% 4%,rgba(97,120,132,.12),transparent 40%),linear-gradient(180deg,#172133 0%,#101827 90%);pointer-events:none}.wrap{width:min(var(--max),calc(100% - 48px));margin:0 auto}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid rgba(225,189,120,.18);background:rgba(13,20,32,.82);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{display:inline-flex;align-items:center;gap:11px;letter-spacing:.12em}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:var(--gold-bright);font-size:22px;border:1px solid rgba(225,189,120,.65);transform:rotate(45deg);border-radius:10px}.brand-mark::first-letter{transform:rotate(-45deg)}.brand strong,.brand small{display:block}.brand strong{font-family:var(--serif);font-size:13px;color:var(--gold-bright);font-weight:700}.brand small{font-size:9px;color:var(--muted);letter-spacing:.2em}.main-nav{display:flex;gap:30px;color:#c1c7d0;font-size:12px;font-weight:600}.main-nav a:hover,.text-link:hover,.header-link:hover{color:var(--gold-bright)}.header-link{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.header-link span{margin-left:5px}
.hero{min-height:510px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;padding-top:40px;padding-bottom:45px}.hero-copy{position:relative;z-index:2;max-width:620px}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--gold);font-weight:700;margin:0 0 10px;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow-gem{width:7px;height:7px;display:inline-block;background:var(--gold);transform:rotate(45deg);box-shadow:0 0 12px rgba(240,211,154,.6)}h1,h2,h3,p{margin-top:0}.hero h1{font:600 clamp(38px,5vw,66px)/1.06 var(--serif);letter-spacing:-.035em;margin:18px 0 20px;color:#fff4dc}.hero h1 em{font-style:normal;color:var(--gold)}.hero-lede{color:#b8c2cf;max-width:570px;font-size:15px;line-height:1.8;margin:0 0 28px}.hero-actions{display:flex;gap:23px;align-items:center}.button{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:0 18px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;transition:.18s ease}.button-gold{background:linear-gradient(180deg,#f0d39a,#d2a953);color:#1b2330;box-shadow:0 7px 24px rgba(207,164,80,.17)}.button-gold:hover{filter:brightness(1.08);transform:translateY(-1px)}.button-outline{border:1px solid #786648;color:var(--gold-bright);background:rgba(17,27,42,.55)}.button-outline:hover{background:rgba(225,189,120,.1)}.text-link{font-size:12px;color:#d8d5ce;font-weight:600}.text-link span{color:var(--gold);margin-left:6px}.hero-meta{margin-top:34px;color:#9ca8b7;font-size:9px;letter-spacing:.16em}.hero-meta i{display:inline-block;height:9px;border-left:1px solid #596476;margin:0 10px;vertical-align:middle}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#94ba83;box-shadow:0 0 10px #94ba83;margin-right:7px}.hero-art{height:400px;position:relative;overflow:hidden;isolation:isolate}.hero-art::before{content:"";position:absolute;inset:10% 4% 0;border-radius:50%;background:radial-gradient(ellipse,rgba(94,144,164,.17),transparent 66%);filter:blur(12px)}.sun-ring{position:absolute;border:1px solid rgba(225,189,120,.47);border-radius:50%;left:50%;top:7%;transform:translateX(-50%)}.ring-one{width:285px;height:285px;box-shadow:0 0 35px rgba(225,189,120,.1),inset 0 0 40px rgba(225,189,120,.06)}.ring-two{width:232px;height:232px;top:14.5%;border-color:rgba(225,189,120,.24)}.hero-sigil{position:absolute;top:18%;left:50%;transform:translateX(-50%);font-size:118px;line-height:1;color:#e0bc77;text-shadow:0 0 35px rgba(225,189,120,.4)}.mountain{position:absolute;bottom:0;width:100%;height:54%;clip-path:polygon(0 100%,13% 60%,20% 74%,34% 36%,43% 54%,57% 18%,72% 59%,82% 33%,100% 70%,100% 100%)}.mountain-back{background:linear-gradient(135deg,rgba(61,85,105,.8),rgba(26,43,61,.6));filter:drop-shadow(0 -1px 0 #d2ae70);opacity:.7}.mountain-front{height:40%;clip-path:polygon(0 100%,19% 38%,33% 66%,48% 17%,61% 56%,74% 30%,100% 70%,100% 100%);background:linear-gradient(180deg,#273b4a,#17283a);border-top:1px solid var(--gold)}.art-caption{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);text-align:center;letter-spacing:.24em;color:var(--gold-bright);font:600 11px var(--serif);white-space:nowrap}.art-caption small{display:block;font:9px var(--sans);letter-spacing:.2em;color:#a4b3bd;margin-top:4px}.hero-ornament{position:absolute;right:0;top:53px;font-size:20px;color:#8d7144;opacity:.75}
.overview-section{padding:26px 0 66px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-heading h2{margin:0;font:600 clamp(24px,3vw,34px)/1.2 var(--serif);color:#f0e8d8;letter-spacing:-.02em}.compact-heading{margin-bottom:17px}.compact-heading h2{font-size:25px}.updated-label,.source-count,.news-updated{font-size:10px;color:var(--muted);letter-spacing:.06em}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric-card{padding:18px 20px;background:linear-gradient(140deg,rgba(30,43,62,.94),rgba(22,32,49,.9));border:1px solid rgba(118,100,68,.55);position:relative;min-height:99px}.metric-card::after{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;background:var(--metric-accent,var(--gold))}.metric-label{display:block;color:#a5b0be;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.metric-value{display:block;margin-top:7px;font:600 25px var(--serif);color:var(--metric-accent,var(--gold-bright))}.metric-note{font-size:10px;color:#8e9bac;margin-left:7px}
.section-shell{background:#141e2e;border-block:1px solid rgba(225,189,120,.12)}.section-inner{padding-top:65px;padding-bottom:68px}.section-intro{max-width:440px;color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 2px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.search-box{display:flex;align-items:center;gap:10px;border:1px solid #3c4859;background:#111a28;min-height:40px;width:min(350px,100%);padding:0 12px;color:var(--gold);border-radius:3px}.search-box span{font-size:22px;line-height:1}.search-box input{width:100%;border:0;outline:none;background:transparent;color:var(--text);font-size:11px}.search-box input::placeholder{color:#788697}.filter-group{display:flex;flex-wrap:wrap;gap:7px}.filter-chip{border:1px solid #3b4656;background:transparent;color:#aeb9c6;border-radius:99px;padding:7px 11px;font-size:9px;letter-spacing:.06em;transition:.18s ease}.filter-chip:hover,.filter-chip.active{border-color:#a88d5d;color:#f4dba9;background:rgba(225,189,120,.09)}.roster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.character-card{position:relative;background:linear-gradient(145deg,#202e42,#192438 70%);border:1px solid #3d4a59;min-height:198px;padding:18px 17px 15px;overflow:hidden}.character-card::before{content:"";position:absolute;left:0;inset-block:0;width:3px;background:var(--class-color,var(--gold))}.character-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.class-medallion{width:40px;height:40px;flex:0 0 40px;border:1px solid rgba(225,189,120,.66);border-radius:50%;display:grid;place-items:center;font:600 13px var(--serif);color:var(--gold-bright);background:radial-gradient(circle,#35435a,#151f30 70%)}.character-name{font:600 16px var(--serif);color:#f0e6d2;margin:0 0 2px}.character-race{font-size:10px;color:#9fabb8}.character-class{margin-left:auto;font-size:9px;letter-spacing:.1em;color:var(--class-color);text-transform:uppercase}.character-details{display:grid;grid-template-columns:1fr 1fr;gap:9px 13px}.detail-item small{display:block;color:#8291a2;font-size:8px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:2px}.detail-item span{font-size:10px;color:#e0e3e5;line-height:1.45}.detail-item.full{grid-column:1/-1}.tag-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.tag{display:inline-block;border:1px solid #46556a;border-radius:2px;padding:3px 6px;font-size:8px;color:#bfc9d4;letter-spacing:.02em}.tag.role{border-color:rgba(120,196,193,.45);color:#a2ded5}.character-note{border-top:1px solid rgba(126,143,162,.2);margin:12px 0 0;padding-top:9px;color:#c8b58d;font-size:9px;line-height:1.5}.empty-card{display:flex;align-items:center;gap:12px;min-height:121px;padding:16px;background:rgba(16,24,39,.58);border:1px dashed #465265;color:#8c9aab}.empty-symbol{width:33px;height:33px;display:grid;place-items:center;border:1px solid #566479;border-radius:50%;font-size:18px;color:#bcc5ce}.empty-card strong{display:block;color:#c6cdd3;font:500 12px var(--serif)}.empty-card small{font-size:9px}.empty-card.filtered-out{display:none}.sheet-note{font-size:10px;color:#93a0ae;margin:18px 0 0;padding:12px 15px;border-left:2px solid #8e754d;background:rgba(225,189,120,.045);display:flex;gap:10px;align-items:flex-start}.note-mark{color:var(--gold);font-size:16px;line-height:1.2}
.two-column-section{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-block:65px}.panel{padding:23px 24px;background:linear-gradient(150deg,#1b293c,#151f31);border:1px solid #394859}.small-heading{align-items:center;margin-bottom:8px}.small-heading .eyebrow{margin-bottom:6px}.small-heading h2{font-size:23px}.panel-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #756344;border-radius:50%;color:var(--gold);font-size:19px}.panel-subtitle{color:#95a2b0;font-size:10px;margin:0 0 17px}.summary-list{display:grid;gap:10px}.summary-row{display:grid;grid-template-columns:minmax(130px,1fr) 1.5fr 28px;align-items:center;gap:10px}.summary-name{font-size:10px;color:#d9dedf}.summary-track{height:5px;background:#273549;position:relative}.summary-track i{display:block;height:100%;background:var(--track-color,var(--teal));min-width:0;transition:width .3s}.summary-count{text-align:right;color:#e9d3a2;font-size:10px}.summary-row.missing .summary-name{color:#d98e7d}.summary-row.missing .summary-track i{background:var(--red)}.alert-line{display:flex;align-items:center;gap:10px;margin-top:18px;padding:10px 12px;background:rgba(215,125,104,.08);border:1px solid rgba(215,125,104,.22)}.alert-line>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(215,125,104,.18);color:#efa58f;font-size:12px}.alert-line p{margin:0;color:#c7b4ac;font-size:9px}.alert-line strong{color:#efb39e}.profession-list{display:grid;grid-template-columns:1fr 1fr;gap:11px 15px}.profession-item{display:grid;grid-template-columns:1fr auto;gap:5px 8px;align-items:center}.profession-item span{font-size:9px;color:#d4dbdf}.profession-item strong{font-size:9px;color:#dfc488}.profession-track{grid-column:1/-1;height:4px;background:#273549}.profession-track i{display:block;height:100%;background:linear-gradient(90deg,#8aab79,#c3c980)}.profession-item.no-coverage .profession-track i{background:#765f58}.profession-item.no-coverage strong{color:#d58470}.missing-line{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:17px;padding-top:12px;border-top:1px solid rgba(126,143,162,.18);font-size:9px;color:#8f9eac}.missing-line strong{color:#d7987e;font-weight:600}
.codex-shell{background:#101927}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.class-card{padding:15px 16px;border:1px solid #354254;background:linear-gradient(135deg,#1c293b,#172235);min-height:131px;position:relative}.class-card::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--class-color,var(--gold))}.class-card header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:9px}.class-card h3{font:600 14px var(--serif);color:#f1e4c7;margin:0}.armor-label{font-size:8px;color:#91a1b1;text-align:right}.spec-list{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}.spec-pill{padding:3px 6px;background:#28374b;color:#c1ccd5;font-size:8px;border-radius:2px}.profession-label{font-size:8px;color:#8897a8;letter-spacing:.08em}.profession-label strong{color:#b3ce9b;font-weight:600}.class-talent-link{display:inline-block;margin-top:11px;color:#dfc17d;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.talent-data-status{margin-top:13px;color:#a6b3c1;font-size:9px}.talent-data-status a{color:#e3c782;text-decoration:underline;text-underline-offset:2px}.codex-footnotes{display:flex;gap:11px;margin-top:16px;padding:12px 15px;border:1px solid rgba(120,144,165,.18);background:rgba(25,39,57,.52);color:#9da9b6;font-size:9px}.codex-footnotes span{color:var(--gold);font-size:15px}.codex-footnotes p{margin:0;line-height:1.65}
.resource-section{padding-top:68px;padding-bottom:74px}.resource-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-6px 0 17px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-card{position:relative;display:flex;flex-direction:column;min-height:201px;padding:19px;background:linear-gradient(145deg,#202d40,#172236);border:1px solid #3c4b5e;transition:transform .18s,border-color .18s}.guide-card:hover{transform:translateY(-2px);border-color:#9a8258}.guide-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.source-badge{font-size:8px;letter-spacing:.15em;color:var(--gold);text-transform:uppercase}.guide-type{font-size:8px;color:#8ea3ad;border:1px solid #425468;padding:3px 6px;text-transform:uppercase}.guide-card h3{font:600 15px/1.35 var(--serif);color:#f0e6d4;margin:0 0 8px}.guide-card p{color:#a9b5c2;font-size:10px;line-height:1.7;margin:0 0 15px}.guide-updated{color:#8192a3;font-size:8px;margin:-8px 0 12px}.guide-link{margin-top:auto;color:#e2c482;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.guide-link span{margin-left:5px}.external-note{margin:15px 0 0;color:#7f8b99;font-size:9px}
.news-section{background:linear-gradient(180deg,#172438,#121b29);border-block:1px solid rgba(225,189,120,.2)}.news-inner{padding-block:65px 54px}.news-heading{align-items:flex-end}.news-heading .eyebrow{color:#d5b36f}.news-heading-actions{display:flex}.news-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.news-card{padding:18px 18px 15px;border:1px solid #38495d;background:rgba(12,20,33,.62);min-height:180px;display:flex;flex-direction:column}.news-card.featured{grid-column:span 2;background:linear-gradient(135deg,rgba(42,59,78,.88),rgba(16,27,43,.94));border-color:#816d49}.news-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#91a1b2;font-size:8px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:11px}.news-category{color:#e2c47e}.news-card h3{font:600 14px/1.45 var(--serif);color:#efe6d4;margin:0 0 8px}.news-card p{color:#9eacbb;font-size:9px;line-height:1.65;margin:0 0 12px}.news-card a{margin-top:auto;color:#e0c17a;font-size:8px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.news-state{grid-column:1/-1;min-height:130px;display:flex;align-items:center;justify-content:center;text-align:center;padding:22px;border:1px dashed #48586a;color:#9eacba;font-size:11px}.news-state a{color:var(--gold-bright);text-decoration:underline;text-underline-offset:3px}.news-footer{display:flex;align-items:center;gap:8px;margin-top:18px;color:#8796a6;font-size:9px}.news-footer a{color:#d6bd88;text-decoration:underline;text-underline-offset:2px}.news-gem{color:var(--gold);font-size:14px}.quiet-button{margin-left:auto;border:0;background:transparent;color:#c8b17d;font-size:9px;letter-spacing:.07em}.quiet-button:hover{color:#fff0ce}
.site-footer{background:#0d1420;border-top:1px solid rgba(225,189,120,.12)}.footer-content{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{opacity:.82}.footer-content p{margin:0;color:#8896a6;font-size:9px;line-height:1.7}.footer-content p small{color:#657384}.footer-content>a{color:#cbb27c;font-size:9px;letter-spacing:.08em}.footer-content>a span{margin-left:5px}
@media(max-width:980px){.site-header{padding-inline:24px}.main-nav{gap:16px}.header-link{display:none}.hero{grid-template-columns:1fr .75fr}.hero-art{height:330px}.roster-grid{grid-template-columns:repeat(2,1fr)}.class-grid,.guide-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){html{scroll-padding-top:76px}.wrap{width:min(100% - 30px,var(--max))}.site-header{height:auto;min-height:70px;padding:11px 15px;flex-wrap:wrap;gap:8px}.brand-mark{width:31px;height:31px;font-size:18px}.brand strong{font-size:11px}.brand small{font-size:8px}.main-nav{order:3;width:100%;justify-content:space-between;gap:8px;padding-top:6px;border-top:1px solid rgba(225,189,120,.12);font-size:9px}.hero{display:block;padding-top:58px;min-height:620px}.hero h1{font-size:42px}.hero-lede{font-size:13px}.hero-art{position:absolute;right:-35px;bottom:0;width:84%;height:300px;opacity:.76;z-index:0}.hero-copy{max-width:550px}.hero-meta{margin-top:24px;font-size:8px}.hero-actions{gap:14px;flex-wrap:wrap}.button{font-size:9px;min-height:40px}.overview-section{padding-top:30px;padding-bottom:48px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:19px}.section-heading h2{font-size:26px}.section-intro{font-size:11px}.updated-label{margin-top:-3px}.overview-grid{gap:8px}.metric-card{min-height:83px;padding:13px}.metric-value{font-size:21px}.metric-label{font-size:8px}.metric-note{display:block;margin:1px 0 0}.section-inner{padding-block:46px}.toolbar,.news-controls,.resource-toolbar{align-items:stretch;flex-direction:column}.search-box{width:100%}.filter-group{gap:6px}.filter-chip{font-size:8px;padding:6px 9px}.roster-grid{grid-template-columns:1fr;gap:9px}.character-card{min-height:180px}.two-column-section{grid-template-columns:1fr;padding-block:42px;gap:11px}.panel{padding:18px}.class-grid,.guide-grid,.news-grid{grid-template-columns:1fr}.class-card{min-height:0}.guide-card{min-height:175px}.news-inner{padding-block:45px}.news-card.featured{grid-column:auto}.news-heading-actions{width:100%}.news-heading-actions .button{width:100%;justify-content:center}.news-footer{flex-wrap:wrap}.quiet-button{margin-left:0}.footer-content{padding-block:20px;display:grid;grid-template-columns:1fr;gap:13px}.footer-content p{order:3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}