body{--bg:#0b1a24;--text:#f7edda;--muted:#b9c7c7;--accent:#e7bd73;--rule:rgba(231,189,115,.35);--menu-bg:#0b1a24;--focus:#ffe6a6;background:var(--bg)}
.dragon-opening{position:relative;isolation:isolate;min-height:clamp(590px,75vh,810px);display:flex;align-items:center;padding-block:60px 30px;overflow:hidden}
.dragon-opening::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#081722f7 0%,#081722df 34%,#0817227a 72%,#08172255),linear-gradient(0deg,#081722bd,transparent 35%),url("interiors/dragon/castle-archive.webp") center/cover no-repeat}
.dragon-opening .frame{width:min(1510px,calc(100% - clamp(36px,8vw,160px)))}
.dragon-opening h1{font:700 clamp(5rem,9.5vw,11rem)/.81 Georgia,'Times New Roman',serif;letter-spacing:-.09em;margin:42px 0 25px;text-shadow:0 14px 34px #0009}
.dragon-opening h1 em{font-style:normal;font-weight:400;color:#f1bd61}
.dragon-opening p{max-width:28ch;font:400 clamp(1.35rem,2.15vw,2.25rem)/1.35 Georgia,serif;color:#fff2db;margin-bottom:33px}
.dragon-opening .quiet-link{color:#f4ce8d}
.dragon-opening-foot{display:flex;justify-content:space-between;gap:20px;max-width:700px;border-top:1px solid var(--rule);padding-top:19px;margin-top:clamp(55px,8vw,120px);font:700 .75rem/1.5 Georgia,serif;letter-spacing:.16em;color:#f2d8ab}
.dragon-banner{width:min(100%,1920px);margin:auto;background:#081722}
.dragon-banner img{width:100%;height:auto;border-block:1px solid var(--rule)}
.dragon-banner figcaption{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--rule);padding-block:17px 20px;color:var(--accent);font:700 .69rem/1.5 Georgia,serif;letter-spacing:.14em}
.dragon-story{display:grid;grid-template-columns:170px 1fr;gap:clamp(30px,5vw,85px);padding-block:clamp(100px,10vw,160px)}
.dragon-story h2,.dragon-world h2,.dragon-section-head h2,.dragon-rules h2,.dragon-ending h2{font:400 clamp(3.15rem,5.4vw,6.4rem)/1.03 Georgia,serif;letter-spacing:-.065em}
.dragon-story h2 em,.dragon-rules h2 em{font-style:normal;color:var(--accent)}
.dragon-story p{max-width:72ch;margin-top:26px;color:#bdcbd0;font-size:1.13rem;line-height:1.78}
.dragon-story .lead{margin-top:37px;color:#f2ead9;font:400 clamp(1.28rem,1.8vw,1.65rem)/1.55 Georgia,serif}
.dragon-story blockquote{max-width:23ch;margin:53px 0 0;border-left:3px solid var(--accent);padding-left:24px;color:#f3d19a;font:italic 400 clamp(1.8rem,2.7vw,3.2rem)/1.25 Georgia,serif}
.dragon-world{padding-block:clamp(90px,9vw,140px);background:#e9dfca;color:#17302f}
.dragon-world-grid{display:grid;grid-template-columns:minmax(290px,.76fr) minmax(0,1.24fr);gap:clamp(38px,6vw,105px);align-items:center}
.dragon-world .section-label{color:#855c31}.dragon-world h2{margin:26px 0 28px}.dragon-world p{max-width:55ch;margin-top:20px;color:#405752;font-size:1.1rem;line-height:1.75}
.dragon-world figure{box-shadow:18px 18px 0 #bfae8c;border:1px solid #4e544c4d}.dragon-world img{width:100%;height:auto}
.dragon-ensemble{padding-block:clamp(95px,9vw,145px);background:radial-gradient(circle at 80% 0%,#543532 0%,transparent 38%),linear-gradient(160deg,#172a30,#151c25 65%,#221b21);border-block:1px solid var(--rule)}
.dragon-section-head{display:grid;grid-template-columns:170px 1fr;gap:clamp(30px,5vw,85px)}
.dragon-section-head p{max-width:63ch;margin-top:25px;color:#c4d0ce;font-size:1.13rem;line-height:1.72}
.dragon-cast-art{margin:clamp(40px,5vw,75px) 0 0;border:1px solid var(--rule)}.dragon-cast-art img{width:100%;height:auto}
.dragon-character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(22px,3vw,50px);margin-top:35px}
.dragon-character{border-top:1px solid var(--rule);padding:30px 8px 42px 0}
.dragon-character>span{color:var(--accent);font:700 .71rem/1.4 Georgia,serif;letter-spacing:.14em}
.dragon-character h3{margin:23px 0 16px;font:400 clamp(2rem,2.7vw,3.2rem)/1.1 Georgia,serif;letter-spacing:-.05em}
.dragon-character p{max-width:43ch;color:#c6d0ce;line-height:1.7}
.dragon-character:last-child{background:linear-gradient(90deg,#07111a99,transparent);padding-left:16px}
.dragon-rules{display:grid;grid-template-columns:170px 1fr;gap:clamp(30px,5vw,85px);padding-block:clamp(100px,10vw,160px)}
.dragon-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,50px);margin-top:52px}
.dragon-rule-grid article{border-top:2px solid var(--accent);padding-top:22px}
.dragon-rule-grid b{color:var(--accent);font:400 2.2rem/1 Georgia,serif}.dragon-rule-grid h3{margin:28px 0 15px;font:400 clamp(1.75rem,2.2vw,2.55rem)/1.1 Georgia,serif}
.dragon-rule-grid p{color:#b9c9c8;line-height:1.7}
.dragon-episodes{padding-block:clamp(95px,9vw,145px);border-top:1px solid var(--rule);position:relative;isolation:isolate}.dragon-episodes::before{content:"";position:absolute;inset:0 calc(50% - 50vw);z-index:-1;background:linear-gradient(180deg,#0b1a24 0%,#0b1a24e8 18%,#0b1a24ed 68%,#0b1a24 100%),url("interiors/dragon/castle-archive.webp") center center/cover no-repeat}
.dragon-arc{margin-top:clamp(75px,8vw,130px)}.dragon-arc-heading{display:grid;grid-template-columns:170px 1fr;gap:clamp(30px,5vw,85px);border-bottom:1px solid var(--rule);padding-bottom:31px;margin-bottom:30px}
.dragon-arc-heading>span{color:var(--accent);font:700 .72rem/1.4 Georgia,serif;letter-spacing:.15em}
.dragon-arc-heading h3{font:400 clamp(2.65rem,4.2vw,4.8rem)/1 Georgia,serif;letter-spacing:-.06em}.dragon-arc-heading p{grid-column:2;max-width:66ch;color:#b9c9c8;font-size:1.1rem;line-height:1.65}
.dragon-episode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4vw,62px) clamp(22px,3vw,45px)}
.dragon-episode{min-width:0;background:#142730;border:1px solid var(--rule)}
.dragon-episode img{display:block;width:100%;height:auto;border-bottom:1px solid var(--rule)}
.dragon-episode-copy{padding:clamp(23px,3vw,43px)}.dragon-episode-copy>span{color:var(--accent);font:700 .72rem/1.5 Georgia,serif;letter-spacing:.12em}
.dragon-episode h4{margin:21px 0 18px;font:400 clamp(2rem,2.9vw,3.45rem)/1.04 Georgia,serif;letter-spacing:-.055em}
.dragon-episode p{color:#c7d2d0;font-size:1.05rem;line-height:1.72}.dragon-episode small{display:block;border-top:1px solid var(--rule);margin-top:27px;padding-top:16px;color:#e7cc9e;font-size:.9rem;line-height:1.6}
.dragon-episode.is-feature{grid-column:1/-1}.dragon-episode.is-feature .dragon-episode-copy{max-width:920px}
.dragon-ending{padding-block:clamp(110px,12vw,190px);background:linear-gradient(90deg,#07141af5,#07141acc),url("interiors/dragon/castle-archive.webp") center/cover;color:#f7edda;border-top:1px solid var(--rule)}
.dragon-ending h2{max-width:17ch;margin:25px 0}.dragon-ending p{max-width:60ch;color:#d2d7d0;font-size:1.14rem;line-height:1.75;margin-bottom:35px}
@media(max-width:1050px){.dragon-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dragon-world-grid{grid-template-columns:1fr 1fr}.dragon-rule-grid{gap:20px}}
@media(max-width:790px){.dragon-opening{min-height:610px}.dragon-opening .frame{width:min(100% - 36px,680px)}.dragon-story,.dragon-section-head,.dragon-rules,.dragon-arc-heading{grid-template-columns:1fr}.dragon-arc-heading p{grid-column:1}.dragon-world-grid{grid-template-columns:1fr}.dragon-rule-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.dragon-opening{min-height:570px;padding-block:45px 30px}.dragon-opening::before{background:linear-gradient(90deg,#081722ed,#081722ad),url("interiors/dragon/castle-archive.webp") 58% center/cover no-repeat}.dragon-opening h1{font-size:clamp(4rem,14vw,6rem)}.dragon-opening-foot{flex-direction:column;gap:5px;margin-top:70px}.dragon-banner figcaption span:last-child{display:none}.dragon-story h2,.dragon-world h2,.dragon-section-head h2,.dragon-rules h2,.dragon-ending h2{font-size:clamp(2.7rem,10vw,4.1rem)}.dragon-character-grid,.dragon-rule-grid,.dragon-episode-grid{grid-template-columns:1fr}.dragon-world figure{box-shadow:9px 9px 0 #bfae8c}.dragon-episode h4{font-size:clamp(2rem,8vw,3rem)}}