#hud{top:calc(env(safe-area-inset-top) + 10px);left:max(12px,env(safe-area-inset-left));max-width:calc(100vw - 24px);overflow-wrap:anywhere}
#hud .help{max-width:calc(100vw - 24px)}
#ocean-nav{position:fixed;top:calc(env(safe-area-inset-top) + 58px);right:max(12px,env(safe-area-inset-right));z-index:11000;display:flex;gap:6px;font:14px system-ui,sans-serif}
#ocean-nav a,#ocean-nav button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #94a3b8;border-radius:8px;background:#132638eb;color:#fff;text-decoration:none;font:inherit;touch-action:manipulation}
#panel{box-sizing:border-box;top:calc(env(safe-area-inset-top) + 110px);right:max(12px,env(safe-area-inset-right));width:min(324px,calc(100vw - 24px));max-height:calc(100dvh - 145px - env(safe-area-inset-top));overflow:auto;z-index:10500}
#panel label{grid-template-columns:minmax(75px,1fr) 110px 40px;min-height:36px}
#ocean-profile-panel{bottom:calc(env(safe-area-inset-bottom) + 8px)!important;right:max(8px,env(safe-area-inset-right))!important;max-height:45dvh!important}
#err{box-sizing:border-box;padding-top:calc(env(safe-area-inset-top) + 118px)}