.global-nav{position:-webkit-sticky;position:sticky;top:0;z-index:40;--nav-accent:#d7a84f;width:100%;min-height:var(--top-nav-height,52px);display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;padding:calc(8px + env(safe-area-inset-top, 0px)) 12px 10px;background:#161d2b;border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 10px 22px rgba(0,0,0,.28);scrollbar-width:none;-webkit-overflow-scrolling:touch}.global-nav::-webkit-scrollbar{display:none}.global-nav a{position:relative;flex:0 0 auto;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:12px;color:rgba(226,232,240,.72);background:transparent;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-bounce)}.global-nav a:active{transform:scale(.97)}.global-nav a.active{color:#fff;background:color-mix(in srgb,var(--nav-accent) 16%,transparent);font-weight:700}.global-nav a.active:after{content:"";position:absolute;left:50%;bottom:3px;width:20px;height:3px;border-radius:999px;background:var(--nav-accent);transform:translateX(-50%)}