.mobileDock{display:none}

@media(max-width:680px){
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .mobileDock{position:fixed;z-index:60;right:8px;bottom:8px;left:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:58px;padding:5px calc(4px + env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) calc(4px + env(safe-area-inset-left));border:1px solid rgba(220,225,232,.92);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 14px 38px rgba(16,24,40,.18);backdrop-filter:blur(18px)}
  .mobileDock a{position:relative;display:flex;min-width:0;min-height:48px;align-items:center;justify-content:center;flex-direction:column;gap:3px;border-radius:13px;color:#737c88;font-size:9px;font-weight:850;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease}
  .mobileDock i{font-size:17px;font-style:normal;line-height:1}.mobileDock span{white-space:nowrap}
  .mobileDock a.active{background:#15171a;color:#fff}.mobileDock a.active:after{content:"";position:absolute;top:5px;right:calc(50% - 13px);width:5px;height:5px;border-radius:50%;background:#f04438}
  .mobileDock a:active{transform:scale(.94)}
  #top,#database,#accountShelf,#releaseBoard,#collectorBoard{scroll-margin-top:76px}
  .modalOpen .mobileDock{visibility:hidden}
}

@media(prefers-reduced-motion:reduce){.mobileDock a{transition:none}}