.folio-page{width:min(980px,calc(100% - 2rem));margin:auto;padding:2rem 0 5rem}.back{color:var(--accent);text-decoration:none;font-family:system-ui,sans-serif;font-size:.9rem}.hero{display:grid;grid-template-columns:300px 1fr;gap:2rem;margin:2rem 0}.hero img{width:100%;max-height:430px;object-fit:cover;border-radius:.5rem;border:1px solid var(--line)}.hero h1{font-size:clamp(2.8rem,7vw,5rem);margin:.2rem 0 1rem}.lede{font-size:1.2rem;color:var(--muted)}.folio-page section{border-top:1px solid var(--line);padding:1.5rem 0}.folio-page h2{color:var(--accent);font-size:1.35rem}.folio-page h3{margin-bottom:.35rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{padding:.3rem .65rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:700 .75rem system-ui,sans-serif}.source{display:inline-block;margin:.25rem .25rem .25rem 0;color:var(--accent)}.timeline{margin:0;padding-left:1.3rem}.timeline li{margin:.7rem 0}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem}.image-gallery figure{margin:0}.image-gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center;border:1px solid var(--line);border-radius:.35rem;background:#110e0a}.image-gallery figcaption{color:var(--muted);font-size:.85rem;margin-top:.25rem}.dossier{margin:.85rem 0;border:1px solid var(--line);border-radius:.35rem;background:#17140f}.dossier summary{padding:.75rem 1rem;color:var(--accent);cursor:pointer;font-family:system-ui,sans-serif}.dossier iframe{display:block;width:100%;height:680px;border:0;border-top:1px solid var(--line);background:#191711}.dossier-note{color:var(--muted)}@media(max-width:650px){.hero{grid-template-columns:1fr}.hero img{max-width:330px}}
.profile-intro{font-size:1.08rem}.profile-list{display:grid;gap:.55rem;margin:0;padding-left:1.25rem}.profile-list li{padding-left:.25rem}.image-gallery a{display:block}.image-gallery img{transition:transform .15s ease,border-color .15s ease}.image-gallery a:hover img{transform:translateY(-2px);border-color:var(--accent)}
.story-chapters{display:grid;gap:1rem}.story-chapters article{padding:1rem 1.15rem;background:#211d15;border:1px solid var(--line);border-radius:.4rem}.story-chapters h3{color:var(--accent);margin:.1rem 0 .45rem}.story-chapters p{margin:0;color:var(--ink)}

/* Character-sheet composition inspired by illustrated tabletop folios. */
.sheet-cover{display:grid;grid-template-columns:minmax(0,46%) minmax(360px,54%);min-height:760px;margin:2rem 0 1rem;overflow:hidden;border:1px solid #7e6533;border-radius:.75rem;background:linear-gradient(145deg,#e9ddbd,#cdbb91);color:#201b12;box-shadow:0 24px 70px #0008}
.cover-copy{position:relative;z-index:1;padding:2rem 1.6rem;background:linear-gradient(100deg,#eadfbe 0%,#d9c79e 92%,#d9c79ecc)}
.cover-copy h1{max-width:100%;color:#123d2e;text-shadow:0 1px #fff8;font-size:clamp(3rem,4.8vw,5.2rem);line-height:.98;overflow-wrap:anywhere}.cover-copy .lede{color:#433a29}.cover-copy blockquote{margin:1.1rem 0 1.25rem;padding:.7rem 1rem;border-left:3px solid #967120;color:#3f3524;font-style:italic;background:#fff5d755}
.cover-copy .folio-panel{margin:1rem 0;background:#fff8dfaa!important;color:#241f16;border-color:#9f824a}.cover-copy .folio-panel h2{color:#174b38}.cover-copy th{color:#5e5037}.cover-copy td,.cover-copy th{border-color:#8a744744}
.cover-art{position:relative;margin:0;min-height:100%;background:#15241c;overflow:hidden}.cover-art img{width:100%;height:100%;min-height:760px;object-fit:cover;object-position:center;display:block}.cover-art::after{content:"";position:absolute;inset:0;box-shadow:inset 20px 0 50px #1b261d55,inset 0 -160px 90px #0d1712cc;pointer-events:none}
.cover-art figcaption{position:absolute;z-index:1;left:1.4rem;right:1.4rem;bottom:1.25rem;color:#fff8e7;text-shadow:0 2px 8px #000}.cover-art figcaption span{display:block;color:#e6bf62;font:800 .76rem system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em}.cover-art figcaption strong{display:block;margin-top:.35rem;font-size:1rem;line-height:1.4}
.document-cover .cover-art{position:relative;min-height:780px;background:#0d0e0b}.document-cover .cover-art img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;background:#0d0e0b}.document-cover .cover-art::after{box-shadow:inset 0 -100px 70px #080b09b8}
.cover-copy .ability-badges{grid-template-columns:repeat(3,1fr)}.cover-copy .ability{min-height:82px}
.hero{position:relative;padding:1.1rem;background:linear-gradient(135deg,#1d281f,#191711 58%);border:1px solid #6f5b30;border-radius:.7rem;box-shadow:0 20px 55px #0005}
.hero::after{content:"";position:absolute;inset:.4rem;border:1px solid #d7a84a55;border-radius:.4rem;pointer-events:none}
.hero>div{align-self:center;padding:.5rem 1rem .5rem 0}.hero blockquote{max-width:34rem;margin:1.35rem 0 0;padding:.85rem 1rem;border-left:3px solid var(--accent);background:#0f1a14a8;color:#eadfc9;font-style:italic}
.top-sheet-grid,.dossier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}
.folio-page .folio-panel{position:relative;padding:1.15rem 1.25rem;border:1px solid #66542f;border-radius:.55rem;background:linear-gradient(145deg,#252117,#1c1a14);box-shadow:inset 0 1px #ffffff0a}
.folio-page .folio-panel::before{content:"";position:absolute;left:.65rem;right:.65rem;top:.35rem;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.55}
.folio-page .folio-panel h2{display:flex;align-items:center;gap:.55rem;margin:.15rem 0 1rem;color:#f0cf7a;font-family:Georgia,serif;font-variant:small-caps;letter-spacing:.035em}
.folio-page .folio-panel h2::before{content:"✦";display:grid;place-items:center;width:1.45rem;height:1.45rem;flex:0 0 auto;border:1px solid #b48a37;border-radius:50%;background:#143426;color:#e4be5d;font-size:.72rem}
.identity-panel,.presentation-panel,.profile-intro,.progression-panel,.visual-panel{grid-column:1/-1}
.ability-panel{background:linear-gradient(145deg,#173326,#191b15)!important}
.ability-badges{display:grid;grid-template-columns:repeat(6,minmax(54px,1fr));gap:.55rem}
.ability{display:grid;place-items:center;min-height:90px;padding:.45rem;border:1px solid #ad873e;border-radius:50% 50% 44% 44%;background:radial-gradient(circle at 50% 30%,#245841,#10261d 68%);font-family:system-ui,sans-serif;box-shadow:inset 0 0 0 3px #e0b95018}
.ability span{color:#efd488;font-size:.72rem;font-weight:800;letter-spacing:.08em}.ability strong{font-size:1.45rem;line-height:1}.ability small{color:#d7d1c5;font-weight:700}.undocumented,.continuity-note{color:var(--muted);font-style:italic}
.combat-panel{grid-row:span 2}.strategy-panel{background:linear-gradient(145deg,#183126,#1c1a14)!important}.personality-panel{grid-row:span 2}.variants-panel{border-color:#8c6039!important;background:linear-gradient(145deg,#312019,#1c1714)!important}
.profile-intro{margin:1rem 0;font-size:1.08rem}.profile-intro p:last-child{margin-bottom:.2rem}
.songbook article p+p{margin-top:1.1rem}.songbook p{line-height:1.7}
.document-panel{margin-top:1rem}.document-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(520px,100%),1fr));gap:1rem;align-items:start}.document-gallery figure{margin:0;text-align:center}.document-gallery a{display:block;padding:.5rem;background:#0d0e0b;border:1px solid var(--line);border-radius:.4rem}.document-gallery img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.document-gallery figcaption{margin-top:.4rem;color:var(--muted);font-size:.9rem}
@media(max-width:760px){.sheet-cover{grid-template-columns:1fr;min-height:0}.cover-art{order:-1;min-height:420px}.cover-art img{min-height:420px;max-height:620px}.top-sheet-grid,.dossier-grid{grid-template-columns:1fr}.identity-panel,.presentation-panel,.profile-intro,.progression-panel,.visual-panel{grid-column:auto}.ability-badges{grid-template-columns:repeat(3,1fr)}.hero>div{padding:.5rem}.combat-panel,.personality-panel{grid-row:auto}}

/* Wide-screen layout: use the canvas instead of imitating a document page. */
.folio-page{width:min(1600px,calc(100% - 3rem))}
.sheet-cover{grid-template-columns:minmax(500px,42%) minmax(480px,58%);min-height:780px}
@media(min-width:1250px){.dossier-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.progression-panel{grid-column:span 2}.visual-panel .image-gallery{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}
@media(max-width:760px){.folio-page{width:min(100% - 1rem,700px)}.sheet-cover{grid-template-columns:1fr;min-height:0}}

/* Quiet parchment stat medallions: integrated with the sheet instead of UI-like pills. */
.cover-copy .ability-badges{grid-template-columns:repeat(6,minmax(58px,1fr));gap:.45rem}
.cover-copy .ability{justify-self:center;width:74px;height:74px;min-height:0;padding:.3rem;border:1px solid #8b713c;border-radius:50%;background:radial-gradient(circle at 40% 30%,#fff9e9,#e5d4a8 72%);box-shadow:0 0 0 3px #f7edcf,0 0 0 4px #a4874b;color:#183c2e}
.cover-copy .ability span{color:#755a25;font-size:.65rem}.cover-copy .ability strong{color:#183c2e;font-size:1.35rem}.cover-copy .ability small{color:#57492f;font-size:.68rem}
@media(max-width:1380px){.cover-copy .ability-badges{grid-template-columns:repeat(3,1fr)}}

/* The cover is also the playable summary: rules, starting point, and feature package. */
.sheet-cover{min-height:980px}
.cover-copy{display:flex;flex-direction:column}
.cover-copy .playable-build{margin-top:1rem;padding:1rem 1.1rem 1.1rem;background:linear-gradient(145deg,#fff8dfdf,#ead9adcc)!important}
.build-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid #8a744755;padding-bottom:.55rem}
.build-heading h2{margin:0!important}
.rules-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}
.rules-tag{display:inline-block;padding:.28rem .58rem;border:1px solid #82672d;border-radius:999px;background:#164231;color:#fff2c8;font:800 .68rem/1.1 system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.build-level{margin:.8rem 0 .7rem;color:#173d2f;font:800 1rem/1.35 system-ui,sans-serif}
.build-level span{display:block;margin-top:.16rem;color:#594b31;font-size:.8rem;font-weight:650}
.build-columns{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:1rem}
.build-columns h3{margin:.1rem 0 .45rem;color:#76591f;font:800 .78rem/1.2 system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.build-columns ul{margin:0;padding-left:1.1rem;font-size:.88rem;line-height:1.38}
.build-columns li+li{margin-top:.28rem}
.build-caveat{margin:.8rem 0 0;padding:.55rem .65rem;border-left:3px solid #9a7130;background:#8b6b2812;color:#5a4729;font-size:.79rem;line-height:1.4}
@media(max-width:1050px){.build-columns{grid-template-columns:1fr}.sheet-cover{min-height:0}}
@media(max-width:760px){.build-heading{display:block}.rules-tags{justify-content:flex-start;margin-top:.6rem}}