body{background-color:#10191d;background-image:linear-gradient(#08121633,#08121666),url('/assets/dragonreach-misty-background.webp');background-size:cover;background-position:center top;background-attachment:fixed}.site-header{position:relative;inset:auto;display:flex;flex-wrap:wrap;justify-content:center;height:auto;padding:0;background:#101b20;border-bottom:1px solid #c2a76c66}.site-header>.brand{display:block;width:100%;margin:0;padding:0;background:#0b151d33}.site-header>.brand .brand-logo{display:block;width:100%;height:auto;aspect-ratio:4/1;object-fit:cover;object-position:center;margin:0}.site-header nav{position:relative;inset:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 24px;width:100%;max-width:none;padding:14px 24px;background:#0b1722f0;font-size:14px}.site-header .nav-login{margin:0}.site-header .menu-button{display:none}.seasonal-site-banner{padding-top:16px;background:#101b20d9}.hero{background:transparent;min-height:690px}.hero-art{object-position:center;opacity:.8}.hero-shade{background:linear-gradient(90deg,#071219b8,#07121938 75%),linear-gradient(0deg,#101b20a6,transparent 45%)}.hero-logo{display:none}.hero-content,body.has-seasonal-banner .hero-content{padding-top:64px;padding-bottom:96px}body main.wrap,body[data-seasonal="page"] main.wrap{padding-top:36px!important}.download-page main{padding-top:32px}.section,.path-section,.faq-section{background:#101b20b3}.site-footer{background:#101b20d9}.seasonal-site-banner[hidden]{display:none}@media(max-width:760px){.site-header>.brand .brand-logo{height:auto;aspect-ratio:3/1;width:100%;object-fit:contain}.site-header .menu-button{display:block;margin:10px auto;background:#101e27;border-color:#b99f64}.site-header nav{display:none;position:static;padding:18px 24px;gap:18px;max-width:none}.site-header nav.open{display:flex;flex-direction:column}.hero{min-height:680px}.hero-content,body.has-seasonal-banner .hero-content{padding-top:44px;padding-bottom:80px}body{background-attachment:scroll}.hero-art{object-position:35% center}.hero-shade{background:#07121955}.seasonal-site-banner{padding-top:16px}}

/* Compact masthead with navigation contained in the artwork. */
.site-header{display:block;height:190px;min-height:0;padding:0;background:linear-gradient(#08131dc9,#08131de8),url('/assets/dragonreach-misty-background.webp') center 35%/cover}.site-header>.brand{display:flex;align-items:center;justify-content:center;height:144px;background:transparent}.site-header>.brand .brand-logo{width:min(432px,100%);height:144px;aspect-ratio:auto;object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 76%,transparent 100%)}.site-header nav{position:absolute;inset:auto 0 0;min-height:46px;padding:8px 24px;gap:10px 24px;background:transparent;border:0}.site-header .nav-login{padding:6px 12px}.site-header .community-menu summary{padding:6px 0}@media(max-width:760px){.site-header{height:132px}.site-header>.brand{height:132px;padding:0 60px 0 8px;justify-content:center}.site-header>.brand .brand-logo{width:100%;height:120px;aspect-ratio:auto;object-fit:contain}.site-header .menu-button{position:absolute;right:12px;bottom:12px;margin:0;padding:7px 11px;background:#10202be8;z-index:2}.site-header nav{display:none;position:absolute;inset:100% 0 auto;min-height:0;padding:18px 24px;background:#0b1722fa;border-bottom:1px solid #b99f64;z-index:20}.site-header nav.open{display:flex;flex-direction:column}.site-header .community-menu summary{padding:10px 0}}

.site-header{height:clamp(180px,16vw,310px);background:#101b20}.site-header>.brand{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;background:transparent}.site-header>.brand .brand-logo{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 30%;mask-image:none}.site-header nav{min-height:46px;padding:8px 24px;background:linear-gradient(transparent,#07131dd9);z-index:2}@media(max-width:760px){.site-header{height:132px}.site-header>.brand{padding:0}.site-header>.brand .brand-logo{width:100%;height:100%;object-fit:cover;object-position:center;mask-image:none}.site-header nav{inset:100% 0 auto;background:#0b1722fa;min-height:0;padding:18px 24px}.site-header .menu-button{background:#0a1722e8}}

.header-banner-art{display:block;width:100%;height:100%}