/* MT2013 Imperial — one material palette, original artwork, complete official copy. */
:root{color-scheme:dark;--coal:#171310;--panel:#201a15;--gold:#c5a16a;--bright:#f1d7aa;--ivory:#f4e9d5;--muted:#c2b5a3;--line:#b28a4f55;--gutter:clamp(20px,5vw,80px);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;color:var(--ivory);background:var(--coal);font:16px/1.8 'Segoe UI',Arial,sans-serif}body:has(dialog[open]),body.menu-open{overflow:hidden}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.2}a{color:inherit;text-decoration:none}button,input{font:inherit}button,summary{cursor:pointer}button{border-radius:0}img{display:block;max-width:100%;height:auto}[hidden]{display:none!important}::selection{background:#a7783f;color:#fff5e1}:where(a,button,input,summary):focus-visible{outline:2px solid #f5cc85;outline-offset:5px}strong{font-weight:600;color:#f1d9b2}.skip{position:fixed;top:-120px;left:16px;z-index:150;padding:12px 20px;background:#ead7b2;color:#21180f}.skip:focus{top:15px}.source-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.eyebrow{font:600 10px/1.5 'Segoe UI',sans-serif;letter-spacing:3px;text-transform:uppercase;color:#d4b17a}.ornament{height:31px;width:330px;max-width:78%;background:url('classic/divider.svg') center/contain no-repeat}.header{position:sticky;top:0;z-index:80;height:78px;padding:0 max(24px,4vw);display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);background:#18130ff5;box-shadow:0 4px 26px #0003;backdrop-filter:blur(16px)}.brand{width:142px;flex-shrink:0}.brand img{width:100%;object-fit:contain}.header nav{display:flex;gap:clamp(18px,2.5vw,42px)}.header nav a{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#ccbdab;transition:color .2s}.header nav a:hover,.header nav a.active{color:#f3cf91}.header-actions{display:flex;align-items:center;gap:25px}.register-link{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;color:#e5c38a}.register-link span{margin-left:8px}.chapter-toggle{display:flex;align-items:center;gap:22px;padding:9px 16px;background:#2c2219;color:#edcf9e;border:1px solid #ab834a77;font-size:11px;letter-spacing:1px;text-transform:uppercase}.chapter-toggle span{font-size:18px}.reading-progress{position:fixed;z-index:85;top:77px;left:0;height:2px;width:0;background:#dbb575;box-shadow:0 0 8px #dbb57580}
.hero{position:relative;isolation:isolate;min-height:850px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:55px 24px 85px;background:#211a14}.hero-art{position:absolute;inset:0;z-index:-3;background:linear-gradient(0deg,#171310 0%,#17131030 35%,#17131025 80%,#17131044),radial-gradient(ellipse at 50% 46%,#18120fe6 0%,#18120fb3 32%,#18120f28 73%),url('bases/battle.webp') center 40%/cover}.hero::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#17131033,transparent 20%,transparent 80%,#17131044)}.hero-frame{position:absolute;inset:22px 24px 30px;border:1px solid #d2ac6b38;z-index:-1;pointer-events:none}.hero-frame::before,.hero-frame::after{content:'';position:absolute;width:65px;height:65px;background:url('classic/corner.svg') center/contain}.hero-frame::before{top:-1px;left:-1px}.hero-frame::after{bottom:-1px;right:-1px;transform:rotate(180deg)}.hero-content{max-width:1000px;margin:auto;position:relative}.hero-content>.eyebrow{color:#edcfa0;letter-spacing:5px}.hero-logo{width:375px;max-width:68vw;height:auto;margin:16px auto 12px;filter:drop-shadow(0 6px 18px #000a)}.hero h1{font-size:clamp(38px,4.5vw,66px);line-height:1.15;letter-spacing:-1.8px;text-wrap:balance;text-shadow:0 3px 22px #0009;color:#fff1d8}.hero h1 em{font-style:normal;color:#e4be82}.hero .ornament{margin:22px auto 12px}.hero-description{font:17px/1.8 Georgia,serif;color:#e1d3bf;text-shadow:0 2px 8px #000}.opening-plaque{display:flex;flex-direction:column;align-items:center;gap:2px;margin:27px auto 0;width:max-content;max-width:100%;padding:12px 36px 14px;background:linear-gradient(90deg,transparent,#261c13dc 20%,#261c13dc 80%,transparent);border-block:1px solid #c89b5355}.opening-plaque .eyebrow{font-size:9px;letter-spacing:3px}.opening-plaque time{font:28px/1.7 Georgia,serif;color:#f2d3a0}.opening-plaque time b{font-weight:400;color:#e0bd83}.opening-plaque>span:last-child{font-size:10px;letter-spacing:.5px;color:#cfbfaa}.opening-plaque i{font-style:normal;color:#a37a48;margin:0 8px}.actions{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:52px;min-width:215px;padding:15px 24px;border:1px solid #c59a5b;font:600 10px/1.6 'Segoe UI',sans-serif;letter-spacing:1.5px;text-transform:uppercase;transition:background .2s,transform .2s,box-shadow .2s}.button span{font-size:17px}.primary{color:#fff1d7;background:linear-gradient(#8b452b,#57251c);box-shadow:inset 0 0 0 3px #24110d55,0 8px 24px #0005}.primary:hover{background:linear-gradient(#a65b36,#703122);box-shadow:inset 0 0 0 3px #24110d55,0 5px 25px #b361222b}.secondary{background:#211b16cc;border-color:#bc925f88;color:#e0c49a}.secondary:hover{background:#3c2c1e}.button:hover{transform:translateY(-2px)}.prelaunch-note{font-size:10px;color:#bfb19e;letter-spacing:.4px;margin-top:17px}.prelaunch-note span{color:#d8af6e;margin:0 10px}.scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:3px;text-transform:uppercase;color:#cab18b;display:flex;align-items:center;gap:16px}.scroll-cue b{font:23px Georgia}.server-facts{display:grid;grid-template-columns:repeat(4,1fr) 1.5fr;position:relative;z-index:2;max-width:1160px;margin:0 auto;padding:30px 15px;border-block:1px solid var(--line);background:linear-gradient(90deg,transparent,#2e22186b,transparent)}.server-facts>div{text-align:center;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:1px}.server-facts>div:last-child{border:0}.server-facts b{font:35px/1.4 Georgia;color:#e1bd83;font-weight:400}.server-facts span{font-size:9px;letter-spacing:1.7px;text-transform:uppercase;color:#bdb09d}.server-facts .platform-fact b{font-size:28px;line-height:49px}
/* The full-width landscape stays visible above every chapter; copy shares one frame. */
.official-chapter{position:relative;isolation:isolate;padding:85px var(--gutter) 50px;scroll-margin-top:0;background:var(--coal)}.chapter-landscape{position:absolute;inset:0 0 auto;height:950px;max-height:100%;z-index:-2;background-image:linear-gradient(0deg,#171310 1%,#171310c0 28%,#17131030 68%,#17131066),var(--world-scene);background-position:center,center 28%;background-size:cover}.official-chapter::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#17131055,transparent 25%,transparent 75%,#17131055);pointer-events:none}.chapter-wrap{max-width:1160px;margin:auto}.section-heading{min-height:310px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px 25px 55px;text-shadow:0 3px 15px #000e}.section-heading .eyebrow{margin-bottom:20px;display:flex;align-items:center;gap:17px;justify-content:center}.section-heading .eyebrow>span{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid #d7b27988;font:13px Georgia;color:#ffe3b4;background:#251a12a0;letter-spacing:0}.section-heading h2{font-size:clamp(36px,4vw,57px);letter-spacing:-1.1px;text-wrap:balance;max-width:850px;color:#fff0d7}.section-heading .ornament{margin-top:25px;width:280px}.chapter-panel{position:relative;background:linear-gradient(135deg,#251d17ed,#181410f5),url('classic/parchment.png') center/cover;border:1px solid #b18a5066;box-shadow:inset 0 0 0 5px #110c0880,inset 0 0 0 6px #a2804022,0 25px 75px #0005;padding:48px}.chapter-panel::before,.chapter-panel::after{content:'';position:absolute;width:36px;height:36px;background:url('classic/corner.svg') center/contain;pointer-events:none}.chapter-panel::before{top:10px;left:10px}.chapter-panel::after{bottom:10px;right:10px;transform:rotate(180deg)}.chapter-intro{margin:0 auto 10px;max-width:875px}.intro-copy>p:first-child{font:25px/1.5 Georgia,serif;color:#edcfa2;margin-bottom:23px}.intro-copy>p:first-child strong{font-weight:400}.intro-copy>p,.card-copy>p{font-size:15px;line-height:1.9;color:#cfc2af;margin:0 0 18px}.intro-copy>p:last-child,.card-copy>p:last-child{margin-bottom:0}.intro-copy>p>strong:only-child,.card-copy>p>strong:only-child{color:#e5c493}.chapter-intro.with-capture{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:35px;max-width:100%}.chapter-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:35px 0 17px;padding:15px 0 0;border-top:1px solid var(--line);color:#aa967b;font-size:10px;letter-spacing:.5px}.expand-chapter{border:0;background:transparent;color:#e2be88;font-size:11px;padding:8px 0 8px 15px;display:flex;gap:18px;align-items:center}.expand-chapter span{font-size:19px;line-height:1}.official-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.official-card{min-width:0;border:1px solid #a9874b44;background:linear-gradient(120deg,#34271b66,#15110e66);transition:border-color .2s}.official-card:hover{border-color:#ba985d8c}.official-card[open],.wide-card,.chapter-motto{grid-column:1/-1}.official-card[open]{background:linear-gradient(120deg,#3a2b1d44,#15110e88);border-color:#b890545e}.official-card summary{position:relative;display:flex;align-items:center;gap:17px;min-height:81px;padding:21px 25px;list-style:none}.official-card summary::-webkit-details-marker{display:none}.card-index{font:12px Georgia;color:#ad8b59;flex-shrink:0}.official-card h3{font-size:20px;line-height:1.4;color:#e8cea5;text-wrap:balance;flex:1}.disclosure-icon{width:14px;height:14px;flex-shrink:0;position:relative;margin-left:6px}.disclosure-icon::before,.disclosure-icon::after{content:'';position:absolute;top:6px;left:0;width:12px;height:1px;background:#bf9a64}.disclosure-icon::after{transform:rotate(90deg);transition:transform .2s}.official-card[open] .disclosure-icon::after{transform:rotate(0)}.official-card[open]>summary{border-bottom:1px solid #a9874b33}.card-body{padding:28px 30px 32px}.card-copy{max-width:870px;margin:0 auto}.has-capture .card-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:start;gap:35px}.has-capture .card-copy{margin:0}.card-copy h4{font-size:20px;color:#e5c593;margin:28px 0 18px}.card-copy h4:first-child{margin-top:0}.card-copy ul,.intro-copy ul{margin:16px 0 23px;padding-left:21px;color:#cfc2af;font-size:15px;line-height:1.85}.card-copy li,.intro-copy li{margin:7px 0;padding-left:3px}.card-copy li::marker,.intro-copy li::marker{color:#bd945b}.card-copy hr,.intro-copy hr{border:0;border-top:1px solid #b4914f30;margin:28px 0}.chapter-motto{font:22px/1.6 Georgia;text-align:center;color:#d4b27d;padding:25px 30px}.inline-link{color:#e9c791;border-bottom:1px solid #be925f66;overflow-wrap:anywhere}.inline-link:hover{color:#fff2d3}.planned-label{font-size:8px;letter-spacing:1.4px;text-transform:uppercase;color:#b8a58a;border:1px solid #a38a5e66;padding:3px 6px;position:absolute;top:8px;left:25px}.official-card:has(.planned-label) summary{padding-top:35px}
/* Matched in-game captures, one gilded mount and predictable zoom behaviour. */
.official-captures{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;min-width:0}.official-capture{width:100%;max-width:590px;margin:0;border:1px solid #a7814e88;padding:10px;background:linear-gradient(#392b1b,#18120d);box-shadow:inset 0 0 0 3px #130e09,0 12px 26px #0004}.official-capture button{border:0;background:#100e0a;display:flex;align-items:center;justify-content:center;width:100%;padding:0;cursor:zoom-in;min-height:70px}.official-capture img{max-width:100%;height:auto;width:auto;max-height:440px;object-fit:contain;margin:auto}.official-capture figcaption{padding:11px 8px 2px;text-align:center;color:#bda784;font:10px/1.65 'Segoe UI',sans-serif;letter-spacing:.3px}.official-capture figcaption::after{content:' · View full image';color:#dcba83}.table-scroll{width:100%;overflow-x:auto;border:1px solid #ab854d66;margin:24px 0;scrollbar-color:#957446 #1b1510}.table-scroll:last-child{margin-bottom:0}table{border-collapse:collapse;width:100%;min-width:570px;font:13px/1.8 'Segoe UI',sans-serif;background:#17120f}th{text-align:left;font-weight:600;color:#f0d3a5;background:#3b2b1d;border-bottom:1px solid #b3915c88;padding:15px 20px;white-space:nowrap}td{color:#d0c1ab;padding:13px 20px;vertical-align:top;border-bottom:1px solid #a4814a30}tr:nth-child(even) td{background:#ffffff04}tbody tr:hover td{background:#ac7c3d12}
/* Content-specific treatments all share the Imperial material system. */
#overview .chapter-intro{max-width:none}#overview .intro-copy>p{max-width:850px;margin-inline:auto;text-align:center}#overview .intro-copy ul{list-style:none;padding:0;margin:34px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px}#overview .intro-copy li{margin:0;padding:20px 0 20px 24px;position:relative;border-top:1px solid #ad884442;font-size:14px;line-height:1.8}#overview .intro-copy li::before{content:'◆';position:absolute;left:0;top:23px;font-size:8px;color:#be9659}#overview .intro-copy li strong{display:block;font:20px/1.4 Georgia;color:#ebc78e;margin-bottom:7px}#classes .official-card h3{font-size:23px}#classes .official-card[open] .card-copy{max-width:none;columns:2;column-gap:38px}#classes .card-copy p{break-inside:avoid}#companions .chapter-intro{grid-template-columns:1fr .85fr}#companions .official-capture img{max-height:410px}#crafting .official-capture img{max-height:330px}#dungeons .card-copy h4{border-bottom:1px solid #9e7b454f;padding-bottom:12px}#dungeons .official-card summary h3{font-size:24px}#dungeons .card-copy>p>strong:only-child{display:block;color:#e8c289;font-family:Georgia;font-size:18px}#platforms .chapter-intro{display:block}#platforms .official-captures{margin-top:35px}#platforms .official-capture{max-width:100%}#platforms .official-capture img{width:100%;max-height:none}#platforms .intro-copy{max-width:870px;margin:auto}#launch .chapter-panel{border-color:#caa26999}#faq .official-grid{grid-template-columns:1fr}#faq .official-card h3{font:17px/1.5 'Segoe UI',sans-serif}#faq .card-copy{max-width:none}
/* Navigation is searchable and usable without a pointer. */
.menu-backdrop{position:fixed;inset:78px 0 0;z-index:89;background:#080604a6;backdrop-filter:blur(5px)}#chapter-menu{position:fixed;z-index:90;right:2vw;top:88px;width:min(960px,96vw);max-height:calc(100svh - 108px);overflow:auto;background:linear-gradient(125deg,#2e2218,#19130f);border:1px solid #b08a55;box-shadow:0 25px 80px #000b;padding:30px;overscroll-behavior:contain}.menu-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.menu-heading h2{font-size:28px;margin:10px 0 20px}.menu-close{font-size:31px;color:#e5c594;border:0;background:transparent;line-height:1;padding:6px 10px}.menu-search{display:block;position:relative;margin-bottom:25px}.menu-search>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#c9ad82;margin-bottom:8px}.menu-search input{display:block;width:100%;padding:12px 15px;background:#15100c;border:1px solid #9f7d4b77;color:#f1d9b2;border-radius:0;font-size:14px}.menu-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.menu-group h3{font:11px/1.6 'Segoe UI',sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#e5c48e;border-bottom:1px solid #b28b4c88;padding-bottom:10px;margin-bottom:5px}.menu-group a{display:flex;align-items:baseline;gap:12px;padding:9px 3px;font-size:12px;color:#c9baa4;border-bottom:1px solid #a5834a22}.menu-group a span{font:10px Georgia;color:#a5875a}.menu-group a:hover{background:#9c713222;color:#ffe4b9}.menu-empty{padding:20px 0;font-size:14px;color:#d5bea0}
.closing{padding:110px 25px 100px;text-align:center;position:relative;background:linear-gradient(#17131099,#171310ed),url('bases/companions.webp') center/cover;border-top:1px solid var(--line)}.closing .ornament{margin:0 auto 30px}.closing h2{font-size:clamp(38px,4.5vw,63px);letter-spacing:-1px;margin:23px auto;line-height:1.18}.closing h2 em{font-style:normal;color:#e4be81}.closing>p:not(.eyebrow){font:16px/1.8 Georgia;color:#d6c1a1}.closing .actions{margin-top:32px}.official-footer{padding:27px max(25px,5vw);display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);background:#15110e;color:#b4a189;font-size:11px}.official-footer .brand{width:120px}.official-footer p{font:14px Georgia;color:#b9a68b}.official-footer>a:last-child{color:#dcbd8e}.back-top{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #b28d55;background:#241a12dd;color:#e5c793;z-index:50;font-size:20px;box-shadow:0 5px 15px #0005}.official-viewer{max-width:95vw;width:max-content;max-height:94svh;background:#19120e;border:1px solid #bb945b;color:#ead9ba;padding:45px 20px 20px;box-shadow:0 30px 100px #000b}.official-viewer::backdrop{background:#080604e8}.official-viewer img{max-height:76svh;max-width:88vw;width:auto;height:auto;object-fit:contain;margin:auto}.official-viewer p{font:12px/1.6 'Segoe UI',sans-serif;text-align:center;margin-top:16px}.viewer-close{position:absolute;top:5px;right:9px;border:0;background:transparent;color:#ead9ba;font-size:29px;line-height:1;padding:5px 10px}
@media(min-width:1700px){.hero{min-height:930px}.hero h1{font-size:72px}.hero-logo{width:410px}.hero-art{background-position:center,center,center 40%}.hero-content{max-width:1100px}}
@media(max-width:1100px){.header nav{gap:18px}.header nav a{font-size:10px}.register-link{display:none}.chapter-panel{padding:36px}.hero h1{font-size:54px}.has-capture .card-body{gap:24px}.menu-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.header nav{display:none}.hero{min-height:810px;padding-top:55px}.hero-logo{width:320px}.hero h1{font-size:45px;max-width:700px;letter-spacing:-1px}.hero-art{background-position:center,center,60% center}.server-facts{margin-inline:24px;padding:24px 0;grid-template-columns:repeat(4,1fr)}.server-facts .platform-fact{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:center;gap:20px;padding-top:17px;margin-top:19px;border-top:1px solid var(--line)}.server-facts>div:nth-child(4){border:0}.server-facts .platform-fact b{font-size:20px;line-height:1.5}.chapter-panel{padding:30px}.official-chapter{padding:55px 24px 35px}.section-heading{min-height:270px}.section-heading h2{font-size:40px}.chapter-intro.with-capture{grid-template-columns:1fr}.official-captures{max-width:480px;margin:10px auto 0}.official-grid{grid-template-columns:1fr}.has-capture .card-body{grid-template-columns:1fr}.official-card[open],.wide-card,.chapter-motto{grid-column:auto}.card-body{padding:25px}.official-card summary{min-height:75px;padding:21px}.intro-copy>p:first-child{font-size:23px}#overview .intro-copy ul{gap:0 25px}#classes .official-card[open] .card-copy{columns:auto}#companions .chapter-intro{grid-template-columns:1fr}#platforms .official-captures{max-width:none}.official-footer p{max-width:260px;text-align:center}.official-footer{gap:20px}}
@media(max-width:520px){html{scroll-padding-top:80px}.header{height:65px;padding-inline:20px}.header .brand{width:124px}.chapter-toggle{padding:8px 12px;gap:16px}.reading-progress{top:64px}.hero{min-height:795px;padding:48px 23px 85px}.hero-content>.eyebrow{font-size:8px;letter-spacing:3px}.hero-logo{width:280px;max-width:82vw;margin:20px auto 16px}.hero h1{font-size:36px;line-height:1.18;letter-spacing:-.8px}.hero-frame{inset:12px 12px 22px}.hero-frame::before,.hero-frame::after{width:43px;height:43px}.hero-description{font-size:15px}.hero .ornament{margin:20px auto 12px}.opening-plaque{padding:12px 7px;margin-top:23px;width:100%}.opening-plaque time{font-size:25px}.opening-plaque>span:last-child{font-size:9px}.opening-plaque i{margin:0 4px}.hero .actions{gap:10px;max-width:340px;margin:25px auto 0}.hero .button{min-width:0;min-height:48px;padding:12px 13px;gap:10px;font-size:9px;letter-spacing:.5px;flex:1}.prelaunch-note{font-size:9px}.scroll-cue{bottom:27px;white-space:nowrap;font-size:8px}.server-facts{margin-inline:18px}.server-facts b{font-size:30px}.server-facts span{font-size:7px;letter-spacing:.9px}.server-facts .platform-fact{gap:14px}.server-facts .platform-fact span{font-size:8px}.official-chapter{padding:38px 15px 30px}.section-heading{min-height:265px;padding:30px 12px}.section-heading h2{font-size:35px;letter-spacing:-.7px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.8px;gap:12px;margin-bottom:18px}.chapter-landscape{height:790px}.chapter-panel{padding:30px 18px 25px}.chapter-panel::before,.chapter-panel::after{width:23px;height:23px;top:6px;left:6px}.chapter-panel::after{top:auto;left:auto;bottom:6px;right:6px}.intro-copy>p:first-child{font-size:23px;line-height:1.5}.intro-copy>p,.card-copy>p,.card-copy ul,.intro-copy ul{font-size:14px;line-height:1.85}.chapter-tools{font-size:9px;letter-spacing:0;margin-top:27px}.expand-chapter{font-size:10px;gap:8px;padding-left:5px}.official-card summary{padding:18px 16px;gap:11px}.official-card h3,#classes .official-card h3,#dungeons .official-card summary h3{font-size:19px}.card-index{font-size:10px}.card-body{padding:20px 17px 23px}.official-capture{padding:7px}.official-capture figcaption{font-size:9px}.official-captures{gap:15px}.card-copy h4{font-size:18px}.planned-label{left:16px;font-size:7px}.table-scroll{margin:18px 0}th,td{padding:12px 15px}table{font-size:12px}#overview .intro-copy ul{grid-template-columns:1fr;margin:25px 0}#overview .intro-copy li{padding:18px 0 18px 20px;font-size:14px}#overview .intro-copy li strong{font-size:20px}#faq .official-card h3{font-size:15px}#chapter-menu{top:73px;right:10px;width:calc(100vw - 20px);max-height:calc(100svh - 85px);padding:23px 18px}.menu-backdrop{top:65px}.menu-heading h2{font-size:24px}.menu-heading .eyebrow{font-size:8px}.menu-groups{grid-template-columns:1fr;gap:23px}.menu-group a{font-size:13px;padding:10px 5px}.closing{padding:75px 22px}.closing .eyebrow{font-size:8px;letter-spacing:2px}.closing .actions{flex-direction:column}.closing .button{width:100%;max-width:310px}.official-footer{flex-direction:column;gap:15px;padding:28px 20px}.official-footer p{font-size:13px}.back-top{right:13px;bottom:13px;width:35px;height:35px}.official-viewer{padding-inline:10px}.official-viewer img{max-width:88vw}}
.chapter-landscape{background-image:none;overflow:hidden}.chapter-landscape>img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.chapter-landscape::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#171310 1%,#171310c0 28%,#17131030 68%,#17131066)}.intro-copy h4{font-size:21px;color:#e5c593;margin:30px 0 17px}.intro-copy h4:first-child{margin-top:0}.pet-seal{list-style:none;display:flex;align-items:center;gap:14px;min-height:39px}.pet-seal img{object-fit:contain;flex-shrink:0}#companions .intro-copy ul{padding-left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 13px}#companions .pet-seal{font-size:12px;margin:0}.dungeon-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:38px}.dungeon-highlights a{display:flex;flex-direction:column;padding:24px 22px;background:linear-gradient(135deg,#62452933,#15100d77);border:1px solid #b08b5455;transition:border-color .2s,background .2s}.dungeon-highlights a:hover{border-color:#d3ab6e;background:#4d35233b}.dungeon-highlights .eyebrow{font-size:9px;letter-spacing:2px}.dungeon-highlights b{font:29px/1.5 Georgia;color:#efd0a0;margin:7px 0}.dungeon-highlights a>span:not(.eyebrow){font-size:11px;color:#bcaa91}.dungeon-highlights i{font-style:normal;margin:0 8px;color:#ac8851}.dungeon-highlights small{font-size:10px;border-top:1px solid #aa87473f;padding-top:13px;margin-top:18px;color:#d4b584;display:flex;justify-content:space-between;gap:8px}.official-card[id]{scroll-margin-top:95px}
@media(max-width:800px){.dungeon-highlights{gap:10px}.dungeon-highlights a{padding:20px 14px}.dungeon-highlights b{font-size:23px}.dungeon-highlights .eyebrow{letter-spacing:1px}.dungeon-highlights i{margin:0 3px}}
@media(max-width:520px){.dungeon-highlights{grid-template-columns:1fr;gap:10px;margin-bottom:30px}.dungeon-highlights a{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:5px 15px;align-items:center}.dungeon-highlights b{font-size:24px;text-align:right;grid-column:2;grid-row:1/3;margin:0}.dungeon-highlights small{grid-column:1/-1;margin-top:6px;padding-top:10px}.intro-copy h4{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
