.navigation-hud{position:fixed;z-index:50;inset-inline-end:28px;top:108px;width:min(390px,calc(100vw - 40px));border:1px solid rgba(155,169,90,.4);border-radius:22px;background:#172e2b;color:#f5f3ed;box-shadow:0 18px 60px #17332d59;padding:18px;font-family:inherit;line-height:1.5;box-sizing:border-box}.navigation-hud[hidden]{display:none}.navigation-hud button,.navigation-hud select{font:inherit;cursor:pointer;color:inherit;background:#284238;border:1px solid #526b5b;border-radius:10px;padding:9px 12px;min-height:42px}.navigation-hud button:hover{background:#365646}.navigation-hud button:focus-visible,.navigation-hud select:focus-visible{outline:3px solid #dde7b4;outline-offset:2px}.nav-hud-top{display:flex;gap:12px;justify-content:space-between;align-items:center;font-size:12px;color:#dde7b4}.nav-stop{flex-shrink:0}.nav-instruction{display:flex;align-items:center;gap:16px;margin:22px 0}.nav-direction{font-size:38px;color:#dde7b4;line-height:1}.nav-next{display:block;font-size:21px;line-height:1.7}.nav-next-distance{color:#bfd0c5;font-size:13px}.nav-warning{font-size:13px;line-height:1.8;color:#ffdc9b;background:#443921;padding:10px;border-radius:10px}.nav-metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;border-top:1px solid #496052;border-bottom:1px solid #496052;padding:15px 0}.nav-metrics>div{display:flex;flex-direction:column;gap:4px}.nav-metrics strong{font-size:20px;white-space:nowrap}.nav-metrics span{font-size:10px;color:#bfd0c5}.nav-hud-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.nav-hud-actions button{font-size:12px}.nav-preview-speed{display:flex;align-items:center;gap:10px;font-size:12px}.navigation-hud [hidden]{display:none!important}.nav-disclaimer{display:block;margin-top:13px;color:#b2c3bc;font-size:10px;line-height:1.8}.navigation-hud .nav-stop{border-color:#6f8051;color:#dde7b4}@media(max-width:760px){.navigation-hud{top:auto;bottom:16px;inset-inline-end:12px;width:calc(100vw - 24px);padding:14px;border-radius:18px;max-height:60vh;overflow:auto}.nav-instruction{margin:10px 0}.nav-next{font-size:18px}.nav-direction{font-size:30px}.nav-metrics{padding:9px 0}.nav-metrics strong{font-size:18px}.nav-hud-actions{margin-top:10px}.nav-disclaimer{margin-top:8px}.nav-hud-top .nav-stop{min-height:36px;padding:5px 10px}}@media(prefers-reduced-motion:reduce){.navigation-hud *{transition:none!important}}