:root{--magic-sky: #4aaeff;--magic-earth: #7dc44b;--magic-water: #2bb5d8;--magic-fire: #ff6e2d;--magic-shadow: #9450d0;--magic-light: #f5c842}.bestiary-hero{min-height:360px;background-color:var(--color-forest);background-image:url(/creature_art/GreenMagicBackground.webp);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.bestiary-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00140ab3}.bestiary-hero-inner{position:relative;z-index:1;padding:100px 24px 60px}.bestiary-hero-title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.8rem);font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--color-gold);margin-bottom:14px;text-shadow:0 2px 24px rgba(0,0,0,.7)}.bestiary-hero-sub{font-family:var(--font-body);font-size:1.05rem;color:var(--color-parchment-lt);opacity:.75;max-width:560px;margin:0 auto 28px;line-height:1.65}.bestiary-hero-stats{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.bestiary-hero-stat{font-family:var(--font-heading);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold);opacity:.75;border:1px solid rgba(230,199,149,.3);padding:5px 16px;border-radius:3px}.bestiary-filters{background:#0e1f0ef2;border-bottom:1px solid rgba(230,199,149,.12);position:sticky;top:0;z-index:20;padding:10px 24px;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-label{font-family:var(--font-heading);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-parchment-lt);opacity:.4;margin-right:4px}.filter-btn{font-family:var(--font-heading);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 13px;border-radius:3px;border:1px solid rgba(230,199,149,.2);background:transparent;color:var(--color-parchment-lt);cursor:pointer;opacity:.6;transition:background .2s,border-color .2s,color .2s,opacity .2s}.filter-btn:hover{opacity:1;border-color:#e6c79573}.filter-btn.active{opacity:1;background:#e6c7951f;border-color:#e6c79580;color:var(--color-gold)}.filter-btn.f-sky{border-color:var(--magic-sky);color:var(--magic-sky);opacity:.75}.filter-btn.f-earth{border-color:var(--magic-earth);color:var(--magic-earth);opacity:.75}.filter-btn.f-water{border-color:var(--magic-water);color:var(--magic-water);opacity:.75}.filter-btn.f-fire{border-color:var(--magic-fire);color:var(--magic-fire);opacity:.75}.filter-btn.f-shadow{border-color:var(--magic-shadow);color:var(--magic-shadow);opacity:.75}.filter-btn.f-light{border-color:var(--magic-light);color:var(--magic-light);opacity:.75}.filter-btn.f-sky.active,.filter-btn.f-earth.active,.filter-btn.f-water.active,.filter-btn.f-fire.active,.filter-btn.f-shadow.active,.filter-btn.f-light.active{opacity:1}.bestiary-body{background-color:var(--color-forest);background-image:url(/creature_art/GreenMagicBackground.webp);background-attachment:fixed;background-size:cover;background-position:center;padding:16px 16px 48px}.bcat{position:relative;z-index:1;background:#08160cf0;border:1px solid rgba(230,199,149,.18);border-radius:6px;padding:28px 24px;max-width:1200px;margin:10px auto;transition:opacity .3s}.bcat.filtered-out{opacity:.15;pointer-events:none}.bcat-header{display:flex;align-items:baseline;gap:14px;margin-bottom:18px;flex-wrap:wrap}.bcat-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold)}.bcat-desc{font-family:var(--font-body);font-size:.92rem;color:var(--color-parchment-lt);opacity:.7;font-style:italic}.bcat-count{margin-left:auto;font-family:var(--font-heading);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold);opacity:.5;border:1px solid rgba(230,199,149,.2);padding:2px 10px;border-radius:2px}.bcat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.bc{border-radius:4px;overflow:hidden;border:1px solid rgba(230,199,149,.22);background:#000a05bf;text-decoration:none;display:block;transition:transform .25s,border-color .25s,box-shadow .25s}a.bc.bc--known:hover{transform:translateY(-5px);border-color:#e6c79573;box-shadow:0 10px 28px #00000080}.bc-img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:center top;background-size:cover;background-position:center top}.bc-foot{padding:8px 10px;background:#000000bf;display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:46px}.bc-name{font-family:var(--font-heading);font-size:.62rem;letter-spacing:.07em;text-transform:uppercase;color:var(--color-gold);line-height:1.35}.bc-magic{font-family:var(--font-heading);font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;padding:2px 6px;border-radius:2px;border:1px solid;flex-shrink:0;white-space:nowrap}.bc-magic.sky{color:var(--magic-sky);border-color:var(--magic-sky);background:#4aaeff1f}.bc-magic.earth{color:var(--magic-earth);border-color:var(--magic-earth);background:#7dc44b1f}.bc-magic.water{color:var(--magic-water);border-color:var(--magic-water);background:#2bb5d81f}.bc-magic.fire{color:var(--magic-fire);border-color:var(--magic-fire);background:#ff6e2d1f}.bc-magic.shadow{color:var(--magic-shadow);border-color:var(--magic-shadow);background:#9450d01f}.bc-magic.light{color:var(--magic-light);border-color:var(--magic-light);background:#f5c8421f}.bc--locked{cursor:default;opacity:.55}.bc--locked .bc-img{background:repeating-linear-gradient(-45deg,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 4px,transparent 4px,transparent 14px);display:flex;align-items:center;justify-content:center}.bc--locked .bc-img:after{content:"?";font-family:var(--font-heading);font-size:2.2rem;color:#e6c7951f}.bc--locked .bc-name{color:#e6c7954d}.creature-hero{min-height:500px;background-color:var(--color-forest);position:relative;display:grid;grid-template-columns:1fr 400px;align-items:center;overflow:hidden;z-index:1}.creature-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.28;z-index:0}.creature-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#000000e0 48%,#0003);z-index:1}.creature-hero-inner{position:relative;z-index:2;padding:110px 40px 80px 24px}.creature-breadcrumb{font-family:var(--font-heading);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-parchment-lt);opacity:.5;margin-bottom:20px}.creature-breadcrumb a{color:var(--color-gold);opacity:.7;transition:opacity .2s}.creature-breadcrumb a:hover{opacity:1}.creature-breadcrumb .sep{margin:0 8px;opacity:.4}.creature-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tag{font-family:var(--font-heading);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:3px;border:1px solid}.tag-category{color:var(--color-parchment-lt);border-color:#e6c79559;background:#e6c79514}.tag-magic.sky{color:var(--magic-sky);border-color:var(--magic-sky);background:#4aaeff1f}.tag-magic.earth{color:var(--magic-earth);border-color:var(--magic-earth);background:#7dc44b1f}.tag-magic.water{color:var(--magic-water);border-color:var(--magic-water);background:#2bb5d81f}.tag-magic.fire{color:var(--magic-fire);border-color:var(--magic-fire);background:#ff6e2d1f}.tag-magic.shadow{color:var(--magic-shadow);border-color:var(--magic-shadow);background:#9450d01f}.tag-magic.light{color:var(--magic-light);border-color:var(--magic-light);background:#f5c8421f}.creature-name{font-family:var(--font-heading);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold);line-height:1.05;margin-bottom:14px;text-shadow:0 2px 28px rgba(0,0,0,.8)}.creature-tagline{font-family:var(--font-body);font-size:1.15rem;font-style:italic;color:var(--color-parchment-lt);opacity:.7;line-height:1.55;max-width:520px}.creature-hero-art{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;height:500px;padding-bottom:0}.creature-hero-art img{max-height:460px;width:auto;object-fit:contain;filter:drop-shadow(0 8px 32px rgba(0,0,0,.75));display:block}.creature-hero-art--framed{padding:40px 32px}.creature-hero-art--framed img{max-height:420px;max-width:100%;border-radius:12px;border:2px solid rgba(230,199,149,.55);box-shadow:0 12px 40px #0009;filter:none}.creature-stats-bar{background-color:#f5edd6;position:relative;z-index:2;overflow:visible}.creature-stats-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/magic_art/PaperColor.webp);background-size:cover;opacity:.4;pointer-events:none;z-index:0}.creature-stats-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/magic_art/PaperTexture.webp);background-size:cover;background-repeat:no-repeat;background-position:center;opacity:.25;pointer-events:none;z-index:0}.creature-stats-inner{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:56px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-block{text-align:center;border-right:1px solid rgba(42,26,8,.15);padding:0 20px}.stat-block:last-child{border-right:none}.stat-label{font-family:var(--font-heading);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-dark);opacity:.5;margin-bottom:8px}.stat-value{font-family:var(--font-heading);font-size:.95rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-dark)}.stat-value.sky{color:#1a6ab8}.stat-value.earth{color:#2a6a10}.stat-value.water{color:#0a6a8a}.stat-value.fire{color:#b03008}.stat-value.shadow{color:#501878}.stat-value.light{color:#806008}.creature-lore-section{background-color:var(--color-forest);background-image:url(/creature_art/GreenMagicBackground.webp);background-size:cover;background-attachment:fixed;position:relative;z-index:1}.creature-lore-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000e06cc;pointer-events:none}.creature-lore-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:80px 24px}.creature-lore-inner h2{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold);margin-bottom:28px;text-align:center}.creature-lore-inner p{font-family:var(--font-body);font-size:1.08rem;line-height:1.9;color:var(--color-parchment-lt);opacity:.88;margin-bottom:20px}.creature-lore-inner p:last-child{margin-bottom:0}.creature-abilities-section{background-color:#f5edd6;position:relative;z-index:2;overflow:visible}.creature-abilities-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/magic_art/PaperColor.webp);background-size:cover;opacity:.4;pointer-events:none;z-index:0}.creature-abilities-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/magic_art/PaperTexture.webp);background-size:cover;background-repeat:no-repeat;background-position:center;opacity:.25;pointer-events:none;z-index:0}.creature-abilities-inner{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:80px 24px}.creature-abilities-inner h2{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-dark);margin-bottom:32px;text-align:center}.ability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ability-card{background:#2a1a080f;border:1px solid rgba(42,26,8,.16);border-radius:6px;padding:24px 20px;text-align:center}.ability-name{font-family:var(--font-heading);font-size:.88rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-dark);margin-bottom:10px}.ability-desc{font-family:var(--font-body);font-size:.95rem;line-height:1.6;color:var(--color-text-dark);opacity:.72}.creature-related-section{background-color:var(--color-forest);background-image:url(/creature_art/GreenMagicBackground.webp);background-size:cover;background-attachment:fixed;position:relative;z-index:1}.creature-related-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000e06b8;pointer-events:none}.creature-related-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:80px 24px}.creature-related-inner h2{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold);margin-bottom:28px;text-align:center}.related-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:40px}.creature-back-bar{text-align:center;padding:16px}@media(max-width:1024px){.bcat-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.creature-hero{grid-template-columns:1fr;min-height:auto}.creature-hero-art{display:none}.creature-hero-art--framed{display:flex;height:auto;padding:0 16px 48px}.creature-hero-art--framed img{max-height:380px}.creature-stats-inner{grid-template-columns:repeat(2,1fr)}.creature-hero-inner{padding:90px 16px 60px}.related-grid{grid-template-columns:repeat(3,1fr)}}.creature-gallery-section{background:var(--color-forest);padding:72px 0 24px}.creature-gallery-inner{max-width:1100px;margin:0 auto;padding:0 32px}.creature-gallery-inner h2{font-family:var(--font-heading);font-size:clamp(1.4rem,3vw,2rem);letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold);text-align:center;margin-bottom:32px}.creature-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.creature-gallery-item{display:block;aspect-ratio:1;overflow:hidden;border-radius:8px;border:1px solid rgba(230,199,149,.25);transition:border-color .2s,transform .2s}.creature-gallery-item:hover{border-color:#e6c79599;transform:translateY(-3px)}.creature-gallery-item img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.bcat-grid{grid-template-columns:repeat(3,1fr)}.ability-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.bcat-grid{grid-template-columns:repeat(2,1fr)}.creature-stats-inner{grid-template-columns:1fr 1fr}.ability-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(2,1fr)}}.page-hero{min-height:360px;background-color:var(--color-forest);background-image:url(/creature_art/GreenMagicBackground.webp);background-size:cover;background-position:center;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00140ab8}.page-hero-inner{position:relative;z-index:1;padding:110px 24px 70px}.page-hero-title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3.8rem);font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--color-gold);margin-bottom:14px;text-shadow:0 2px 24px rgba(0,0,0,.7)}.page-hero-sub{font-family:var(--font-body);font-size:1.05rem;color:var(--color-parchment-lt);opacity:.75;max-width:560px;margin:0 auto;line-height:1.65}.magic-orb-nav{background-color:#f5edd6;position:relative;z-index:2;overflow:visible}.magic-orb-nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/magic_art/PaperColor.webp);background-size:cover;opacity:.4;pointer-events:none;z-index:0}.magic-orb-nav:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/magic_art/PaperTexture.webp);background-size:cover;background-repeat:no-repeat;background-position:center;opacity:.2;pointer-events:none;z-index:0}.magic-orb-nav-inner{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:60px 24px 56px;text-align:center}.magic-orb-nav-inner h2{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-dark);margin-bottom:8px}.magic-orb-nav-inner p{font-family:var(--font-body);font-size:.95rem;color:var(--color-text-dark);opacity:.6;margin-bottom:36px}.magic-orb-nav .orb-grid{margin-bottom:0}.magic-orb-nav .orb-card{cursor:pointer;text-decoration:none;transition:transform .2s}.magic-orb-nav .orb-card:hover{transform:translateY(-6px)}.magic-type-section{position:relative;overflow:visible}.magic-type-section.dark{background-color:var(--color-forest);background-image:url(/creature_art/GreenMagicBackground.webp);background-size:cover;background-attachment:fixed}.magic-type-section.dark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000e06d1;pointer-events:none}.magic-type-section.parchment{background-color:#f5edd6}.magic-type-section.parchment:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/magic_art/PaperColor.webp);background-size:cover;opacity:.4;pointer-events:none;z-index:0}.magic-type-section.parchment:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/magic_art/PaperTexture.webp);background-size:cover;background-repeat:no-repeat;background-position:center;opacity:.2;pointer-events:none;z-index:0}.magic-type-inner{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:80px 24px}.magic-type-name{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,3rem);font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.magic-type-people{font-family:var(--font-heading);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.55;margin-bottom:28px}.magic-type-lore{font-family:var(--font-body);font-size:1.08rem;line-height:1.9;margin-bottom:28px}.magic-type-traits{display:flex;gap:10px;flex-wrap:wrap}.magic-trait-tag{font-family:var(--font-heading);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 14px;border-radius:3px;border:1px solid}.magic-type-section.dark .magic-type-name{color:var(--color-gold)}.magic-type-section.dark .magic-type-people{color:var(--color-parchment-lt)}.magic-type-section.dark .magic-type-lore{color:var(--color-parchment-lt);opacity:.85}.magic-type-section.dark .magic-trait-tag{color:var(--color-parchment-lt);border-color:#e6c79559;background:#e6c79514}.magic-type-section.parchment .magic-type-name,.magic-type-section.parchment .magic-type-people{color:var(--color-text-dark)}.magic-type-section.parchment .magic-type-lore{color:var(--color-text-dark);opacity:.8}.magic-type-section.parchment .magic-trait-tag{color:var(--color-text-dark);border-color:#2a1a084d;background:#2a1a0812}.accent-sky{color:var(--magic-sky)!important;border-color:var(--magic-sky)!important}.accent-earth{color:var(--magic-earth)!important;border-color:var(--magic-earth)!important}.accent-water{color:var(--magic-water)!important;border-color:var(--magic-water)!important}.accent-fire{color:var(--magic-fire)!important;border-color:var(--magic-fire)!important}.accent-shadow{color:var(--magic-shadow)!important;border-color:var(--magic-shadow)!important}.accent-light{color:var(--magic-light)!important;border-color:var(--magic-light)!important}.timeline-era-section{position:relative;overflow:visible}.timeline-era-section.dark{background-color:var(--color-forest);background-image:url(/creature_art/GreenMagicBackground.webp);background-size:cover;background-attachment:fixed}.timeline-era-section.dark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000e06d1;pointer-events:none}.timeline-era-section.parchment{background-color:#f5edd6}.timeline-era-section.parchment:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/magic_art/PaperColor.webp);background-size:cover;opacity:.4;pointer-events:none;z-index:0}.timeline-era-section.parchment:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/magic_art/PaperTexture.webp);background-size:cover;background-repeat:no-repeat;background-position:center;opacity:.2;pointer-events:none;z-index:0}.timeline-era-inner{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:80px 24px}.timeline-era-name{font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,3rem);font-weight:900;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.timeline-era-dates{font-family:var(--font-heading);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;opacity:.55;margin-bottom:28px}.timeline-era-desc{font-family:var(--font-body);font-size:1.08rem;line-height:1.9}.timeline-era-section.dark .timeline-era-name{color:var(--color-gold)}.timeline-era-section.dark .timeline-era-dates{color:var(--color-parchment-lt)}.timeline-era-section.dark .timeline-era-desc{color:var(--color-parchment-lt);opacity:.85}.timeline-era-section.parchment .timeline-era-name,.timeline-era-section.parchment .timeline-era-dates{color:var(--color-text-dark)}.timeline-era-section.parchment .timeline-era-desc{color:var(--color-text-dark);opacity:.8}.library-section{background-color:var(--color-forest);background-image:url(/creature_art/GreenMagicBackground.webp);background-size:cover;background-attachment:fixed;position:relative;z-index:1;padding:48px 24px 80px}.library-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000e06d1;pointer-events:none}.library-section-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-top:16px}.library-card{background:#08160ceb;border:1px solid rgba(230,199,149,.2);border-radius:6px;padding:24px 20px;display:flex;flex-direction:column;gap:10px;transition:transform .25s,border-color .25s,box-shadow .25s}.library-card:hover{transform:translateY(-4px);border-color:#e6c79566;box-shadow:0 10px 28px #00000073}.library-card.locked{opacity:.5;cursor:default;pointer-events:none}.library-card-tag{font-family:var(--font-heading);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:2px;border:1px solid;display:inline-block;width:fit-content}.library-card-tag.lore{color:var(--magic-light);border-color:var(--magic-light);background:#f5c8421a}.library-card-tag.history{color:var(--magic-earth);border-color:var(--magic-earth);background:#7dc44b1a}.library-card-tag.tales{color:var(--magic-sky);border-color:var(--magic-sky);background:#4aaeff1a}.library-card-tag.myths{color:var(--magic-shadow);border-color:var(--magic-shadow);background:#9450d01a}.library-card-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold);line-height:1.3}.library-card-teaser{font-family:var(--font-body);font-size:.92rem;color:var(--color-parchment-lt);opacity:.7;line-height:1.6;flex:1}.library-card-coming{font-family:var(--font-heading);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:#e6c79559;border-top:1px solid rgba(230,199,149,.12);padding-top:10px;margin-top:auto}.library-card.filtered-out{display:none}@media(max-width:768px){.library-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:480px){.library-grid{grid-template-columns:1fr}.magic-type-inner,.timeline-era-inner{padding:60px 16px}}.race-other-section{background-color:var(--color-forest);background-image:url(/creature_art/GreenMagicBackground.webp);background-size:cover;background-attachment:fixed;position:relative;z-index:1}.race-other-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000e06b8;pointer-events:none}.race-other-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:80px 24px}.race-other-inner h2{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold);margin-bottom:32px;text-align:center}.race-other-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:40px}.race-other-grid--six{grid-template-columns:repeat(6,1fr)}.race-compact-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;transition:transform .22s}.race-compact-card:hover{transform:translateY(-6px)}.race-compact-img-wrap{width:100%;aspect-ratio:2/3;position:relative;overflow:hidden;background:linear-gradient(180deg,#1a4a2e,#0b2618);border-radius:6px;border:1px solid rgba(230,199,149,.2);transition:border-color .22s,box-shadow .22s}.race-compact-card:hover .race-compact-img-wrap{border-color:#e6c79573;box-shadow:0 8px 24px #00000080}.race-compact-img-wrap img{position:absolute;top:8%;right:6%;bottom:3%;left:6%;width:88%;height:89%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 4px 14px rgba(0,0,0,.55))}.race-compact-name{font-family:var(--font-heading);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-gold);text-align:center;opacity:.85}.subrace-stat-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.subrace-stat-tag{font-family:var(--font-heading);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:3px;border:1px solid}.magic-type-section.dark .subrace-stat-tag{color:var(--color-parchment-lt);border-color:#e6c7954d;background:#e6c79512}.magic-type-section.parchment .subrace-stat-tag{color:var(--color-text-dark);border-color:#2a1a0847;background:#2a1a080f}.subrace-how{font-family:var(--font-body);font-size:.95rem;font-style:italic;line-height:1.7;margin-top:20px;padding-top:18px;border-top:1px solid}.magic-type-section.dark .subrace-how{color:var(--color-parchment-lt);opacity:.6;border-color:#e6c7951f}.magic-type-section.parchment .subrace-how{color:var(--color-text-dark);opacity:.6;border-color:#2a1a0826}@media(max-width:900px){.race-other-grid,.race-other-grid--six{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.race-other-grid,.race-other-grid--six{grid-template-columns:repeat(2,1fr)}}.vaeloria-map-section{background:var(--color-forest);padding:80px 0}.vaeloria-map-inner{max-width:1100px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.vaeloria-map-frame{border-radius:12px;overflow:hidden;box-shadow:0 8px 40px #00000080;border:2px solid rgba(197,160,90,.3)}.vaeloria-map-frame img{display:block;width:100%;height:auto}.vaeloria-map-text h2{font-family:var(--font-heading);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gold);margin-bottom:20px}.vaeloria-map-text p{font-family:var(--font-body);font-size:1.05rem;line-height:1.8;color:var(--color-parchment-lt);opacity:.85;margin-bottom:16px}.regions-section{background-color:var(--color-parchment-lt);padding:80px 0}.regions-section.torn-edge{padding-block:calc(80px + var(--edge))}.regions-inner{max-width:1100px;margin:0 auto;padding:0 32px}.regions-inner h2{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-dark);text-align:center;margin-bottom:48px}.regions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.region-card{background:#fff;border-radius:10px;padding:28px 24px;box-shadow:0 2px 16px #2a1a0814;border:1px solid rgba(42,26,8,.08);transition:transform .2s ease,box-shadow .2s ease}.region-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #2a1a0821}.region-card-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-dark);margin-bottom:10px}.region-card-tag{display:inline-block;font-family:var(--font-heading);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:14px;border:1px solid}.region-card-desc{font-family:var(--font-body);font-size:.95rem;line-height:1.7;color:var(--color-text-dark);opacity:.75}.heroes-section{background:var(--color-forest);padding:80px 0}.heroes-inner{max-width:1200px;margin:0 auto;padding:0 32px}.heroes-inner>h2{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold);text-align:center;margin-bottom:48px}.heroes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}.hero-bio-card{background:#ffffff0a;border:1px solid rgba(197,160,90,.2);border-radius:12px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.hero-bio-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00000073}.hero-bio-img{height:240px;background-size:cover;background-position:center top;position:relative}.hero-bio-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,rgba(10,20,12,.85) 100%)}.hero-bio-body{padding:24px}.hero-bio-role{font-family:var(--font-heading);font-size:.68rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-gold);margin-bottom:8px;opacity:.8}.hero-bio-name{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;letter-spacing:.06em;color:var(--color-gold);margin-bottom:14px}.hero-bio-text{font-family:var(--font-body);font-size:.97rem;line-height:1.75;color:var(--color-parchment-lt);opacity:.82}@media(max-width:900px){.vaeloria-map-inner{grid-template-columns:1fr}.heroes-grid,.regions-grid{grid-template-columns:1fr 1fr}}@media(max-width:540px){.heroes-grid,.regions-grid{grid-template-columns:1fr}}.journal-section{background-color:#efe3c6;position:relative;z-index:2;padding-block:calc(64px + var(--edge)) calc(72px + var(--edge))}.journal-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/magic_art/PaperTexture.webp);background-size:cover;opacity:.35;pointer-events:none}.journal-page{--ink: #3a2717;--ink-soft: #6b4b2e;position:relative;max-width:820px;margin:0 auto;padding:0 24px 0 56px;color:var(--ink);font-family:"IM Fell English",var(--font-body)}.journal-page:before{content:"";position:absolute;top:0;bottom:0;left:28px;width:1px;background:#96281e59}.journal-kicker{font-family:var(--font-heading);font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}.journal-head h2{font-family:IM Fell English,serif;font-weight:400;font-size:clamp(2rem,4.5vw,2.8rem);line-height:1.1;margin-bottom:14px}.journal-meta{font-size:1.05rem;margin:2px 0}.journal-meta span{font-variant:small-caps;letter-spacing:.04em;color:var(--ink-soft)}.journal-head{padding-bottom:20px;margin-bottom:28px;border-bottom:1px solid rgba(58,39,23,.25)}.journal-body p,.journal-variants>p{font-size:1.14rem;line-height:1.75;margin-bottom:1.1em}.journal-page h3{font-family:IM Fell English,serif;font-style:italic;font-weight:400;font-size:1.5rem;margin:1.6em 0 .5em}.journal-page strong{font-weight:400;background:linear-gradient(transparent 62%,#c8963c59 62%)}.variant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.variant-card{background:#fffcf0a6;border:1px solid rgba(58,39,23,.2);border-radius:4px;padding:16px 16px 14px;box-shadow:0 2px 6px #3a27171f;font-size:.98rem;line-height:1.55}.variant-card:nth-child(odd){transform:rotate(-.6deg)}.variant-card:nth-child(2n){transform:rotate(.5deg)}.variant-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.variant-name{font-size:1.15rem;line-height:1.2}.variant-card .tag{flex-shrink:0;font-size:.55rem;padding:3px 8px;filter:brightness(.75) saturate(1.3)}.variant-look{font-style:italic;color:var(--ink-soft);margin-bottom:8px}.variant-card--unrecorded{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:120px;background:transparent;border:1.5px dashed rgba(58,39,23,.3);box-shadow:none;color:var(--ink-soft);text-align:center}.variant-card--unrecorded .variant-name{font-style:italic;opacity:.8}.variant-missing{font-family:Caveat,cursive;font-size:1.15rem}.journal-note{position:relative;margin:40px auto 0;max-width:640px;padding:26px 28px 22px;background:#fbf3dc;box-shadow:0 6px 18px #3a271733;transform:rotate(-1deg);font-family:Caveat,cursive;font-size:1.45rem;line-height:1.4}.journal-note:before{content:"";position:absolute;top:-12px;left:50%;width:110px;height:26px;transform:translate(-50%) rotate(2deg);background:#e6d2a0bf;box-shadow:0 1px 2px #0000001f}.journal-note strong{font-weight:600;background:none}.journal-sign{display:flex;flex-direction:column;align-items:flex-end;margin-top:32px;color:var(--ink-soft)}.journal-sign-name{font-family:Caveat,cursive;font-size:2.1rem;line-height:1;color:var(--ink);transform:rotate(-3deg);padding:0 10px 6px;border-bottom:1px solid rgba(58,39,23,.4)}.journal-sign-title{font-family:var(--font-heading);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;margin-top:6px}.journal-more-btn{display:block;margin:8px auto 0;font-family:var(--font-heading);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid rgba(58,39,23,.45);border-radius:3px;padding:12px 20px;cursor:pointer}.journal-more-btn[hidden]{display:none}@media(max-width:900px){.variant-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.journal-page{padding:0 8px 0 30px}.journal-page:before{left:14px}.journal-body p,.journal-variants>p{font-size:1.06rem}.variant-grid{grid-template-columns:repeat(3,1fr);gap:10px}.variant-card{grid-column:1 / -1}.variant-card--unrecorded{grid-column:auto;min-height:0;padding:10px 6px}.variant-card--unrecorded .variant-name{font-size:.95rem}.variant-missing{font-size:1rem;line-height:1.1}.journal-page.is-collapsed .journal-body{max-height:340px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}.journal-page.is-collapsed .journal-rest{display:none}}