:root{
  --bg:#0c0a07;--panel:#15110b;--panel2:#1d160d;--text:#f3ead8;--muted:#b8a98c;
  --gold:#d6a63d;--gold2:#f0cf72;--line:#6e5220;--green:#51d58f;--red:#e86c63;
  --shadow:0 18px 44px rgba(0,0,0,.48);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:
 radial-gradient(circle at 15% 0%,rgba(120,78,16,.16),transparent 34%),
 linear-gradient(180deg,#0b0906,#100d08 58%,#0a0806);color:var(--text);font-family:Oswald,Arial,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}
.site-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto auto;gap:12px;align-items:center;padding:10px 16px;background:rgba(9,7,4,.94);border-bottom:1px solid rgba(214,166,61,.28);backdrop-filter:blur(14px)}
.journal-brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-crown{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;color:var(--gold2);font-size:1.4rem;box-shadow:inset 0 0 18px rgba(214,166,61,.18)}.journal-brand span:last-child{display:grid}.journal-brand small{font-size:.6rem;letter-spacing:1.5px;color:var(--muted)}.journal-brand b{font:700 1rem Cinzel,serif;color:var(--gold2)}
.nav-toggle{justify-self:end;width:44px;height:42px;border:1px solid var(--line);border-radius:10px;background:#171108;color:var(--gold2);cursor:pointer}.journal-nav{grid-column:1/-1;display:none;gap:2px;padding-top:8px}.journal-nav.open{display:grid}.journal-nav a{padding:10px 12px;border-radius:9px;color:#d9c9a9}.journal-nav a:hover{background:#241a0d;color:#fff}.play-button{display:none}
main{min-height:70vh}.journal-hero{position:relative;min-height:520px;display:flex;align-items:flex-end;padding:34px 18px;background-image:linear-gradient(90deg,rgba(7,6,4,.96) 0%,rgba(7,6,4,.78) 42%,rgba(7,6,4,.15) 78%),linear-gradient(0deg,#0c0a07 0%,transparent 40%),var(--cover);background-size:cover;background-position:center;border-bottom:1px solid rgba(214,166,61,.32)}.journal-hero::after{content:"";position:absolute;inset:8px;border:1px solid rgba(214,166,61,.16);pointer-events:none}.journal-hero-copy{position:relative;z-index:2;max-width:760px}.section-label,.aside-kicker{font-size:.72rem;letter-spacing:2px;color:var(--gold2);font-weight:700}.journal-hero h1{margin:.25em 0 .35em;font:900 clamp(2rem,8vw,4.7rem)/1.02 Cinzel,serif;text-transform:uppercase;text-shadow:0 4px 22px #000}.journal-hero p{max-width:670px;color:#e9dcc3;font-size:1.06rem}.journal-hero-copy>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.primary-link,.secondary-link,.article-aside a,.roadmap-callout a{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.primary-link,.article-aside a,.roadmap-callout a{background:linear-gradient(180deg,var(--gold2),#ba7f19);color:#191006;border:1px solid #f6dc8a}.secondary-link{border:1px solid var(--line);background:rgba(18,13,8,.82);color:#e6d6b7}
.journal-intro{max-width:920px;margin:0 auto;padding:48px 18px 20px;text-align:center}.journal-intro h2{margin:.25em 0;font:700 clamp(1.7rem,6vw,3rem) Cinzel,serif;color:var(--gold2)}.journal-intro p{margin:0 auto;max-width:720px;color:var(--muted);font-size:1.04rem}
.category-filter{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 22px;scrollbar-width:none}.category-filter::-webkit-scrollbar{display:none}.category-filter a{flex:0 0 auto;padding:8px 13px;border:1px solid #5e4720;border-radius:999px;background:#151009;color:#cfbea0;font-size:.87rem}.category-filter a.active,.category-filter a:hover{background:#2b1d0b;border-color:var(--gold);color:var(--gold2)}
.news-layout{display:grid;gap:24px;max-width:1500px;margin:0 auto;padding:0 16px 56px}.story-grid{display:grid;gap:18px}.story-card{display:grid;background:linear-gradient(145deg,#1d160d,#100c08);border:1px solid rgba(214,166,61,.28);border-radius:15px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.3)}.story-image{aspect-ratio:16/9;overflow:hidden;background:#060503}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease,filter .35s ease}.story-card:hover .story-image img{transform:scale(1.035);filter:saturate(1.08)}.story-copy{padding:17px}.category-chip{display:inline-flex;padding:4px 9px;border:1px solid rgba(214,166,61,.45);border-radius:999px;color:var(--gold2);font-size:.67rem;letter-spacing:1.2px;text-transform:uppercase}.story-copy h3{margin:.55em 0 .35em;font:700 1.25rem/1.2 Cinzel,serif}.story-copy h3 a:hover{color:var(--gold2)}.story-copy p{margin:0;color:var(--muted)}.story-meta{display:flex;justify-content:space-between;gap:12px;margin-top:15px;padding-top:12px;border-top:1px solid rgba(214,166,61,.14);font-size:.78rem;color:#a99672}.journal-sidebar{display:grid;align-content:start;gap:16px}.sidebar-panel{padding:18px;border:1px solid rgba(214,166,61,.25);border-radius:14px;background:#151009}.sidebar-panel h3{margin:.3em 0;font:700 1.3rem Cinzel,serif;color:var(--gold2)}.sidebar-panel p{color:var(--muted)}.sidebar-category{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(214,166,61,.13)}.sidebar-category:last-child{border:0}.sidebar-category b{color:var(--gold2)}.roadmap-callout{background:linear-gradient(145deg,#24190d,#0f0c08);box-shadow:inset 0 0 28px rgba(214,166,61,.06)}.newsletter{background:linear-gradient(145deg,#101a12,#0d0c08)}.empty-news{padding:36px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted)}
.article-hero{min-height:560px;display:flex;align-items:flex-end;padding:32px 18px;background-image:linear-gradient(90deg,rgba(7,6,4,.96),rgba(7,6,4,.63) 50%,rgba(7,6,4,.18)),linear-gradient(0deg,#0c0a07,transparent 48%),var(--cover);background-position:center;background-size:cover;border-bottom:1px solid rgba(214,166,61,.32)}.article-hero-inner{max-width:980px;width:100%;margin:0 auto}.breadcrumb{display:block;margin-bottom:12px;color:#c7b58f;font-size:.82rem}.article-hero h1{max-width:900px;margin:.3em 0 .25em;font:900 clamp(2.1rem,8vw,5rem)/1.03 Cinzel,serif;text-shadow:0 4px 22px #000}.article-hero p{max-width:760px;color:#e7d9bd;font-size:1.08rem}.article-meta{display:flex;gap:8px;flex-wrap:wrap;color:#b9a987;font-size:.82rem}.article-layout{display:grid;gap:26px;max-width:1260px;margin:0 auto;padding:34px 18px 64px}.article-content{font-family:Georgia,serif;color:#e8deca;font-size:1.05rem}.article-content p{margin:0 0 1.25em}.article-content h2{margin:1.8em 0 .65em;font:700 clamp(1.4rem,5vw,2.1rem) Cinzel,serif;color:var(--gold2)}.article-lead{font-size:1.24rem;line-height:1.65;color:#f6ead1}.article-content ul{padding-left:1.2em}.article-content li{margin:.55em 0}.article-content blockquote{margin:1.8em 0;padding:20px 22px;border-left:4px solid var(--gold);background:#1b130a;color:#f1dcae;font:italic 1.18rem/1.55 Georgia,serif}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px;padding-top:20px;border-top:1px solid rgba(214,166,61,.2)}.article-tags span{padding:5px 9px;border-radius:999px;background:#181108;color:#cdb98e;font:400 .82rem Oswald,sans-serif}.article-aside{display:grid;align-content:start;gap:16px}.aside-card{padding:18px;border:1px solid rgba(214,166,61,.26);border-radius:14px;background:#151009}.aside-card h3{font:700 1.25rem Cinzel,serif;color:var(--gold2)}.aside-card p{color:var(--muted)}.aside-story{display:grid;grid-template-columns:84px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(214,166,61,.13)}.aside-story:last-child{border-bottom:0}.aside-story img{width:84px;height:58px;object-fit:cover;border-radius:7px}.aside-story span{display:grid;align-content:center}.aside-story small{color:var(--gold);font-size:.65rem;text-transform:uppercase}.aside-story b{font:600 .86rem/1.25 Cinzel,serif}.roadmap-section{display:grid;gap:12px;margin:28px 0}.roadmap-item{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:15px;border:1px solid #4e3b1d;border-radius:12px;background:#15100a;font-family:Oswald,sans-serif}.roadmap-item>span{align-self:start;padding:5px 9px;border-radius:999px;font-size:.67rem;text-transform:uppercase;letter-spacing:.8px}.roadmap-item h3{margin:0 0 .2em;font:700 1.02rem Cinzel,serif}.roadmap-item p{margin:0;color:var(--muted);font-size:.92rem}.roadmap-item.done>span{background:#163622;color:#75e7a3}.roadmap-item.refining>span{background:#3b2b0c;color:#f3c45b}.roadmap-item.planned>span{background:#162c3b;color:#81cce8}.roadmap-item.study>span{background:#2d1e37;color:#c39be6}.faq-section details{margin:10px 0;border:1px solid rgba(214,166,61,.25);border-radius:10px;background:#151009}.faq-section summary{cursor:pointer;padding:13px 15px;font:600 1rem Oswald,sans-serif;color:#f0dfba}.faq-section details p{padding:0 15px 15px;margin:0;color:var(--muted)}.not-found{max-width:760px;margin:80px auto;padding:24px;text-align:center}.not-found span{font:900 6rem Cinzel,serif;color:var(--gold)}.not-found h1{font:700 2rem Cinzel,serif}.not-found a{display:inline-flex;padding:10px 15px;background:var(--gold);color:#130d05;border-radius:8px}
.journal-footer{display:grid;gap:18px;padding:34px 18px;background:#080604;border-top:1px solid rgba(214,166,61,.25);color:#b9a986}.journal-footer b{font:700 1.2rem Cinzel,serif;color:var(--gold2)}.journal-footer p{margin:.3em 0}.journal-footer nav{display:flex;flex-wrap:wrap;gap:15px}.journal-footer a:hover{color:var(--gold2)}.journal-footer small{color:#806f52}
@media(min-width:720px){.site-header{grid-template-columns:auto 1fr auto}.nav-toggle{display:none}.journal-nav{grid-column:auto;display:flex;justify-content:center;padding:0}.journal-nav a{padding:9px 10px}.play-button{display:inline-flex;padding:9px 14px;border:1px solid var(--gold);border-radius:8px;color:var(--gold2)}.journal-hero{padding:60px clamp(24px,6vw,96px)}.story-card{grid-template-columns:42% 1fr}.story-image{aspect-ratio:auto;min-height:240px}.article-hero{padding:56px 34px}.journal-footer{grid-template-columns:1fr auto;align-items:center}.journal-footer small{grid-column:1/-1}.roadmap-item{grid-template-columns:130px 1fr}}
@media(min-width:1000px){.site-header{padding:10px clamp(24px,4vw,72px)}.journal-nav a{padding:9px 14px}.news-layout{grid-template-columns:minmax(0,1fr) 320px;padding-left:clamp(24px,5vw,70px);padding-right:clamp(24px,5vw,70px)}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card{grid-template-columns:1fr}.story-image{min-height:220px}.article-layout{grid-template-columns:minmax(0,820px) 310px}.article-hero-inner{margin-left:max(0px,calc((100vw - 1260px)/2))}.journal-footer{padding-left:clamp(24px,5vw,70px);padding-right:clamp(24px,5vw,70px)}}
@media(min-width:1400px){.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-image{min-height:205px}.journal-hero{min-height:620px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* =========================================================
   v2.1 — Crônicas da Capital
   ========================================================= */
.lore-public-body{background:#080907;color:#e8dfc7}
.lore-public-main{min-height:70vh}
.character-hero,.chapter-hero,.expansion-story-hero,.saga-public-hero,.character-directory-hero{position:relative;min-height:clamp(520px,72vh,820px);display:flex;align-items:flex-end;padding:clamp(28px,6vw,88px);overflow:hidden;background:linear-gradient(90deg,rgba(4,5,4,.96),rgba(4,5,4,.55) 54%,rgba(4,5,4,.08)),var(--cover) center/cover no-repeat;border-bottom:1px solid rgba(214,170,63,.34)}
.character-hero:after,.chapter-hero:after,.expansion-story-hero:after,.saga-public-hero:after,.character-directory-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.72));pointer-events:none}
.character-hero-copy,.chapter-hero>div,.expansion-story-hero>div,.saga-public-hero>div,.character-directory-hero>div{position:relative;z-index:1;max-width:860px}
.character-hero h1,.chapter-hero h1,.expansion-story-hero h1,.saga-public-hero h1,.character-directory-hero h1{margin:10px 0 8px;font:900 clamp(2.7rem,6vw,6rem)/.96 Cinzel,serif;color:#f2d478;text-shadow:0 5px 30px #000}
.character-hero h2{margin:0 0 14px;font:600 clamp(1.1rem,2vw,1.6rem) Cinzel,serif;color:#d6c18c}
.character-hero p,.chapter-hero p,.expansion-story-hero p,.saga-public-hero p,.character-directory-hero p{max-width:760px;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.6;color:#e1d8c1}
.character-hero blockquote{max-width:680px;margin:18px 0 0;padding:14px 18px;border-left:3px solid #d5a93e;background:rgba(8,9,7,.65);font-style:italic;color:#f0e4c4}
.lore-reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:42px;max-width:1420px;margin:0 auto;padding:56px 32px 80px}
.lore-prose{min-width:0;font-size:1.08rem;line-height:1.75;color:#d5ccb8}
.lore-prose>p{max-width:860px}
.lore-prose h2{margin:34px 0 12px;font:700 clamp(1.7rem,3vw,2.6rem) Cinzel,serif;color:#e8ca70}
.lore-prose blockquote{margin:28px 0;padding:20px 24px;border-left:4px solid #d0a13a;background:#15140f;font:italic 1.14rem/1.65 Georgia,serif;color:#efe4ca}
.character-dossier{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:30px 0 48px}
.character-dossier article{padding:18px;border:1px solid rgba(204,160,58,.28);border-radius:16px;background:linear-gradient(145deg,#18160f,#0d0e0b)}
.character-dossier small{letter-spacing:.13em;color:#c99c39}
.character-dossier p{margin:7px 0 0;font-size:.98rem;line-height:1.5}
.lore-aside{display:flex;flex-direction:column;gap:18px}
.lore-aside>section{padding:18px;border:1px solid rgba(205,163,64,.25);border-radius:18px;background:#10110e}
.aside-lore-link,.aside-character{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center;margin-top:12px;text-decoration:none;color:#f0e2bd}
.aside-lore-link img,.aside-character img{width:88px;height:100px;object-fit:cover;border-radius:12px;border:1px solid rgba(218,171,61,.35)}
.aside-lore-link b,.aside-character b{display:block;font-family:Cinzel,serif;color:#e8c866}
.aside-lore-link small,.aside-character small{display:block;margin-top:4px;color:#9f9682}
.text-lore-link{display:block;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none;color:#d8cba9}
.text-lore-link span{display:block;font-size:.72rem;letter-spacing:.1em;color:#b48a34}
.text-lore-link b{display:block;margin-top:3px}
.expansion-origin img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;margin:12px 0}
.expansion-origin h3{font-family:Cinzel,serif;color:#eacb70}
.expansion-origin a{display:inline-block;margin-top:8px;padding:9px 12px;border:1px solid #b98d30;border-radius:10px;color:#f4d982;text-decoration:none}
.lore-linked-section{margin-top:52px;padding-top:30px;border-top:1px solid rgba(211,170,67,.26)}
.lore-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.lore-card{position:relative;overflow:hidden;border:1px solid var(--card-accent,#a88b4d);border-radius:18px;background:linear-gradient(145deg,#17150f,#0b0c0a);box-shadow:0 16px 36px rgba(0,0,0,.3)}
.lore-card.rarity-comum{--card-accent:#8d887b}.lore-card.rarity-rara{--card-accent:#36a9db}.lore-card.rarity-epica{--card-accent:#bb5bea}.lore-card.rarity-lendaria{--card-accent:#f0b72c}
.lore-card-art{position:relative;aspect-ratio:16/10;overflow:hidden;background:#050605}
.lore-card-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.lore-card:hover .lore-card-art img{transform:scale(1.06)}
.lore-card-cost{position:absolute;left:10px;top:10px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:2px solid #e5c36e;background:radial-gradient(circle at 35% 30%,#60d8ff,#155a87 58%,#082331);font:700 1.1rem Cinzel,serif;color:white;box-shadow:0 4px 14px #000}
.lore-card-copy{padding:15px}
.lore-card-copy small{color:#a79b82;text-transform:uppercase;letter-spacing:.09em}
.lore-card-copy h3{margin:4px 0 9px;font:700 1.1rem/1.12 Cinzel,serif;color:#f0d985}
.lore-card-copy p{margin:0;font-size:.9rem;line-height:1.45;color:#ddd2b8}
.lore-card-copy blockquote{margin:12px 0 0;padding:10px;border-left:2px solid var(--card-accent);background:rgba(255,255,255,.025);font-size:.82rem;line-height:1.4;color:#9e9581}
.lore-card-copy footer{display:flex;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07);font-size:.7rem;color:#a99e89}
.expansion-story-rule,.story-principle{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;max-width:1180px;margin:42px auto;padding:24px 28px;border:1px solid rgba(211,170,66,.32);border-radius:18px;background:linear-gradient(145deg,#18150e,#0b0c09)}
.expansion-story-rule>span,.story-principle>span{font-size:2.2rem}
.expansion-story-rule h2,.story-principle h2{margin:0 0 5px;font-family:Cinzel,serif;color:#e7c66a}
.expansion-story-rule p,.story-principle p{margin:0;color:#cfc5ad}
.expansion-cards,.character-directory,.saga-timeline,.narrative-expansions{max-width:1460px;margin:0 auto;padding:48px 32px 80px}
.character-directory-hero{min-height:640px;background-position:center 34%}
.character-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:25px}
.character-directory-card{display:grid;grid-template-columns:210px 1fr;min-height:300px;overflow:hidden;border:1px solid rgba(205,164,66,.28);border-radius:20px;background:#11120f;text-decoration:none;color:#e8dec5;transition:.25s transform,.25s border-color}
.character-directory-card:hover{transform:translateY(-5px);border-color:#d5a944}
.character-directory-card img{width:100%;height:100%;object-fit:cover;object-position:center 27%}
.character-directory-card>div{padding:22px}
.character-directory-card small{color:#bf9338;letter-spacing:.12em}
.character-directory-card h3{margin:7px 0 4px;font:700 1.5rem Cinzel,serif;color:#f0d986}
.character-directory-card b{color:#bfb49b}
.character-directory-card p{line-height:1.5;color:#aaa18d}
.character-directory-card span{display:block;margin-top:18px;color:#dfb84f}
.saga-public-hero{min-height:720px}
.saga-public-hero>div>div{display:flex;gap:12px;align-items:center;margin-top:20px}
.status-chip{padding:8px 12px;border:1px solid rgba(90,196,113,.55);border-radius:999px;background:rgba(40,120,58,.18);color:#9ce1a8}
.saga-chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:28px}
.saga-chapter-card{display:grid;grid-template-columns:44% 1fr;overflow:hidden;border:1px solid rgba(204,161,59,.28);border-radius:20px;background:#10110e;text-decoration:none;color:#e2d7bd;transition:.25s transform,.25s border-color}
.saga-chapter-card:hover{transform:translateY(-4px);border-color:#d5a53d}
.saga-chapter-card.upcoming{border-style:dashed;opacity:.88}
.saga-chapter-card img{width:100%;height:100%;min-height:280px;object-fit:cover}
.saga-chapter-card>div{display:flex;flex-direction:column;padding:24px}
.saga-chapter-card span{font-size:.72rem;letter-spacing:.13em;color:#c99c37}
.saga-chapter-card h3{margin:8px 0;font:700 1.5rem Cinzel,serif;color:#efd47e}
.saga-chapter-card p{line-height:1.55;color:#b6ad99}
.saga-chapter-card footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);color:#aca18b}
.narrative-expansion-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:24px}
.narrative-expansion-grid>a{overflow:hidden;border:1px solid rgba(207,164,62,.28);border-radius:16px;background:#11120f;text-decoration:none;color:#e6dbc0}
.narrative-expansion-grid img{width:100%;aspect-ratio:16/10;object-fit:cover}
.narrative-expansion-grid div{padding:14px}
.narrative-expansion-grid small{color:#c29636}.narrative-expansion-grid h3{margin:5px 0;font:700 1rem Cinzel,serif;color:#eed27c}.narrative-expansion-grid p{font-size:.86rem;line-height:1.45;color:#a9a08c}.narrative-expansion-grid span{font-size:.8rem;color:#d9ad44}
.section-heading>h2{margin:5px 0;font:700 clamp(2rem,4vw,3.4rem) Cinzel,serif;color:#e9ca70}.section-heading>p{max-width:900px;color:#bdb39d;line-height:1.6}
@media(max-width:1100px){.lore-reading-layout{grid-template-columns:1fr}.lore-aside{display:grid;grid-template-columns:repeat(2,1fr)}.lore-card-grid{grid-template-columns:repeat(2,1fr)}.character-directory-grid{grid-template-columns:repeat(2,1fr)}.narrative-expansion-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.character-hero,.chapter-hero,.expansion-story-hero,.saga-public-hero,.character-directory-hero{min-height:640px;padding:26px 18px;background-position:62% center}.character-hero h1,.chapter-hero h1,.expansion-story-hero h1,.saga-public-hero h1,.character-directory-hero h1{font-size:2.45rem}.lore-reading-layout,.expansion-cards,.character-directory,.saga-timeline,.narrative-expansions{padding:34px 16px 60px}.lore-aside{display:flex}.character-dossier{grid-template-columns:1fr}.lore-card-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.lore-card{min-width:78vw;scroll-snap-align:start}.character-directory-grid{grid-template-columns:1fr}.character-directory-card{grid-template-columns:120px 1fr;min-height:250px}.character-directory-card>div{padding:16px}.saga-chapter-grid{grid-template-columns:1fr}.saga-chapter-card{grid-template-columns:1fr}.saga-chapter-card img{min-height:220px;max-height:300px}.narrative-expansion-grid{display:flex;overflow-x:auto}.narrative-expansion-grid>a{min-width:78vw}.saga-public-hero>div>div{align-items:flex-start;flex-direction:column}.expansion-story-rule,.story-principle{margin:28px 16px;padding:20px}}