@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--navy:#081521;--navy2:#102435;--gold:#d8ac63;--red:#a51e25;--ink:#292016;--paper:#f3e3c5}*{box-sizing:border-box}body{margin:0;background:#07121d;color:#eadcc4;font:15px/1.7 Georgia,serif}a{color:inherit;text-decoration:none}a:hover{color:#b52b2b}.wrap{width:min(1240px,94%);margin:auto}h1,h2,h3,.brand,.btn{font-family:Cinzel,Georgia,serif}h1,h2,h3{line-height:1.25}.site-header{background:#07121bf5;border-bottom:1px solid #7b5936;position:relative;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:18px}.brand{display:flex;align-items:center;color:var(--gold);gap:12px;line-height:1}.brand-mark{font-size:47px;color:#bd3430}.brand small,.brand em{display:block;letter-spacing:2px;font:10px Georgia}.brand strong{display:block;font-size:35px;letter-spacing:2px}.brand em{font-style:normal;font-size:9px;margin-top:5px}nav{display:flex;align-items:center;gap:23px}nav>a,.dropdown>a{font-size:13px;color:#eee1d1}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:#0b1a29;border:1px solid #6a4b2c;min-width:185px;padding:8px}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:grid}.dropdown-menu a{padding:8px;color:#f3e2c7}.btn{display:inline-block;padding:12px 25px;border:1px solid var(--gold);font-size:13px;font-weight:bold;text-align:center}.btn.primary{background:linear-gradient(130deg,#6f0b12,#bd2528,#640a10);color:#fff2d8;border-color:#e26350;box-shadow:inset 0 0 0 3px #60121a}.btn.dark{background:#142335;color:#f7e5c5}.menu-toggle{display:none;background:transparent;color:var(--gold);border:1px solid #7b5936;padding:8px}.hero{min-height:440px;background:linear-gradient(90deg,#08131ff2 0%,#08131fba 42%,#08131f26 100%),radial-gradient(ellipse at 79% 46%,#b95e3b 0%,#4b3654 25%,#12243a 57%,#091622 80%);position:relative;overflow:hidden}.hero:after{content:'♜';position:absolute;right:10%;bottom:-115px;font-size:460px;color:#050b14;opacity:.6;pointer-events:none}.hero-inner{position:relative;z-index:1;padding:70px 0 80px}.eyebrow{color:#efc17b;letter-spacing:4px;font-size:12px}.hero h1{font-size:clamp(38px,5.5vw,70px);margin:8px 0;color:#f6d392;text-shadow:0 3px 10px #000}.hero h1 em{font-style:normal;color:#fff0d3}.lead{font-size:18px;max-width:550px}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:25px}.server{font:10px Arial;color:#ccbda6;border:1px solid #9d7950;padding:6px 14px;background:#0815219c}.server button{display:block;border:0;background:transparent;color:#fff;font:15px Georgia;cursor:pointer;padding:4px 0}.feature-strip{border-top:1px solid #715030;border-bottom:1px solid #715030;background:#0c1b2b}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px 0}.features>div{color:var(--gold);font-size:22px;display:flex;align-items:center;gap:12px}.features b,.features small{display:block;font-size:14px;color:#f6e4c6}.features small{font-size:11px;color:#b7b8b9}.home-grid{display:grid;grid-template-columns:3fr 1.1fr;gap:18px;padding-top:25px}.paper{background:linear-gradient(130deg,#f9edda,#e9d1a9);color:var(--ink);border:1px solid #b89463;box-shadow:0 5px 25px #0005;padding:26px}.paper h1,.paper h2{color:#3b2718}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h2,.journey h2,.explore h2{font-size:24px;margin:0 0 20px}.section-heading a,.readmore{color:#912c25;font-size:13px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.news-card{border:1px solid #c9ad84;background:#f8ecd9}.news-art{height:125px;background:linear-gradient(135deg,#1c3040,#ba7950 52%,#30243b);display:grid;place-items:center;color:#f4c881;font-size:65px}.news-card:nth-child(2) .news-art{background:linear-gradient(130deg,#150c15,#a13020,#ec893d)}.news-card:nth-child(3) .news-art{background:linear-gradient(130deg,#152c47,#7d7894,#d9ac78)}.news-card-body{padding:14px}.news-card small,.meta,.archive time{color:#856746;font:11px Arial;letter-spacing:1px}.news-card h3{font-size:16px;margin:8px 0}.news-card p{font-size:13px;line-height:1.5}.journey{padding:24px}.journey h2{font-size:18px}.journey>a{display:flex;gap:12px;align-items:center;border-bottom:1px solid #c8a87c;padding:10px 0}.journey>a>span:first-child{font-size:25px;color:#715035}.journey>a>span:last-child{margin-left:auto}.journey b,.journey small{display:block;font-size:13px}.journey small{font-size:11px;color:#735d47}.explore{padding:48px 0 65px}.explore h2{color:var(--gold)}.explore-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:22px}.explore-grid a{min-height:155px;padding:100px 16px 14px;background:linear-gradient(0deg,#07121c,#273f51 70%,#926b5e);border:1px solid #856542;font-family:Cinzel;color:#f3d18e}.explore-grid a:nth-child(2){background:linear-gradient(0deg,#07121c,#234b41 70%,#85a383)}.explore-grid a:nth-child(3){background:linear-gradient(0deg,#07121c,#414657 70%,#c2a48b)}.explore-grid a:nth-child(4){background:linear-gradient(0deg,#07121c,#60282e 70%,#ac443b)}.explore-grid small{display:block;color:#f2e6d6;font:12px Georgia}.interior{padding:35px 0 65px}.interior>.paper{min-height:560px;padding:35px}.interior h1{font-size:36px}.crumb{font-size:12px;color:#7d5b3d}.crumb a{color:#9a3026}.article-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(190px,1fr);gap:38px}.article-layout article{min-width:0}.intro{font-size:18px}.side{border-left:1px solid #d0b68f;padding-left:25px}.side a{display:block;padding:10px 0;border-bottom:1px solid #d8c09d;font-size:13px}.archive{display:grid;gap:18px}.archive article{border-bottom:1px solid #c6a87d;padding:0 0 18px}.archive h2{margin:5px 0;font-size:21px}.archive a,.markdown a{color:#992e28}.markdown{font-size:16px;line-height:1.8}.markdown h2,.markdown h3{margin-top:28px}.markdown code{background:#e0caa9;padding:2px 5px}footer{background:#040b12;border-top:1px solid #795535;color:#cabfae;padding:30px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner b{font-family:Cinzel;color:var(--gold)}.footer-inner a{margin-left:18px}.legal{font-size:11px;color:#999;margin-top:25px}@media(max-width:1000px){nav{gap:12px}.brand strong{font-size:27px}.home-grid{grid-template-columns:1fr}.journey{display:block}}@media(max-width:760px){.header-inner{min-height:70px}.menu-toggle{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#081521;padding:20px;flex-direction:column;align-items:stretch}nav.open{display:flex}.dropdown-menu{position:static;display:grid;background:transparent;border:0;padding-left:15px}.hero-inner{padding:50px 0}.features{grid-template-columns:repeat(2,1fr)}.news-grid{grid-template-columns:1fr}.news-art{height:160px}.explore-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.side{border-left:0;border-top:1px solid #d0b68f;padding:15px 0}.hero-actions{flex-wrap:wrap}.interior>.paper{padding:20px}.footer-inner{display:block}.footer-inner a{margin:0 14px 0 0}}@media(max-width:440px){.features{grid-template-columns:1fr}.explore-grid{grid-template-columns:1fr}.brand strong{font-size:24px}.hero h1{font-size:36px}}

