/* Shared navigation, based on the Sprite page header. */
.site-header{--lime:#d5f85a;--line:#2c2e3d;position:sticky;top:0;z-index:20;background:#10111bf2;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);font:16px/1.65 Barlow,Arial,sans-serif;color:#f5f5f8}
.site-header *{box-sizing:border-box}
.site-header a{color:inherit;text-decoration:none}
.site-header .wrap.nav{max-width:1280px;width:calc(100% - 96px);margin:auto;height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.site-header .brand{display:inline-flex;align-items:center;gap:10px;position:relative;white-space:nowrap;font:800 25px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.4px}
.site-header .brand>.brand-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin:0;font-size:0;line-height:1}
.site-header .brand-icon img{display:block;width:46px;height:46px;max-width:none}
.site-header .brand>.brand-copy{display:block;color:#f5f5f8;font-weight:600}
.site-header .brand-wordmark{display:block;font:800 28px/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:.25px}
.site-header .brand-wordmark>span{color:var(--lime)}
.site-header .brand .brand-copy>small{display:block;margin:7px 0 0;font:500 8px/1.2 Barlow,Arial,sans-serif;letter-spacing:1.1px;color:#9ca5b9;text-transform:uppercase}
.site-header .nav nav.guide-navigation{display:flex;position:static;flex-direction:row;align-items:center;gap:32px;margin-left:auto;padding:0;background:none;border:0;font-size:13px;font-weight:600}
.site-header .nav nav a{display:flex;align-items:center;height:86px;border-bottom:2px solid transparent}
.site-header .nav nav a.fortnite-home-link{height:auto;min-height:42px;border:0;font-size:13px;color:#aeb5c9}
.site-header .nav nav a.fortnite-home-link:hover,.site-header .nav nav a.fortnite-home-link[aria-current]{color:var(--lime)}
.site-header .guide-nav-group{position:relative;display:flex;align-items:center;gap:6px}
.site-header .nav nav .guide-index-link{display:inline-flex;height:42px;min-height:42px;padding:0;border:0;font-size:13px;font-weight:600;color:#c6cbda}
.site-header .nav nav .guide-index-link:hover,.site-header .nav nav .guide-index-link[aria-current]{color:var(--lime)}
.site-header .guide-nav-group .guide-dropdown{position:static;border:0}
.site-header .nav .guide-nav-group .guide-dropdown>summary{display:flex;align-items:center;gap:14px;height:42px;min-height:42px;width:20px;justify-content:center;padding:0;border:1px solid transparent;list-style:none;cursor:pointer;font:600 13px Barlow,Arial,sans-serif;color:#e6e8f0}
.site-header .guide-dropdown>summary:after,.site-header .guide-dropdown>summary::-webkit-details-marker{display:none}
.site-header .nav .guide-nav-group .guide-dropdown>summary:hover,.site-header .nav .guide-nav-group .guide-dropdown[open]>summary{color:var(--lime);background:#1c201c}
.site-header .guide-chevron{font-size:19px;line-height:1;transform:translateY(-3px)}
.site-header .guide-dropdown[open] .guide-chevron{transform:rotate(180deg) translateY(0)}
.site-header .guide-nav-group .guide-list{position:absolute;right:0;top:100%;width:340px;max-width:calc(100vw - 36px);max-height:calc(100vh - 100px);overflow:auto;padding:10px;background:#191b28;border:1px solid #3b3e51;box-shadow:0 18px 50px #0008;z-index:30}
.site-header .guide-list:before{display:none}
.site-header .guide-list-label{display:block;padding:8px 12px 11px;font-size:9px;letter-spacing:1.5px;color:#848ea6}
.site-header .nav nav .guide-list a{display:block;height:auto;min-height:65px;padding:10px 12px;border:0;border-left:2px solid transparent;color:#cbd2e3}
.site-header .nav nav .guide-list a:hover{background:#232738;border-left-color:#a7b67c;color:#fff}
.site-header .guide-name{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;line-height:1.4}
.site-header .guide-list small{display:block;margin-top:4px;font-size:11px;font-weight:400;line-height:1.65;color:#8e99b2}
.site-header .sprite-nav-menu .guide-list{width:280px}
.site-header .guides-nav-menu .guide-list{width:720px;padding:22px 22px 0}
.site-header .guide-menu-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.site-header .guide-menu-section .guide-menu-heading{margin:0 0 12px;padding:0 10px;font:600 11px/1.4 Barlow,Arial,sans-serif;letter-spacing:.3px;color:#aeb991}
.site-header .nav nav .guide-menu-section a{min-height:88px;padding:12px 10px}
.site-header .guide-menu-footer{margin-top:16px;border-top:1px solid #34394b}
.site-header .nav nav .guide-menu-footer a{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:10px;border-left:0;color:var(--lime)}
.site-header .guide-menu-footer a:after{content:'→';font-size:18px}
.site-header .guide-menu-footer small{display:none}
.site-header a:focus-visible,.site-header summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}
@media(max-width:1100px){.site-header .wrap.nav{width:calc(100% - 56px)}}
@media(max-width:760px){
  .site-header .wrap.nav{width:calc(100% - 36px);height:70px;gap:14px}
  .site-header .brand{gap:7px}
  .site-header .brand-wordmark{font-size:23px}
  .site-header .brand .brand-copy>small{font-size:6.5px;letter-spacing:.7px;margin-top:5px}
  .site-header .nav nav.guide-navigation{gap:17px}
  .site-header .nav nav a{height:auto;padding:13px}
  .site-header .nav nav a.fortnite-home-link{padding:0;font-size:11px}
  .site-header .guide-list{width:320px}
  .site-header .nav nav .guide-list a{min-height:62px}
  .site-header .guide-name{font-size:13px}
  .site-header .guide-list small{font-size:10px}
}
@media(max-width:650px){.site-header .brand-icon img{width:38px;height:38px}}
@media(max-width:600px){
  .site-header .wrap.nav{flex-wrap:wrap;height:auto;gap:12px;padding-top:13px;padding-bottom:12px}
  .site-header .nav nav.guide-navigation{width:100%;justify-content:space-between;gap:12px}
  .site-header .nav nav a.fortnite-home-link,.site-header .nav nav .guide-index-link{white-space:nowrap;font-size:12px;min-height:30px}
  .site-header .nav .guide-nav-group .guide-dropdown>summary{min-height:30px;padding:5px 6px}
  .site-header .guide-nav-group .guide-list{max-height:calc(100vh - 145px)}
  .site-header .sprite-nav-menu .guide-list{left:50%;right:auto;transform:translateX(-50%);width:250px}
  .site-header .guides-nav-menu .guide-list{width:calc(100vw - 36px);padding:18px 14px 0}
  .site-header .guide-menu-columns{grid-template-columns:1fr;gap:16px}
  .site-header .guide-menu-section .guide-menu-heading{margin-bottom:5px}
  .site-header .guide-menu-section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .site-header .nav nav .guide-menu-section a{min-height:72px;padding:8px 10px}
  .site-header .guide-menu-footer{margin-top:12px}
}
@media(max-width:370px){.site-header .brand{gap:5px}.site-header .brand-wordmark{font-size:21px}.site-header .brand .brand-copy>small{font-size:6px;letter-spacing:.5px}}