:root{--page-bg:#efe4ca;--page-bg-strong:#e4d5b6;--surface:rgba(255,250,238,0.82);--surface-strong:#f7eedb;--surface-dark:#183126;--surface-dark-strong:#10241b;--text-main:#1b241c;--text-soft:#445247;--text-inverse:#f6f0de;--line:rgba(24,49,38,0.14);--accent:#6e8449;--accent-strong:#2d5c43;--accent-gold:#a88443;--status-verified:#204c37;--status-partial:#785725;--status-missing:#6f3f34;--shadow-lg:0 22px 50px rgba(18,28,22,0.16);--shadow-md:0 14px 32px rgba(18,28,22,0.1);--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:12px;--content-width:1180px;--reading-width:760px;--display-font:"Iowan Old Style","Palatino Linotype","Book Antiqua","Libre Baskerville",Georgia,serif;--body-font:"Avenir Next","Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--body-font);background:radial-gradient(circle at top left,rgba(189,201,167,.44),transparent 38%),radial-gradient(circle at right 15%,rgba(74,111,79,.12),transparent 20%),linear-gradient(180deg,#f5ead3 0,var(--page-bg) 26%,#f6ecd9 100%);color:var(--text-main)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{min-height:100vh}.container{width:min(var(--content-width),calc(100% - 2rem));margin:0 auto}.section{padding:4.5rem 0}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;padding:.35rem .75rem;border-radius:999px;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700;color:var(--accent-strong);background:rgba(110,132,73,.1)}.section-heading{max-width:38rem;margin-bottom:1.75rem}.guide-block h2,.guide-faq h2,.section-heading h2{margin:.85rem 0 .65rem;font-family:var(--display-font);font-size:clamp(2rem,5vw,3.15rem);line-height:.98}.card-copy p,.content-prose p,.guide-block p,.guide-hero p,.guide-summary p,.section-heading p{color:var(--text-soft);font-size:1.03rem;line-height:1.75}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(239,228,202,.76);border-bottom:1px solid rgba(24,49,38,.08)}.site-footer-inner,.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 0}.brand-lockup{display:inline-flex;align-items:center;gap:.85rem}.brand-mark{width:2.6rem;height:2.6rem;border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.7),transparent 35%),linear-gradient(135deg,#314f3b,#1d3228);border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);position:relative}.brand-mark:after,.brand-mark:before{content:"";position:absolute;border-radius:999px;background:rgba(239,228,202,.9)}.brand-mark:before{inset:.55rem .68rem auto .68rem;height:.24rem}.brand-mark:after{inset:auto .78rem .55rem .78rem;height:.24rem}.brand-copy{display:grid;grid-gap:.12rem;gap:.12rem}.brand-copy strong{font-size:.96rem;letter-spacing:.09em;text-transform:uppercase}.brand-copy span{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft)}.footer-nav,.header-nav{display:flex;gap:.55rem;flex-wrap:wrap}.footer-nav a,.header-actions a,.header-nav a{padding:.7rem .95rem;border-radius:999px;font-size:.95rem;color:var(--text-main)}.footer-nav a:hover,.header-nav a:hover{background:rgba(24,49,38,.06)}.header-actions{display:inline-flex;gap:.75rem;align-items:center}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:999px;padding:.9rem 1.25rem;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button-primary{color:var(--text-inverse);background:linear-gradient(135deg,#2a5741,#163126);box-shadow:var(--shadow-md)}.button-secondary{color:var(--accent-strong);border:1px solid rgba(42,87,65,.18);background:rgba(255,250,238,.62)}.button-primary:hover,.button-secondary:hover,.character-card:hover,.guide-card:hover,.info-card:hover{transform:translateY(-2px)}.hero{padding:4.5rem 0 3rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-gap:1.5rem;gap:1.5rem;align-items:stretch}.characters-grid,.characters-intro,.directory-group,.footer-note,.guide-block,.guide-card,.guide-faq,.guide-summary,.hero-copy,.hero-visual,.info-card,.source-card,.status-note{border:1px solid var(--line);box-shadow:var(--shadow-md)}.hero-copy{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:2.1rem;color:var(--text-inverse);background:linear-gradient(180deg,rgba(16,36,27,.4),rgba(16,36,27,.88)),linear-gradient(135deg,rgba(132,149,88,.62),rgba(23,49,38,.95))}.hero-copy:after{content:"";position:absolute;inset:auto -10% -20% 40%;height:16rem;border-radius:50%;background:rgba(241,228,201,.08);filter:blur(16px)}.characters-hero h1,.guide-hero h1,.hero-copy h1,.page-heading h1{margin:1rem 0;font-family:var(--display-font);font-size:clamp(3.1rem,7vw,5.9rem);line-height:.92;letter-spacing:-.04em}.hero-copy p{max-width:38rem;color:rgba(246,240,222,.86)}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.5rem}.hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.8rem;gap:.8rem;margin-top:2rem}.info-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);border-radius:var(--radius-md);padding:1rem}.character-card strong,.guide-card strong,.info-card strong{display:block;font-family:var(--display-font);font-size:1.55rem}.character-card small,.footer-note small,.guide-meta span,.info-card span{color:rgba(246,240,222,.7);font-size:.88rem}.hero-visual{position:relative;overflow:hidden;min-height:32rem;border-radius:var(--radius-xl);background:linear-gradient(180deg,rgba(13,31,23,.12),rgba(13,31,23,.7)),linear-gradient(145deg,#9bb088,#50715c 40%,#183126)}.hero-visual:after,.hero-visual:before{content:"";position:absolute;inset:auto}.hero-visual:before{left:-6%;right:-6%;bottom:-1rem;height:10rem;background:linear-gradient(90deg,rgba(32,61,45,.96) 12%,transparent 12% 14%,rgba(32,61,45,.96) 14% 19%,transparent 19% 21%,rgba(32,61,45,.96) 21% 29%,transparent 29% 31%,rgba(32,61,45,.96) 31% 36%,transparent 36% 39%,rgba(32,61,45,.96) 39% 49%,transparent 49% 52%,rgba(32,61,45,.96) 52% 63%,transparent 63% 66%,rgba(32,61,45,.96) 66% 78%,transparent 78% 81%,rgba(32,61,45,.96) 81% 90%,transparent 90%);-webkit-clip-path:polygon(0 45%,9% 35%,15% 42%,25% 25%,33% 31%,42% 17%,51% 26%,61% 12%,71% 22%,79% 10%,89% 18%,100% 6%,100% 100%,0 100%);clip-path:polygon(0 45%,9% 35%,15% 42%,25% 25%,33% 31%,42% 17%,51% 26%,61% 12%,71% 22%,79% 10%,89% 18%,100% 6%,100% 100%,0 100%)}.hero-visual:after{left:12%;top:15%;width:74%;height:58%;border-radius:28px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.03)),linear-gradient(135deg,rgba(241,228,201,.14),rgba(24,49,38,.22));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 24px 40px rgba(16,36,27,.25)}.visual-note{position:absolute;max-width:12rem;padding:.9rem;border-radius:var(--radius-sm);color:var(--text-inverse);background:rgba(16,36,27,.7);border:1px solid rgba(255,255,255,.08)}.visual-note.one{left:8%;top:9%}.visual-note.two{right:7%;bottom:9%}.card-grid,.character-grid,.needs-grid,.source-grid{display:grid;grid-gap:1rem;gap:1rem}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.character-grid,.needs-grid,.source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.character-card,.characters-intro,.directory-group,.guide-card,.source-card{background:rgba(255,250,238,.78);border-radius:var(--radius-lg);padding:1.3rem}.guide-card{display:grid;align-content:start;grid-gap:.8rem;gap:.8rem}.guide-rail{width:100%;height:9rem;border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(16,36,27,.22)),linear-gradient(135deg,#879a64,#284333);position:relative;overflow:hidden}.guide-rail:after{content:"";position:absolute;inset:auto 0 0;height:2.6rem;background:linear-gradient(180deg,transparent,rgba(16,36,27,.54))}.guide-rail:before{content:"";position:absolute;inset:18% 12%;border-radius:20px;border:1px solid rgba(255,255,255,.18)}.character-card strong,.characters-intro h2,.directory-group h2,.guide-card h3,.source-card h3{margin:0;font-family:var(--display-font);font-size:1.55rem;line-height:1.04}.character-card p,.directory-group p,.guide-card p,.source-card p{margin:0;color:var(--text-soft);line-height:1.7}.guide-meta,.source-tags,.status-row,.tag-row{display:flex;flex-wrap:wrap;gap:.5rem}.meta-chip,.status-chip,.tag{display:inline-flex;align-items:center;gap:.4rem;padding:.36rem .7rem;border-radius:999px;font-size:.8rem;font-weight:700}.meta-chip,.tag{color:var(--accent-strong);background:rgba(45,92,67,.08)}.status-chip.verified{color:#eff8f2;background:var(--status-verified)}.status-chip.partially-verified{color:#fff6e8;background:var(--status-partial)}.status-chip.needs-source-check{color:#fff1ec;background:var(--status-missing)}.characters-page,.guide-page,.guides-page,.page-heading{padding:3rem 0 5rem}.page-heading{padding-bottom:2rem}.characters-hero p,.guide-hero p,.page-heading p{max-width:44rem}.guide-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-gap:1.2rem;gap:1.2rem}.guide-main,.guide-sidebar{display:grid;grid-gap:1rem;gap:1rem}.guide-sidebar{align-content:start}.characters-hero,.characters-intro,.guide-block,.guide-faq,.guide-hero,.guide-summary,.source-card,.status-note{border-radius:var(--radius-lg);padding:1.6rem;background:rgba(255,250,238,.82)}.guide-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0)),linear-gradient(135deg,rgba(110,132,73,.18),rgba(24,49,38,.05)),rgba(255,250,238,.86)}.guide-hero:after{content:"";position:absolute;inset:auto -4rem -4rem auto;width:14rem;height:14rem;border-radius:50%;background:rgba(110,132,73,.08)}.characters-hero h1,.guide-hero h1,.page-heading h1{font-size:clamp(2.7rem,5vw,4.7rem)}.characters-intro ul,.directory-group ul,.guide-block ul,.guide-faq ul,.guide-summary ul,.source-card ul{margin:.8rem 0 0;padding-left:1.1rem;color:var(--text-soft);line-height:1.72}.characters-intro li,.directory-group li,.guide-block li,.guide-faq li,.guide-summary li,.source-card li{margin-bottom:.5rem}.guide-table{overflow-x:auto;margin-top:1rem;border-radius:var(--radius-md);border:1px solid rgba(24,49,38,.1)}.guide-table table{width:100%;border-collapse:collapse;min-width:480px;background:rgba(255,255,255,.62)}.guide-table td,.guide-table th{text-align:left;padding:.95rem .9rem;border-bottom:1px solid rgba(24,49,38,.08);vertical-align:top}.guide-table th{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);background:rgba(24,49,38,.04)}.guide-links{display:grid;grid-gap:.7rem;gap:.7rem}.guide-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1rem;border-radius:var(--radius-md);background:rgba(255,255,255,.7);border:1px solid rgba(24,49,38,.08)}.guide-link strong{font-family:var(--display-font);font-size:1.12rem}.footer-note p,.guide-link span{color:var(--text-soft);line-height:1.65}.directory-wrap{display:grid;grid-gap:1rem;gap:1rem}.characters-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:1rem;gap:1rem;align-items:start}.character-card{display:grid;grid-gap:.7rem;gap:.7rem}.character-card ul{margin:0;padding-left:1rem;color:var(--text-soft);line-height:1.7}.source-card h3{margin-bottom:.55rem}.status-note strong{display:block;margin-bottom:.5rem;font-family:var(--display-font);font-size:1.22rem}.status-note li,.status-note p{color:var(--text-soft)}.site-footer{padding:2rem 0 3rem;border-top:1px solid rgba(24,49,38,.08);background:rgba(239,228,202,.68)}.footer-note{margin-top:1rem;border-radius:var(--radius-md);padding:1rem 1.1rem;background:rgba(255,250,238,.6)}@media (max-width:1080px){.characters-layout,.guide-page-grid,.hero-grid{grid-template-columns:1fr}.card-grid,.character-grid,.needs-grid,.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.site-footer-inner,.site-header-inner{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:flex-start}.hero{padding-top:2.4rem}.characters-hero,.characters-intro,.guide-block,.guide-faq,.guide-hero,.guide-summary,.hero-copy,.hero-visual{padding:1.2rem}.card-grid,.character-grid,.hero-meta,.needs-grid,.source-grid{grid-template-columns:1fr}.section{padding:3rem 0}}