/* Navigation art: one restored 4x3 game sprite sheet plus approved original icons. */
.nav-icon{display:inline-block;width:28px;height:28px;min-width:28px;flex:none;object-fit:contain;vertical-align:middle;image-rendering:auto}.nav-art{background-image:url('/db/assets/navigation-icons-web-v1.webp');background-size:400% 300%;background-position:var(--icon-x) var(--icon-y);background-repeat:no-repeat;border-radius:2px;box-shadow:inset 0 0 0 1px #b89b5d40}.nav-original{border-radius:2px}
.rage-site .library-navigation .library-section>summary>.nav-icon{width:40px;height:40px;min-width:40px;flex:0 0 40px}.library-section>summary>.nav-icon+span{flex:1;min-width:0}.library-section>summary{min-height:72px;gap:12px}.library-chevron{display:grid;place-items:center;width:16px;height:16px;flex:none}.library-chevron svg{width:16px;height:16px}.library-subnav>a{min-height:48px;gap:12px;padding:10px 16px 10px 24px}.library-subnav>a>.nav-icon{width:28px;height:28px;min-width:28px;flex:0 0 28px}.library-subnav>a>span:last-child{min-width:0;line-height:1.5}
.rage-site .directory-top>.nav-icon{width:40px;height:40px;min-width:40px}.rage-site .inspector-tabs>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px}.rage-site .inspector-tabs .nav-icon{width:21px;height:21px;min-width:21px}.rage-site .inspector-tabs small{margin-left:0}.rage-site .set-categories button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.rage-site .set-categories .nav-icon{margin:0;width:26px;height:26px;min-width:26px;flex:none}.rage-site .set-categories .set-filter-label{font-size:11px;color:inherit;margin:0;line-height:1.5}.update-changes strong{align-items:center;justify-content:flex-start}.update-link-title{flex:1}.update-changes .nav-icon{width:32px;height:32px;min-width:32px}
/* Brand, primary navigation, utility: stable three-zone header aligned to content. */
.rage-site .site-header{background:linear-gradient(180deg,#28190ff7,#1c110bf7);border-bottom:1px solid #b1884e55;box-shadow:0 3px 18px #0003}
.rage-site .site-header .masthead{display:grid;grid-template-columns:260px minmax(0,1fr) 260px;gap:24px;align-items:center;max-width:1600px;min-height:88px;margin:0 auto;padding:10px var(--page-inset);box-sizing:border-box}
.rage-site .site-header .rage-wordmark{justify-self:start;width:auto;max-width:260px;gap:8px;align-items:center;filter:drop-shadow(0 2px 4px #0007)}.rage-site .site-header .rage-original-logo{width:56px;height:56px;object-fit:contain}.rage-site .site-header .rage-original-title{width:180px;height:auto;max-width:none;object-fit:contain}
.rage-site .site-header .top-navigation{display:flex;justify-content:center;align-items:center;justify-self:center;gap:24px;flex-wrap:nowrap;min-width:0;padding:0;border:0}.rage-site .site-header .top-navigation a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:8px 2px;font-size:16px;font-weight:600;line-height:1.4;white-space:nowrap;color:#d6c0a1;transform:none}.rage-site .site-header .top-navigation a:hover{color:#ffe4b4}.rage-site .site-header .top-navigation a.active{color:#ffe0a8}.rage-site .site-header .top-navigation a:after{bottom:1px;left:2px;right:2px;height:2px}.rage-site .site-header .top-navigation .nav-icon{width:28px;height:28px;min-width:28px}
.rage-site .site-header .global-search,.rage-site .site-header .global-search:focus-within{position:relative;display:block;justify-self:end;width:220px;min-width:0;max-width:none;height:40px;transition:none;grid-column:auto;grid-row:auto;margin:0;padding:0}.rage-site .site-header .global-search form{display:flex;align-items:center;width:220px;max-width:none;height:40px;min-height:40px;margin:0;background:#150f0be8;border:1px solid #8c6c405e;border-radius:3px;box-shadow:inset 0 1px #e4c58a09;transition:border-color 140ms,box-shadow 140ms}.rage-site .site-header .global-search form:focus-within{position:absolute;top:50%;right:0;transform:translateY(-50%);width:340px;max-width:calc(100vw - 64px);border-color:#c5a36b;box-shadow:0 0 0 2px #c5a36b12;z-index:4}.rage-site .site-header .global-search form>.search-symbol{display:grid;place-items:center;width:38px;height:38px;min-width:38px;padding:0;cursor:text;color:#bd9a5f}.search-symbol svg{width:19px;height:19px}.rage-site .site-header .global-search input{flex:1;min-width:0;width:0;padding:8px 0;font-size:12px;line-height:1.5;opacity:1}.rage-site .site-header .global-search button{clip-path:none;border-radius:2px;margin:3px;min-width:60px;min-height:30px;padding:5px 9px;font-size:11px}.rage-site .site-header .mobile-menu{display:none;padding:0;clip-path:none;transform:none}.mobile-menu svg{width:22px;height:22px;display:block}.mobile-library-host{display:none}
body[data-page]:not([data-page="trees"]) .site-art{top:88px}
@media(max-width:1400px) and (min-width:1101px){.rage-site .site-header .masthead{grid-template-columns:230px minmax(0,1fr) 230px;gap:16px}.rage-site .site-header .rage-original-logo{width:52px;height:52px}.rage-site .site-header .rage-original-title{width:166px}.rage-site .site-header .top-navigation{gap:16px}.rage-site .site-header .top-navigation a{font-size:14px;gap:8px}.rage-site .site-header .top-navigation .nav-icon{width:25px;height:25px;min-width:25px}.rage-site .site-header .global-search,.rage-site .site-header .global-search:focus-within{width:210px}.rage-site .site-header .global-search form{width:210px}.rage-site .site-header .global-search form:focus-within{width:280px}}
@media(max-width:1100px){.rage-site .site-header .masthead{grid-template-columns:230px minmax(0,1fr) 44px;gap:20px;min-height:88px}.rage-site .site-header .top-navigation{display:none;grid-column:1/-1;grid-row:2;justify-self:stretch;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border-top:1px solid #ad824c33;padding:12px 0 4px}.rage-site .site-header .masthead.menu-open .top-navigation{display:grid}.rage-site .site-header .top-navigation a{justify-content:flex-start;padding:8px;font-size:14px}.rage-site .site-header .rage-original-logo{width:52px;height:52px}.rage-site .site-header .rage-original-title{width:166px}.rage-site .site-header .global-search,.rage-site .site-header .global-search:focus-within{grid-column:2;grid-row:1;width:220px}.rage-site .site-header .global-search form{width:220px}.rage-site .site-header .global-search form:focus-within{width:340px}.rage-site .site-header .mobile-menu{display:grid;place-items:center;grid-column:3;grid-row:1;width:44px;height:40px;min-height:40px;margin:0;background:#2c1c11;border:1px solid #8c6c405e;border-radius:3px;color:#d1b17c}.rage-site .site-header .mobile-menu[aria-expanded=true]{border-color:#c5a36b;background:#4d301c}}
@media(max-width:700px){.rage-site .site-header .masthead{grid-template-columns:minmax(0,1fr) 48px 40px;gap:8px;min-height:76px;padding:8px 16px}.rage-site .site-header .rage-wordmark{max-width:100%;gap:6px;visibility:visible}.rage-site .site-header .rage-original-logo{width:44px;height:44px}.rage-site .site-header .rage-original-title{width:130px;max-width:calc(100vw - 160px)}.rage-site .site-header .global-search,.rage-site .site-header .global-search:focus-within{width:48px;height:40px}.rage-site .site-header .global-search form{width:48px}.rage-site .site-header .global-search form>.search-symbol{width:46px;min-width:46px}.rage-site .site-header .global-search input{opacity:0;padding:0}.rage-site .site-header .global-search form:focus-within{width:calc(100vw - 96px);max-width:none}.rage-site .site-header .global-search form:focus-within input{opacity:1;padding:8px 0}.rage-site .site-header .global-search form:focus-within>.search-symbol{width:32px;min-width:32px}.rage-site .site-header .masthead:has(.global-search:focus-within) .rage-wordmark{visibility:hidden}.rage-site .site-header .mobile-menu{width:40px}.rage-site .site-header .top-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:0}.rage-site .site-header .top-navigation a{font-size:13px;min-height:44px;gap:8px}.rage-site .site-header .top-navigation .nav-icon{width:26px;height:26px;min-width:26px}.mobile-library-host{grid-column:1/-1;grid-row:3;min-width:0;display:none}.masthead.menu-open .mobile-library-host{display:block}.rage-site .mobile-library-host .category-sidebar{display:block;width:100%;max-height:calc(100dvh - 240px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#806237 #1f150e;margin:0}.rage-site .library-navigation .library-section>summary>.nav-icon{width:36px;height:36px;min-width:36px;flex-basis:36px}.library-section>summary{min-height:64px}.library-subnav>a{padding-left:24px}.rage-site .inspector-tabs>button{flex-direction:column;gap:4px;min-height:58px}.rage-site .inspector-tabs .nav-icon{width:22px;height:22px;min-width:22px}.rage-site .set-categories .nav-icon{width:24px;height:24px;min-width:24px}.rage-site .set-categories .set-filter-label{font-size:10px}body[data-page]:not([data-page="trees"]) .site-art{top:76px}}
@media(prefers-reduced-motion:reduce){.rage-site .site-header .global-search form{transition:none}}

/* Text-led masthead: restrained gold, stable links, a fine active rule. */
.rage-site .site-header .top-navigation{gap:32px}
.rage-site .site-header .top-navigation a{position:relative;padding:10px 3px;font-size:17px;font-weight:650;letter-spacing:.015em;color:#cdb798;text-shadow:0 1px 2px #000b;transition:color 160ms ease,text-shadow 160ms ease;background:none;box-shadow:none;transform:none}
.rage-site .site-header .top-navigation a>span{position:relative;z-index:1}
.rage-site .site-header .top-navigation a:hover,.rage-site .site-header .top-navigation a:focus-visible{color:#ffe4b0;text-shadow:0 1px 2px #000,0 0 14px #e4b45b35}
.rage-site .site-header .top-navigation a.active{color:#ffe0a2;text-shadow:0 1px 2px #000,0 0 12px #dbaa4930}
.rage-site .site-header .top-navigation a:after{content:'';position:absolute;left:3px;right:3px;bottom:2px;height:1px;background:linear-gradient(90deg,#b88a42,#f0d294,#b88a42);transform:scaleX(.45);opacity:0;transition:opacity 160ms ease,transform 160ms ease}
.rage-site .site-header .top-navigation a:hover:after,.rage-site .site-header .top-navigation a:focus-visible:after,.rage-site .site-header .top-navigation a.active:after{opacity:1;transform:scaleX(1)}
.rage-site .site-header .top-navigation a:focus-visible{outline:1px solid #c7a06b;outline-offset:4px;border-radius:2px}
.rage-site .set-categories .set-filter-art{width:32px;height:32px;min-width:32px;object-fit:contain}
@media(max-width:1400px) and (min-width:1101px){.rage-site .site-header .top-navigation{gap:24px}.rage-site .site-header .top-navigation a{font-size:15px}}
@media(max-width:1100px){.rage-site .site-header .top-navigation{gap:12px}.rage-site .site-header .top-navigation a{font-size:15px;justify-content:center}}
@media(max-width:700px){.rage-site .site-header .top-navigation{gap:8px}.rage-site .site-header .top-navigation a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.rage-site .site-header .top-navigation a,.rage-site .site-header .top-navigation a:after{transition:none}}

.nav-quest-q{image-rendering:auto;object-fit:contain;filter:drop-shadow(0 1px 2px #0006)}
.rage-site .set-categories button:disabled{opacity:.45;cursor:default}

/* Contextual navigation shows only the current section. */
.nav-quest-q{background-image:url('/db/assets/game-ui/quest-q-web-v1.webp');background-size:200% 100%;background-position:var(--q-x) 50%;background-repeat:no-repeat;border-radius:1px}
.context-back{display:block;padding:16px 18px;color:#b69b74;font-size:11px;border-bottom:1px solid #82603d40}
.context-title{padding:20px 18px 10px;color:#dec39c;font-size:11px;font-weight:650;letter-spacing:.07em;text-transform:uppercase}
.context-links{display:flex;flex-direction:column;padding:0 0 12px}
.context-links>a{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 18px;color:#bfa786;font-size:13px;line-height:1.4}
.context-links>a>.nav-icon{width:32px;height:32px;min-width:32px;flex:none}
/* Tiny native class emblems lose detail when stretched to navigation size. */
.rage-site .context-links>a>img.nav-icon[src*="/game-ui/class-"]{width:20px;height:20px;min-width:20px;max-width:20px;flex:0 0 20px;object-fit:contain;image-rendering:auto}
.context-links>a:hover{color:#f4d7a8;background:#b68d4b0d}
.context-links>a.active{color:#f1d19c;background:#6b3b233b;box-shadow:inset 2px 0 #ceaa62}
.context-links>a:focus-visible{outline:2px solid #d2ae68;outline-offset:-3px}
.rage-site .context-navigation .set-categories{display:flex;flex-direction:column;flex-wrap:nowrap;gap:0}
.rage-site .context-navigation .set-categories button{display:flex;justify-content:flex-start;width:100%;min-height:64px;padding:12px 18px;border:0;border-radius:0;gap:12px;background:none;clip-path:none;transform:none;font-size:13px}
.rage-site .context-navigation .set-categories button[aria-pressed=true]{background:#6b3b233b;box-shadow:inset 2px 0 #ceaa62;color:#f1d19c}
.rage-site .context-navigation .set-categories .set-filter-label{flex:1;text-align:left;font-size:12px}
.rage-site .context-navigation .set-categories button>span:last-child{margin-left:auto;font-size:10px}
.rage-site .context-navigation .category-link{padding-left:18px;min-height:60px}
.rage-site .context-navigation .category-subcategories{margin-left:35px;margin-right:10px}
body[data-page="set-bonuses"] .set-browser-tools{margin-bottom:20px;justify-content:flex-end}
body[data-page="set-bonuses"] .set-search{flex-basis:100%;max-width:440px}
.update-entry{scroll-margin-top:24px}
@media(max-width:700px){.context-title{padding-top:16px}.context-links>a{min-height:52px}.rage-site .mobile-library-host .context-navigation{max-height:calc(100dvh - 240px)}}