html{scroll-padding-top:90px}
.global-header{box-sizing:border-box;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:24px;width:100%;max-width:none;height:72px;margin:0;padding:0 clamp(18px,3vw,48px);background:#0b0d12f5;border-bottom:1px solid #292e3c;font-family:Archivo,Arial,sans-serif;line-height:1.4;backdrop-filter:blur(12px)}
.global-header a{text-decoration:none}.global-brand{display:flex;align-items:center;gap:10px;color:#f3f5f9;font-size:26px;font-weight:900;letter-spacing:-1px;flex-shrink:0}.global-mark{display:block;background:#cbfa72;color:#0b0d12;transform:skew(-8deg);padding:6px 9px;font-size:21px;letter-spacing:-3px}.global-header .global-nav{display:flex;align-items:center;gap:20px;margin:0 0 0 auto;padding:0;flex-wrap:nowrap}.global-quick{display:flex;align-items:center;gap:22px}.global-header .global-nav a{border:0;background:none;padding:8px 0;border-radius:0;font:500 12px/1.4 Archivo,Arial,sans-serif;color:#9aa3b8;white-space:nowrap}.global-header .global-nav a:hover,.global-header .global-nav a[aria-current=page]{color:#cbfa72}.global-header .global-menu{position:relative;padding:0;border:0;margin:0}.global-menu summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;color:#f3f5f9;font:600 12px/1.4 Archivo,Arial,sans-serif;padding:10px 0}.global-menu summary::-webkit-details-marker{display:none}.mobile-menu-label{display:none}.global-menu-panel{position:absolute;right:0;top:44px;display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;width:340px;max-height:calc(100dvh - 100px);overflow:auto;padding:14px;border:1px solid #292e3c;border-radius:12px;background:#12151d;box-shadow:0 16px 40px #0008}.global-header .global-menu-panel a{padding:10px 12px;border-radius:6px}.global-header .global-menu-panel a:hover{background:#a18bff12}.global-header .global-play{display:flex;align-items:center;gap:22px;flex-shrink:0;min-height:40px;padding:10px 16px;border:1px solid #cbfa72;border-radius:8px;background:#cbfa72;color:#152108;font-size:12px;font-weight:800}.global-play:hover{background:#dfffac}.global-header a:focus-visible,.global-menu summary:focus-visible,.global-wallet:focus-visible{outline:2px solid #a18bff;outline-offset:4px}
@media(max-width:1050px){.global-quick{display:none}
.global-header .global-menu-panel .menu-mobile-only{display:block}.desktop-menu-label{display:none}.mobile-menu-label{display:inline}.global-header{gap:18px;height:64px}.global-header .global-nav{gap:0}.global-brand{font-size:24px}.global-header .global-play{gap:12px;padding:9px 12px}.global-menu-panel{right:-116px}html{scroll-padding-top:80px}}
@media(max-width:380px){.global-header{gap:12px;padding-inline:14px}.global-brand{font-size:21px}.global-mark{font-size:18px}.global-menu-panel{width:min(320px,calc(100vw - 28px));gap:2px;padding:10px}.global-header .global-menu-panel a{font-size:11px}}

.global-menu .menu-chevron{display:block;width:12px;height:12px;flex:0 0 12px;align-self:center;transition:transform .15s ease}.global-menu[open] .menu-chevron{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.global-menu .menu-chevron{transition:none}}

/* Header logo: LUPYN badge from the character art. */
.global-logo{display:block;width:40px;height:40px;flex-shrink:0;transition:transform .2s ease}
.global-brand:hover .global-logo{transform:rotate(-6deg) scale(1.05)}
@media (prefers-reduced-motion:reduce){.global-logo{transition:none}}

/* Whitepaper is a top-level link (the quick links); in the menu it shows only in the mobile Menu, where the quick
   links are hidden. */
.global-menu-panel .menu-mobile-only{display:none}

/* Keep the terminal tabs inside the dropdown's grid tracks. */
.global-menu-panel{grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:hidden}
.global-header .global-nav .global-menu-panel a{min-width:0;white-space:normal!important;overflow-wrap:anywhere}
@media(max-width:1050px){.global-menu-panel{right:0}}
@media(max-width:600px){
  .global-header .global-menu{position:static}
  .global-menu-panel{top:calc(100% - 1px);left:12px;right:auto;width:calc(100vw - 24px);box-sizing:border-box;max-height:calc(100dvh - 76px);grid-template-columns:minmax(0,1fr);overflow-y:auto}
}

/* Compact primary actions keep the header calm while leaving wallet and race access visible. */
.global-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.global-wallet{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;max-width:132px;padding:9px 13px;border:1px solid #394052;border-radius:8px;background:#12151d;color:#c9ced9;font:600 11px/1.4 'JetBrains Mono',monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}
.global-wallet::before{content:'◇';color:#a18bff;font-size:12px;flex:0 0 auto}
.global-wallet:hover:not(:disabled){border-color:#71618f;background:#181520;color:#f3f5f9}
.global-wallet.is-connected{border-color:#526a39;color:#cbfa72;background:#11180f}
.global-wallet.is-connected::before{content:'●';color:#cbfa72;font-size:7px}
.global-wallet:disabled{cursor:wait;opacity:.72}
@media(max-width:1050px){.global-actions{gap:8px}.global-wallet{max-width:112px;padding-inline:11px}}
@media(max-width:520px){.global-header .global-play{display:none}.global-wallet{max-width:104px}}
@media(prefers-reduced-motion:reduce){.global-wallet{transition:none}}

/* Green-only wallet controls. */
.global-header .global-menu-panel{border-color:#29412c;background:#0d140f}
.global-header .global-menu-panel a:hover{background:#cbfa7210}
.global-header a:focus-visible,.global-menu summary:focus-visible,.global-wallet:focus-visible,.global-wallet-disconnect:focus-visible{outline-color:#cbfa72}
.global-wallet::before{color:#cbfa72}
.global-wallet:hover:not(:disabled){border-color:#63814a;background:#11180f;color:#f3f5f9}
.global-wallet-disconnect{min-height:40px;padding:9px 11px;border:1px solid #3e5748;border-radius:8px;background:transparent;color:#9eb39e;font:600 10px/1.4 'JetBrains Mono',monospace;cursor:pointer}
.global-wallet-disconnect:hover:not(:disabled){border-color:#cbfa72;color:#cbfa72;background:#11180f}
.global-wallet-disconnect[hidden]{display:none}
.global-wallet-disconnect:disabled{cursor:wait;opacity:.65}
@media(max-width:620px){.global-wallet-disconnect{padding-inline:8px;font-size:9px}}
