.helm a.key{text-decoration:none}
#am-mobile-menu{display:none}
#am-navigation{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:22px;border:1px solid #d5b67c;border-radius:12px;background:#182e40;color:#fff2d9;overflow:auto}
#am-navigation::backdrop{background:#04101bc7}
#am-navigation header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
#am-navigation h2{margin:0;font:inherit;font-size:24px}
#am-navigation button,#am-navigation a{min-height:44px;box-sizing:border-box;font:inherit;color:inherit}
#am-navigation .am-menu-links{display:grid;gap:8px}
#am-navigation .am-menu-links>a,#am-navigation .am-menu-links>button{display:flex;align-items:center;text-align:left;padding:10px 14px;text-decoration:none;border:1px solid #bfa67577;border-radius:6px;background:#263e50}
#am-navigation .am-menu-links [aria-current="page"]{border-color:#f2ce8a;background:#534a3c}
#am-navigation details{border:1px solid #bfa67577;border-radius:6px;padding:0 14px}
#am-navigation summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
#am-navigation details a{display:flex;align-items:center;padding:8px 0;text-decoration:underline}
#am-navigation form{display:flex;flex-wrap:wrap;gap:8px}
#am-navigation input{box-sizing:border-box;min-width:0;min-height:44px;flex:1;padding:10px;color:#fff2d9;background:#1c3347;border:1px solid #bfa675;border-radius:6px}
#am-navigation :focus-visible,#am-mobile-menu:focus-visible{outline:3px solid #ffd898;outline-offset:3px}
.listen-recording audio{max-width:100%}
.ami-tools{flex-wrap:wrap}
.am-voice-status{flex-basis:100%;font-size:12px;line-height:1.4}
body.motion-off *,body.motion-off *::before,body.motion-off *::after{animation-play-state:paused!important;scroll-behavior:auto!important}
@media(max-width:1100px){
  .bridge-tools .control-panel{min-width:0;flex-wrap:wrap}
}
/* A narrow computer window still keeps the original desktop navigation. */
@media(max-width:600px), (max-width:1100px) and (pointer:coarse){
  .am-has-menu #am-mobile-menu{display:inline-flex;align-items:center;justify-content:center;position:fixed;z-index:9000;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);min-height:46px;min-width:112px;padding:10px 20px;border:1px solid #dfbc7c;border-radius:9px;background:#1b3042;color:#fff2d9;box-shadow:0 4px 24px #0009;font:inherit}
  .am-has-menu nav.helm,.am-has-menu nav.ship-keys{display:none!important}
}

#am-service-engineering{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.am-service-engineering #main{position:relative;z-index:1}
@media(max-width:680px){
  .sbconsole .mhud{flex-wrap:wrap}
  .sbconsole .mhud .mnav{max-width:100%;flex-wrap:wrap}
}

/* Retain shaped computer keys while accommodating the new learning destination. */
nav.helm:has(#learnBtn) .keys{gap:2px;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}
nav.helm:has(#learnBtn) .keys .key{padding-left:6px;padding-right:6px}