/* Boatmance · bottom tab bar shared by the harbor and universe pages (phones only) */
.site-tabs{display:none}
@media (max-width: 900px){
  body.with-tabs{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px))}
  .site-tabs{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:calc(58px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);
    background:rgba(8,14,36,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.14);box-shadow:0 -8px 24px rgba(0,0,0,.35);font-family:Inter,system-ui,sans-serif}
  .site-tabs a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:rgba(255,255,255,.62);font-size:10.5px;font-weight:800;letter-spacing:.03em;-webkit-tap-highlight-color:transparent}
  .site-tabs i{font-style:normal;font-size:21px;line-height:1;filter:grayscale(.7);opacity:.8}
  .site-tabs a.on{color:#fff}
  .site-tabs a.on i{filter:none;opacity:1}
  .site-tabs a.on::before{content:"";position:absolute;top:-1px;left:30%;right:30%;height:3px;border-radius:0 0 4px 4px;background:#ffc93c}
}