/* Krynn Reborn visual overhaul */
:root{--gold:#d7b174;--paper:#efe0bf;--red:#9b2628}
body{background:radial-gradient(ellipse at 50% 5%,#203448,#08131e 65%);font-size:16px}
.wrap{width:min(1320px,92%)}
.site-header{background:#07111cf7;box-shadow:0 10px 30px #0006;position:sticky;top:0}
.header-inner{min-height:96px}.brand-mark{font-size:52px;text-shadow:0 0 20px #b53d31}.brand strong{font-size:34px}
nav>a,.dropdown>a{letter-spacing:.06em}nav>a:hover,.dropdown>a:hover{color:var(--gold)}
.hero{min-height:620px;background:linear-gradient(90deg,#07121ff5 0%,#07121fdd 30%,#07121f44 68%,#07121f1a 100%),url('/assets/images/hero-ansalon.svg') center center/cover no-repeat;border-bottom:3px solid #a87a45}
.hero:after{content:'';background:linear-gradient(0deg,#07121e,transparent 42%);inset:0;right:0;bottom:0;opacity:1;pointer-events:none}
.hero-inner{padding:115px 0 125px}.hero h1{font-size:clamp(46px,6vw,88px);max-width:770px;letter-spacing:-.03em;line-height:1.13}.hero h1 em{color:#e4c995}.hero .lead{font-size:20px;line-height:1.8;color:#eee2cf}.eyebrow{font-weight:bold;letter-spacing:.32em}
.btn{transition:transform .2s,filter .2s;letter-spacing:.09em}.btn:hover{transform:translateY(-2px);filter:brightness(1.18);color:white}
.feature-strip{background:#101f2e}.features{padding:25px 0}.features>div{font-size:30px}.features b{font-family:Cinzel,serif;font-size:13px;letter-spacing:.03em}
.home-grid{padding-top:42px;grid-template-columns:minmax(0,3fr) minmax(280px,1.1fr);gap:25px}
.paper{background-color:#f0e0bd;background-image:radial-gradient(#9c76421c .8px,transparent .8px),linear-gradient(135deg,#f9edda,#e9d3ae);background-size:8px 8px,auto;border:1px solid #c9a574;box-shadow:0 10px 35px #0008, inset 0 0 0 5px #fff3df55;padding:32px}
.paper h1,.paper h2,.paper h3{color:#49301f}.section-heading{border-bottom:1px solid #c6a77b;margin-bottom:22px}.section-heading h2{font-size:29px}
.news-card{box-shadow:0 3px 12px #6d4a3026;transition:transform .2s}.news-card:hover{transform:translateY(-4px)}.news-art{background:url('/assets/images/solamnia.svg') center/cover;font-size:0}.news-card:nth-child(2) .news-art{background:url('/assets/images/abyss.svg') center/cover}.news-card:nth-child(3) .news-art{background:url('/assets/images/qualinost.svg') center/cover}.news-art{height:175px}
.news-card-body{padding:20px}.news-card h3{font-size:17px}.news-card p{color:#5c4936}.journey>a:hover{background:#ffffff66}.journey>a>span:first-child{color:#a12b2b}
.explore{padding-top:65px}.explore h2{font-size:33px}.explore>p{color:#d7c7b2}.explore-grid a{min-height:230px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;background:url('/assets/images/solamnia.svg') center/cover;position:relative;font-size:18px;text-shadow:0 2px 6px #000}.explore-grid a:nth-child(2){background:url('/assets/images/qualinost.svg') center/cover}.explore-grid a:nth-child(3){background:url('/assets/images/thorbardin.svg') center/cover}.explore-grid a:nth-child(4){background:url('/assets/images/abyss.svg') center/cover}.explore-grid a:hover{outline:2px solid var(--gold)}
.interior{padding-top:55px}.interior>.paper{padding:55px;min-height:650px}.interior h1{font-size:clamp(32px,4vw,48px);padding-bottom:18px;border-bottom:1px solid #c7a77b}.intro{color:#76583d}.article-layout{gap:55px}.side{background:#ead6b54d;padding:20px;border-left:2px solid #bb9464}.side h3{margin-top:0}.markdown{max-width:75ch}.markdown p{margin-bottom:1.3em}
@media(max-width:1000px){.home-grid{grid-template-columns:1fr}.hero{min-height:520px}}
@media(max-width:760px){.site-header{position:relative}.hero{min-height:470px;background-position:58% center}.hero-inner{padding:70px 0 85px}.hero .lead{font-size:17px}.interior>.paper{padding:25px}.explore-grid a{min-height:170px}.home-grid{padding-top:20px}}

/* Phase two: cohesive parchment interior system */
.interior-banner{background:linear-gradient(90deg,#081521ee,#08152185),url('/assets/images/hero-ansalon.svg') center 48%/cover;min-height:210px;display:flex;align-items:center;border-bottom:3px solid #b88b4e}.interior-banner>.wrap{padding:35px 0}.interior-banner h1{font-size:clamp(32px,4.5vw,54px);color:#edc783;margin:8px 0}.interior-banner p{margin:0;color:#f0e2cf}.interior{padding-top:24px}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:30px}.character-card{border:1px solid #c6a77c;background:#f9edd8;box-shadow:0 3px 12px #76522b24;overflow:hidden}.character-illustration{height:185px;background:linear-gradient(150deg,#172f3d,#64735c,#c9a070);display:grid;place-items:center;position:relative}.character-illustration:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 120%,#0c1d2b 5%,transparent 65%)}.character-illustration span{font-family:Cinzel,serif;font-size:90px;color:#f2d49c77;text-shadow:0 8px 20px #06131a}.character-illustration-1{background:linear-gradient(150deg,#122c2e,#527c66,#c5b77e)}.character-illustration-2{background:linear-gradient(150deg,#30252a,#8e684a,#d8b57c)}.character-illustration-3{background:linear-gradient(150deg,#1c283e,#687a9d,#c7c6ba)}.character-card h2{font-size:17px;margin:15px 15px 4px}.character-card p{font-size:13px;margin:0 15px 20px;color:#66513c}.migration-note{font-size:12px;color:#735b41;margin-top:24px}.connection-box{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:8px 18px;padding:20px;border:1px solid #bda079;background:#ead8b8;margin:25px 0}.connection-box span{font:11px Arial,sans-serif;letter-spacing:1px;color:#7d5b3c}.connection-box strong{font-size:18px}.connection-box button{grid-column:3;grid-row:1 / span 2;background:#872322;color:white;border:0;padding:12px;cursor:pointer}.link-tiles{display:grid;gap:10px}.link-tiles a{padding:14px;border:1px solid #c4a477;background:#f8e9ce;color:#812522;font-weight:bold}.link-tiles small{display:block;color:#65503d;font-weight:normal}@media(max-width:850px){.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.character-grid{grid-template-columns:1fr}.connection-box{grid-template-columns:1fr}.connection-box button{grid-column:1;grid-row:auto}.interior-banner{min-height:165px}}

/* Phase 3: approved concept artwork and branded detailing */
.hero{background-image:linear-gradient(90deg,#06111df5 0%,#06111de8 32%,#06111d68 68%,#06111d2a 100%),url('/assets/images/hero-painted.webp');background-position:center,center 45%;}
.interior-banner{background-image:linear-gradient(90deg,#07131eea,#07131e66),url('/assets/images/hero-painted.webp');}
.news-card:nth-child(1) .news-art{background-image:url('/assets/images/solamnia-painted.webp')}
.news-card:nth-child(2) .news-art{background-image:url('/assets/images/abyss-painted.webp')}
.news-card:nth-child(3) .news-art{background-image:url('/assets/images/qualinost-painted.webp')}
.explore-grid a:nth-child(1){background-image:linear-gradient(0deg,#06121fdd,transparent 70%),url('/assets/images/solamnia-painted.webp')}
.explore-grid a:nth-child(2){background-image:linear-gradient(0deg,#06121fdd,transparent 70%),url('/assets/images/qualinost-painted.webp')}
.explore-grid a:nth-child(3){background-image:linear-gradient(0deg,#06121fdd,transparent 70%),url('/assets/images/castle-painted.webp')}
.explore-grid a:nth-child(4){background-image:linear-gradient(0deg,#06121fdd,transparent 70%),url('/assets/images/abyss-painted.webp')}
.character-illustration{background-size:cover!important;background-position:center 30%!important}
.character-card:nth-child(8n+1) .character-illustration{background-image:url('/assets/images/warrior-painted.webp')}
.character-card:nth-child(8n+2) .character-illustration{background-image:url('/assets/images/ranger-painted.webp')}
.character-card:nth-child(8n+3) .character-illustration{background-image:url('/assets/images/paladin-painted.webp')}
.character-card:nth-child(8n+4) .character-illustration{background-image:url('/assets/images/cleric-painted.webp')}
.character-card:nth-child(8n+5) .character-illustration{background-image:url('/assets/images/mage-painted.webp')}
.character-card:nth-child(8n+6) .character-illustration{background-image:url('/assets/images/thief-painted.webp')}
.character-card:nth-child(8n+7) .character-illustration{background-image:url('/assets/images/bard-painted.webp')}
.character-card:nth-child(8n+8) .character-illustration{background-image:url('/assets/images/druid-painted.webp')}
.character-illustration span{display:none}.character-illustration:before{background:linear-gradient(0deg,#06111d7a,transparent 45%)}
.brand-mark{display:inline-grid;place-items:center;width:57px;height:57px;border:1px solid #a47438;border-radius:50%;font-size:36px;color:#d0432e;background:radial-gradient(circle,#401d19,#0c1620 68%);text-shadow:0 2px 9px #f64d2b66}
.hero .lead{max-width:570px}.paper{border-radius:4px}.news-art{background-position:center;background-size:cover}.news-card{overflow:hidden}
.character-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #76522b40}.character-card{transition:transform .2s,box-shadow .2s}
@media(max-width:760px){.hero{background-position:center,62% center}.hero-inner{background:linear-gradient(90deg,#06111db5,transparent)}}

/* Phase 4: three-location Explore Ansalon layout. Image files can be swapped without HTML edits. */
.explore-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.explore-grid a{min-height:285px;background-size:cover;background-position:center;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease}
.explore-grid a:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0008}
.explore-grid .explore-palanthas{background-image:linear-gradient(0deg,#06121ff0,transparent 70%),url('/assets/images/palanthas.webp')}
.explore-grid .explore-sanction{background-image:linear-gradient(0deg,#06121ff0,transparent 70%),url('/assets/images/sanction.webp')}
.explore-grid .explore-solace{background-image:linear-gradient(0deg,#06121ff0,transparent 70%),url('/assets/images/solace.webp')}
@media(max-width:760px){.explore-grid{grid-template-columns:1fr}.explore-grid a{min-height:240px}}