/* The approved painted icon sheet is displayed directly as a sprite. */
:root{--header-height:104px}
.site-identity .header-inner{gap:24px}
.site-identity .site-nav{gap:14px}
.site-identity .site-nav>a.nav-destination{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:96px;min-height:88px;padding:4px 9px 9px;font-size:14px;line-height:1.3;font-weight:650;border:1px solid transparent;border-radius:5px;transition:background .18s,border-color .18s}
.site-identity .site-nav>a.nav-destination::after{display:none}
.site-identity .site-nav>a.nav-destination:is(:hover,:focus-visible,[aria-current]){background:linear-gradient(#d39a7608,#d39a7617);border-color:#d39a7655;color:#f4eee2}
.nav-art{display:block;position:relative;width:72px;height:63px;flex:none;isolation:isolate;mix-blend-mode:lighten;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
.nav-art::before,.nav-art::after{content:'';position:absolute;inset:0;background-image:url('/assets/navigation-sheet.png');background-repeat:no-repeat;background-size:315.36px 161.46px;background-position:var(--sprite-x) -21.96px;transition:opacity .2s}
.nav-art::after{background-position:var(--sprite-x) -84.96px;opacity:0}
.nav-art-game{--sprite-x:-27.9px}.nav-art-explore{--sprite-x:-98.1px}.nav-art-walkthrough{--sprite-x:-171px}.nav-art-maps{--sprite-x:-242.1px}
.nav-destination:is(:hover,:focus-visible) .nav-art::before{opacity:0}
.nav-destination:is(:hover,:focus-visible) .nav-art::after{opacity:1}
.site-identity .guide-menu{margin-left:8px;padding-left:24px;border-left:1px solid #66615866;font-size:15px}
.site-identity .guide-menu>summary{min-height:52px;gap:12px}
.site-identity .guide-menu>div{top:calc(100% + 10px);right:0;width:260px;border-radius:5px}
@media(min-width:881px) and (max-width:1100px){.site-identity .header-inner{width:calc(100% - 36px);gap:14px}.site-identity .brand,.site-identity .brand img{width:175px}.site-identity .site-nav{gap:4px}.site-identity .site-nav>a.nav-destination{min-width:87px;padding-inline:5px;font-size:13px}.site-identity .guide-menu{padding-left:12px;margin-left:4px}}
@media(max-width:880px){
 :root{--header-height:74px}
 .site-identity .header-inner{gap:15px}
 .site-identity .site-header.menu-open .site-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 20px 24px;background:#232322}
 .site-identity .site-nav>a.nav-destination{min-width:0;min-height:96px;border-color:#66615855;background:#14151655;padding:5px 10px 12px;font-size:16px}
 .site-identity .guide-menu{grid-column:1/-1;margin:6px 0 0;padding:8px 0 0;border-left:0;border-top:1px solid #66615888;white-space:normal}
 .site-identity .guide-menu>summary{font-size:16px;justify-content:space-between;padding:8px 3px}
 .site-identity .guide-menu>div{position:static;width:100%;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px;border:0;background:transparent;box-shadow:none}
 .site-identity .guide-menu:not([open])>div{display:none}
 .site-identity .guide-menu>div a{padding:12px 8px;border-radius:4px;min-height:48px;font-size:15px}
 .site-identity .guide-menu small{display:none}
}
@media(prefers-reduced-motion:reduce){.nav-art::before,.nav-art::after,.nav-destination{transition:none}}
html[data-motion=off] .nav-art::before,html[data-motion=off] .nav-art::after{transition:none}