/* Sword Platform navigation v3.3.0 — shared by HQ and Scanner */
:root{
  --sword-nav-height:78px;
  --sword-nav-bg:rgba(4,9,16,.82);
  --sword-nav-panel:rgba(10,18,30,.92);
  --sword-nav-line:rgba(133,169,218,.14);
  --sword-nav-line-strong:rgba(87,225,255,.28);
  --sword-nav-text:#edf5ff;
  --sword-nav-muted:#8296af;
  --sword-nav-accent:#62dcfa;
  --sword-nav-accent-2:#5b8fff;
  --sword-nav-ease:cubic-bezier(.22,.8,.22,1);
}

:is(.topbar,.scannerSharedHeader).swordNav{
  position:fixed!important;
  z-index:1600!important;
  inset:0 0 auto!important;
  height:var(--sword-nav-height)!important;
  min-height:var(--sword-nav-height)!important;
  border:0!important;
  border-bottom:1px solid var(--sword-nav-line)!important;
  border-radius:0!important;
  background:var(--sword-nav-bg)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(26px) saturate(145%)!important;
  transition:height .22s ease,background .22s ease,box-shadow .22s ease!important;
}
:is(.topbar,.scannerSharedHeader).swordNav::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at var(--sword-pointer-x,50%) -90px,rgba(87,225,255,.075),transparent 240px);
}
:is(.topbar,.scannerSharedHeader).swordNav::after{
  content:"";position:absolute!important;inset:auto 0 -1px!important;height:1px!important;
  background:linear-gradient(90deg,transparent 4%,rgba(87,225,255,.34) 27%,rgba(91,143,255,.22) 63%,transparent 96%)!important;
}
:is(.topbar,.scannerSharedHeader).swordNav.is-scrolled{
  height:70px!important;min-height:70px!important;background:rgba(3,8,14,.94)!important;
  box-shadow:0 20px 56px rgba(0,0,0,.31)!important;
}

