:root{--nav-bronze:#d1a35c;--nav-cream:#f6efdb}header.trail-nav{position:fixed;z-index:12;top:clamp(10px,2vw,24px);left:50%;width:min(980px,calc(100% - 24px));min-height:64px;padding:8px 10px 8px 18px;transform:translateX(-50%);border:1px solid #e5bd783d;border-radius:18px;background:linear-gradient(140deg,#1c3024ed,#0b1510f2);box-shadow:0 16px 40px #0207048c;backdrop-filter:blur(16px);gap:14px}.trail-nav .brand{flex:0 0 auto;font-size:34px;line-height:1}.trail-nav__controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex:1}.trail-nav__compass{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #e7bb733d;border-radius:50%;background:#08120dc7}.trail-nav__compass canvas{display:block;width:40px;height:40px}.trail-nav nav{display:flex;align-items:center;gap:2px;min-width:0}.trail-nav nav a{position:relative;min-height:44px;padding:10px;border-radius:11px;color:#e9e1cb;font-size:12px;white-space:nowrap;transition:color .18s,background-color .18s}.trail-nav nav a:after{content:'';position:absolute;right:10px;bottom:7px;left:10px;height:1px;background:var(--nav-bronze);transform:scaleX(0);transition:transform .18s}.trail-nav nav a:hover,.trail-nav nav a[aria-current="location"]{color:#fff5dc;background:#e3b56b12}.trail-nav nav a[aria-current="location"]:after{transform:scaleX(1)}.trail-nav #motion{flex:0 0 auto;min-height:44px;padding:8px 11px;border:1px solid #e7bb7355;border-radius:30px;background:#0a1510b8;font-size:11px;white-space:nowrap}.trail-nav__toggle{display:none;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #e7bb734b;border-radius:12px;background:#0a1510c7}.trail-nav__toggle-icon,.trail-nav__toggle-icon:before,.trail-nav__toggle-icon:after{display:block;width:18px;height:1px;background:var(--nav-cream);transition:transform .18s}.trail-nav__toggle-icon{position:relative}.trail-nav__toggle-icon:before,.trail-nav__toggle-icon:after{position:absolute;left:0;content:''}.trail-nav__toggle-icon:before{top:-6px}.trail-nav__toggle-icon:after{top:6px}.trail-nav__toggle[aria-expanded="true"] .trail-nav__toggle-icon{background:transparent}.trail-nav__toggle[aria-expanded="true"] .trail-nav__toggle-icon:before{transform:translateY(6px) rotate(45deg)}.trail-nav__toggle[aria-expanded="true"] .trail-nav__toggle-icon:after{transform:translateY(-6px) rotate(-45deg)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:720px){header.trail-nav{width:calc(100% - 20px);min-height:60px;padding:8px 8px 8px 15px;border-radius:16px}.trail-nav .brand{font-size:31px}.trail-nav__controls{gap:6px}.trail-nav__toggle{display:grid}.trail-nav nav{position:absolute;top:calc(100% + 8px);right:0;left:0;display:grid;gap:3px;padding:7px;border:1px solid #e5bd783d;border-radius:14px;background:#102017f7;box-shadow:0 16px 36px #02070494;transform:translateY(-8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility .18s}.trail-nav.is-open nav{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.trail-nav nav a{padding:11px 14px;font-size:14px}.trail-nav #motion{padding:8px 10px;font-size:11px}}@media(max-width:390px){header.trail-nav{width:calc(100% - 12px);padding-left:12px;gap:6px}.trail-nav__compass{display:none}.trail-nav #motion{max-width:86px;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){.trail-nav *,.trail-nav *:before,.trail-nav *:after{transition:none!important}}.motion-paused .trail-nav *,.motion-paused .trail-nav *:before,.motion-paused .trail-nav *:after{transition:none!important}