.swordNav :is(.topbar-inner,.scannerSharedHeaderInner){
  position:relative;width:min(calc(100% - 48px),1480px)!important;height:100%!important;margin:0 auto!important;
  display:grid!important;grid-template-columns:minmax(198px,1fr) auto minmax(250px,1fr)!important;
  align-items:center!important;gap:24px!important;padding:0!important;
}
.swordNav :is(.brand,.scannerSharedBrand){
  display:inline-flex!important;align-items:center!important;gap:11px!important;width:max-content!important;
  color:var(--sword-nav-text)!important;text-decoration:none!important;
}
.swordNav :is(.brand-symbol,.scannerSharedBrandMark){
  position:relative;width:40px!important;height:40px!important;display:grid!important;place-items:center!important;
  flex:none!important;border:1px solid rgba(87,225,255,.24)!important;border-radius:12px!important;
  background:linear-gradient(145deg,rgba(87,225,255,.10),rgba(91,143,255,.035))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 0 28px rgba(91,143,255,.09)!important;
  overflow:hidden!important;
}
.swordNav :is(.brand-symbol,.scannerSharedBrandMark)::after{
  content:"";position:absolute;width:20px;height:1px;left:-22px;top:7px;
  background:linear-gradient(90deg,transparent,var(--sword-nav-accent),transparent);transform:rotate(-35deg);
  animation:swordNavScan 4.2s ease-in-out infinite;
}
@keyframes swordNavScan{0%,62%{transform:translate(-8px,30px) rotate(-35deg);opacity:0}70%{opacity:.8}92%,100%{transform:translate(62px,-18px) rotate(-35deg);opacity:0}}
.swordNav :is(.brand-symbol,.scannerSharedBrandMark) img{width:30px!important;height:30px!important;object-fit:contain!important}
.swordNav :is(.brand-stack,.scannerSharedBrand>span:last-child){display:flex!important;flex-direction:column!important;gap:4px!important;line-height:.94!important}
.swordNav :is(.brand-stack,.scannerSharedBrand>span:last-child) strong{color:#fff!important;font:800 15px/1 Manrope,Inter,sans-serif!important;letter-spacing:.15em!important}
.swordNav :is(.brand-stack,.scannerSharedBrand>span:last-child) small{color:var(--sword-nav-accent)!important;font:800 8px/1 Inter,sans-serif!important;letter-spacing:.27em!important}
.swordNav .swordNavProduct{display:inline-flex;align-items:center;gap:6px;margin-left:3px;color:#526b88;font-size:7px;font-weight:800;letter-spacing:.13em}
.swordNav .swordNavProduct i{width:4px;height:4px;border-radius:50%;background:#61d8ab;box-shadow:0 0 9px rgba(97,216,171,.6)}

.swordNav :is(.nav,.scannerSharedNav){
  position:relative!important;justify-self:center!important;display:flex!important;align-items:center!important;gap:2px!important;
  width:max-content!important;max-width:100%!important;padding:5px!important;border:1px solid rgba(133,169,218,.105)!important;
  border-radius:16px!important;background:linear-gradient(180deg,rgba(14,24,39,.72),rgba(8,15,26,.72))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 14px 40px rgba(0,0,0,.12)!important;
  overflow:visible!important;
}
.swordNav :is(.nav,.scannerSharedNav)>a,
.swordNav :is(.nav-link,.scannerLegalTrigger,.scannerResourceTrigger){
  position:relative!important;height:36px!important;min-height:36px!important;display:inline-flex!important;align-items:center!important;
  gap:7px!important;padding:0 12px!important;border:0!important;border-radius:11px!important;background:transparent!important;
  box-shadow:none!important;color:var(--sword-nav-muted)!important;font:650 10px/1 Inter,sans-serif!important;
  letter-spacing:.015em!important;text-decoration:none!important;white-space:nowrap!important;cursor:pointer!important;
  transition:color .18s ease,background .18s ease,transform .18s ease!important;
}
.swordNav :is(.nav,.scannerSharedNav)>a::after,
.swordNav :is(.nav-link,.scannerLegalTrigger,.scannerResourceTrigger)::after{
  content:"";position:absolute;left:50%;right:50%;bottom:3px;height:1px;border-radius:2px;
  background:linear-gradient(90deg,var(--sword-nav-accent-2),var(--sword-nav-accent));
  transition:left .2s var(--sword-nav-ease),right .2s var(--sword-nav-ease),opacity .2s;opacity:0;
}
.swordNav :is(.nav,.scannerSharedNav)>a:hover,
.swordNav :is(.nav-link,.scannerLegalTrigger,.scannerResourceTrigger):hover,
.swordNav :is(.nav,.scannerSharedNav)>a.is-active,
.swordNav :is(.nav-dropdown,.nav-projects,.scannerLegalNav,.scannerResourceNav).is-open>:is(button,.nav-link){
  color:#f7fbff!important;background:rgba(255,255,255,.045)!important;transform:translateY(-1px)!important;
}
.swordNav :is(.nav,.scannerSharedNav)>a:hover::after,
.swordNav :is(.nav-link,.scannerLegalTrigger,.scannerResourceTrigger):hover::after,
.swordNav :is(.nav,.scannerSharedNav)>a.is-active::after{left:12px;right:12px;opacity:1}
.swordNav :is(.nav,.scannerSharedNav)>a>[data-sword-icon],.swordNav :is(.nav-link,.scannerLegalTrigger,.scannerResourceTrigger)>[data-sword-icon]{display:inline-grid;color:#6687ab}.swordNav :is(.nav,.scannerSharedNav)>a>[data-sword-icon] .swordUiIcon,.swordNav :is(.nav-link,.scannerLegalTrigger,.scannerResourceTrigger)>[data-sword-icon] .swordUiIcon{width:13px;height:13px}.swordNav :is(.nav,.scannerSharedNav)>a:hover>[data-sword-icon],.swordNav :is(.nav-link,.scannerLegalTrigger,.scannerResourceTrigger):hover>[data-sword-icon]{color:var(--sword-nav-accent)}

.swordNav :is(.topbar-actions,.scannerSharedActions){
  position:relative!important;justify-self:end!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:8px!important;min-width:0!important;padding:0!important;overflow:visible!important;
}
.swordNav :is(.language-trigger,.scannerLanguageTrigger,.account-login,.scannerDiscordLogin,.user-profile-btn,.scannerAccountTrigger,.swordNavToggle){
  height:42px!important;min-height:42px!important;border:1px solid rgba(133,169,218,.14)!important;border-radius:12px!important;
  background:rgba(10,19,32,.72)!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;color:#b9c9dc!important;
}
.swordNav :is(.language-trigger,.scannerLanguageTrigger):hover,
.swordNav :is(.account-login,.scannerDiscordLogin,.user-profile-btn,.scannerAccountTrigger):hover,
.swordNav .swordNavToggle:hover{border-color:var(--sword-nav-line-strong)!important;background:rgba(55,112,191,.10)!important;color:#fff!important}
.swordNav :is(.account-login,.scannerDiscordLogin){padding:0 15px!important;background:linear-gradient(135deg,rgba(50,112,213,.95),rgba(53,85,202,.96))!important;border-color:rgba(102,163,255,.42)!important;color:#fff!important}

/* Canonical brand glyphs and locale identity */
.swordNav :is(.discord-nav-icon,.discordMark){width:19px!important;height:16px!important;display:inline-grid!important;place-items:center!important;flex:none!important}
.swordNav :is(.discord-nav-icon,.discordMark) svg{display:none!important}
.swordNav :is(.discord-nav-icon,.discordMark)::before,
a[aria-label="Discord"]::before{
  content:"";display:block;width:19px;height:15px;background:currentColor;
  -webkit-mask:url('/design/shared/images/discord-mark.svg') center/contain no-repeat;
  mask:url('/design/shared/images/discord-mark.svg') center/contain no-repeat;
}
a[aria-label="Discord"] svg{display:none!important}
.swordNav .languageFlag{display:inline-grid;place-items:center;width:19px;height:19px;flex:none;color:#64d8f3}.swordNav .languageFlag .swordUiIcon{width:17px;height:17px;transition:transform .22s ease}.swordNav :is(.language-trigger,.scannerLanguageTrigger):hover .languageFlag .swordUiIcon{transform:rotate(12deg)}
.swordNav :is(.language-switcher,.scannerLanguage){position:relative!important;overflow:visible!important}.swordNav :is(.language-menu,.scannerLanguageMenu){position:absolute!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;width:264px!important;max-width:calc(100vw - 24px)!important;padding:8px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;border-radius:16px!important;overflow:visible!important;z-index:1900!important}.swordNav :is(.language-menu,.scannerLanguageMenu) [data-lang]{min-width:0!important;min-height:38px!important;padding:0 9px!important;display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.swordNav :is(.language-menu,.scannerLanguageMenu) [data-lang]::before{content:attr(data-locale-code);width:27px;height:22px;display:grid;place-items:center;flex:none;border:1px solid rgba(92,180,239,.18);border-radius:7px;background:rgba(62,137,207,.08);color:#63d5ee;font:800 7px/1 Inter,sans-serif;letter-spacing:.05em}.swordNav :is(.language-menu,.scannerLanguageMenu) [data-lang].is-active::before{border-color:rgba(83,218,238,.38);background:rgba(55,168,213,.16);color:#dffaff}

.swordNav :is(.nav-projects-menu,.nav-dropdown-menu,.scannerLegalMenu,.scannerResourceMenu,.language-menu,.scannerLanguageMenu,.user-menu-dropdown,.scannerAccountMenu){
  border:1px solid rgba(133,169,218,.17)!important;background:linear-gradient(160deg,rgba(10,19,32,.995),rgba(5,11,19,.995))!important;
  box-shadow:0 32px 90px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.025)!important;backdrop-filter:blur(24px)!important;
}
.swordNav :is(.scannerResourceNav,.scannerLegalNav){position:relative;display:flex;align-items:center}
.swordNav .scannerResourceMenu{position:absolute;top:calc(100% + 10px);left:50%;width:348px;padding:9px;border-radius:18px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,8px) scale(.985);transition:.18s ease;z-index:1700}
.swordNav .scannerResourceNav::after{content:"";position:absolute;left:-14px;right:-14px;top:100%;height:14px}
.swordNav .scannerResourceMenu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.swordNav .scannerResourceNav.is-open .scannerResourceMenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}
.swordNav .scannerResourceMenu a{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:10px;border-radius:11px;color:#c3d1e3;text-decoration:none}
.swordNav .scannerResourceMenu a:hover{background:rgba(79,140,255,.075);color:#fff}
.swordNav .scannerResourceMenu a>i{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(102,154,230,.14);border-radius:9px;background:rgba(79,140,255,.055);color:#72b9f2;font:700 8px Inter;font-style:normal}
.swordNav .scannerResourceMenu a>span{display:flex;flex-direction:column;gap:3px}.swordNav .scannerResourceMenu b{font-size:10px}.swordNav .scannerResourceMenu small{color:#657a94;font-size:8px;line-height:1.35}.swordNav .scannerResourceMenu em{color:#58718f;font-size:11px;font-style:normal}
.swordNav .scannerResourceDivider{height:1px;margin:6px;background:rgba(133,169,218,.09)}

.swordNavToggle{display:none!important;width:42px!important;padding:0!important;place-items:center!important;cursor:pointer!important}
.swordNavToggle span{position:absolute;width:17px;height:1px;background:#dbe8f7;transition:transform .2s ease,top .2s ease;top:17px}.swordNavToggle span:last-child{top:23px}
.swordNavToggle.is-open span:first-child{top:20px;transform:rotate(45deg)}.swordNavToggle.is-open span:last-child{top:20px;transform:rotate(-45deg)}
.swordNavBackdrop{display:none;position:fixed;z-index:1500;inset:var(--sword-nav-height) 0 0;background:rgba(1,5,10,.58);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.swordNavBackdrop.is-open{display:block;opacity:1;visibility:visible;pointer-events:auto;backdrop-filter:blur(4px)}

/* Scanner commerce currency selector */
.scannerCurrency{position:relative}.scannerCurrencyTrigger{height:42px;min-width:84px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(128,158,199,.15);border-radius:12px;background:rgba(6,14,24,.72);color:#b9c9dc;cursor:pointer}.scannerCurrencyTrigger:hover,.scannerCurrency.is-open .scannerCurrencyTrigger{border-color:rgba(87,225,255,.3);background:rgba(37,91,151,.12);color:#fff}.scannerCurrencyIcon{display:inline-grid;color:#58d7f2}.scannerCurrencyIcon .swordUiIcon{width:16px;height:16px}.scannerCurrencyGlyph{min-width:10px;color:#57d8f4;font-size:13px;font-weight:750;text-align:center}.scannerCurrencyTrigger b{font-size:9px;letter-spacing:.08em}.scannerCurrencyMenu{position:absolute;top:calc(100% + 10px);right:0;z-index:1800;width:132px;padding:7px;display:grid;gap:3px;border:1px solid rgba(115,150,203,.18);border-radius:14px;background:rgba(5,12,21,.99);box-shadow:0 24px 60px rgba(0,0,0,.48);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:.16s ease}.scannerCurrency.is-open .scannerCurrencyMenu{opacity:1;visibility:visible;pointer-events:auto;transform:none}.scannerCurrencyMenu button{height:36px;padding:0 11px;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;color:#8295ae;font-size:10px;font-weight:800;cursor:pointer}.scannerCurrencyOptionSymbol{width:18px;color:#57d8f4;font-size:14px;font-weight:750;text-align:center}.scannerCurrencyMenu button b{font-size:10px;letter-spacing:.07em}.scannerCurrencyMenu button:hover,.scannerCurrencyMenu button.is-active{background:rgba(79,140,255,.12);color:#eef7ff}

@media(max-width:1240px){
  .swordNav :is(.topbar-inner,.scannerSharedHeaderInner){grid-template-columns:auto 1fr auto!important;gap:16px!important}
  .swordNav :is(.nav,.scannerSharedNav)>a,.swordNav :is(.nav-link,.scannerLegalTrigger,.scannerResourceTrigger){padding-inline:9px!important}
  .swordNav :is(.brand-stack,.scannerSharedBrand>span:last-child) small{display:none}
}
@media(max-width:980px){
  body.swordNavLocked{overflow:hidden}
  .swordNav :is(.topbar-inner,.scannerSharedHeaderInner){grid-template-columns:1fr auto!important;width:min(calc(100% - 28px),1480px)!important}
  .swordNavToggle{position:relative;display:grid!important}
  .swordNav :is(.mobile-nav-toggle){display:none!important}
  .swordNav :is(.nav,.scannerSharedNav){
    position:fixed!important;z-index:1650!important;top:calc(var(--sword-nav-height) + 12px)!important;left:14px!important;right:14px!important;
    width:auto!important;max-height:calc(100vh - var(--sword-nav-height) - 28px)!important;display:flex!important;flex-direction:column!important;
    align-items:stretch!important;gap:4px!important;padding:12px!important;border-radius:20px!important;overflow:auto!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-8px) scale(.985)!important;
    transition:opacity .19s ease,transform .19s var(--sword-nav-ease),visibility .19s!important;
  }
  .swordNav :is(.nav,.scannerSharedNav).is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  .swordNav :is(.nav,.scannerSharedNav)>a,.swordNav :is(.nav-link,.scannerLegalTrigger,.scannerResourceTrigger){width:100%!important;min-height:44px!important;justify-content:space-between!important;padding:0 13px!important}
  .swordNav :is(.nav-dropdown,.nav-projects,.scannerLegalNav,.scannerResourceNav){display:block!important;width:100%!important}
  .swordNav :is(.nav-projects-menu,.nav-dropdown-menu,.scannerLegalMenu,.scannerResourceMenu){position:static!important;width:100%!important;margin:4px 0!important;display:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;box-shadow:none!important;background:rgba(2,8,15,.62)!important}
  .swordNav :is(.nav-dropdown,.nav-projects,.scannerLegalNav,.scannerResourceNav).is-open :is(.nav-projects-menu,.nav-dropdown-menu,.scannerLegalMenu,.scannerResourceMenu){display:block!important}
  .swordNav :is(.nav-dropdown,.nav-projects,.scannerLegalNav,.scannerResourceNav)::after,
  .swordNav :is(.nav-projects-menu,.nav-dropdown-menu,.scannerLegalMenu,.scannerResourceMenu)::before{display:none!important}
}
@media(max-width:640px){
  :root{--sword-nav-height:70px}
  .swordNav :is(.brand-symbol,.scannerSharedBrandMark){width:37px!important;height:37px!important}
  .swordNav :is(.brand-symbol,.scannerSharedBrandMark) img{width:28px!important;height:28px!important}
  .swordNav :is(.brand-stack,.scannerSharedBrand>span:last-child) strong{font-size:13px!important}
  .swordNav :is(.language-switcher,.scannerLanguage){display:block!important}
  .swordNav :is(.language-trigger,.scannerLanguageTrigger){width:42px!important;padding:0!important;justify-content:center!important}
  .swordNav :is(.language-trigger,.scannerLanguageTrigger) [data-language-current],.swordNav :is(.language-pulse,.langPulse){display:none!important}
  .swordNav :is(.account-login,.scannerDiscordLogin)>span:last-child{display:none}
  .swordNav :is(.account-login,.scannerDiscordLogin){width:42px!important;padding:0!important;justify-content:center!important}
  .swordNav :is(.user-profile-name,.scannerAccountName){display:none!important}
  .swordNav :is(.scannerAccountTrigger,.user-profile-btn){padding-right:5px!important}
  .scannerCurrencyTrigger{min-width:42px;width:42px;padding:0}.scannerCurrencyTrigger b,.scannerCurrencyGlyph{display:none}
}
@media(prefers-reduced-motion:reduce){.swordNav *{animation:none!important;transition-duration:.01ms!important}}