.dm-tabbar{display:none;}
@media (max-width:920px){
  :root{--dm-tab-side:20px;--dm-tab-h:56px;--dm-tab-gap:max(12px, calc(env(safe-area-inset-bottom, 0px) - 13px));--dm-ease:cubic-bezier(.16,1,.3,1);--dm-glass:linear-gradient(135deg, rgba(255,255,255,.15) 0%, rgba(255,255,255,.045) 42%, rgba(255,255,255,.025) 62%, rgba(255,255,255,.09) 100%), rgba(8,20,34,.74);--dm-edge:inset 1.5px 1.5px 0 -.5px rgba(255,255,255,.6), inset -1px -1px 0 -.5px rgba(255,255,255,.24), inset 0 0 0 1px rgba(255,255,255,.07);}
  @view-transition{navigation:auto;}
  ::view-transition-old(root),::view-transition-new(root){animation-duration:.32s;animation-timing-function:cubic-bezier(.16,1,.3,1);}
  .dm-tabbar{display:block;position:fixed;bottom:var(--dm-tab-gap);left:max(var(--dm-tab-side), calc(50% - 300px));width:min(calc(100% - var(--dm-tab-side) * 2), 600px);height:var(--dm-tab-h);z-index:1500;border-radius:28px;overflow:hidden;background:var(--dm-glass);box-shadow:var(--dm-edge), 0 12px 32px rgba(0,0,0,.36);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);transition:width .55s var(--dm-ease), left .55s var(--dm-ease), bottom .35s cubic-bezier(.2,.8,.2,1);}
  .dm-tabbar-tabs{position:absolute;top:4px;left:4px;bottom:4px;width:calc(min(100vw - var(--dm-tab-side) * 2, 600px) - 8px);display:flex;transition:opacity .25s ease;}
  .dm-tab-ind{position:absolute;top:0;bottom:0;left:0;width:calc(100% / var(--dm-n, 4));border-radius:24px;background:linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.1));box-shadow:inset 0 1px 0 rgba(255,255,255,.45), inset 0 0 0 1px rgba(255,255,255,.1), 0 4px 12px rgba(0,0,0,.2);transform:translateX(calc(100% * var(--dm-i, 0)));transition:transform .45s cubic-bezier(.34,1.3,.64,1);}
  .dm-tab,.dm-tab-mini{position:relative;flex:1;min-width:0;border:none;background:transparent;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:rgba(255,255,255,.68);font-family:var(--font-body);font-size:10px;font-weight:600;letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .25s ease, transform .18s var(--dm-ease);}
  .dm-tab:active,.dm-tab-mini:active{transform:scale(.94);}
  .dm-tab[aria-current="page"]{color:#FFFFFF;}
  .dm-tab[hidden]{display:none;}
  .dm-tab svg,.dm-tab-mini svg{width:21px;height:21px;flex:none;}
  .dm-tab span,.dm-tab-mini span{max-width:100%;overflow:hidden;text-align:center;line-height:1.1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;}
  .dm-tab-mini{position:absolute;inset:0;color:#FFFFFF;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease .1s, visibility 0s linear .4s;}
  .dm-tabbar{view-transition-name:dm-tabbar;touch-action:none;}
  .dm-tabbar.dm-tire .dm-tab-ind{transition:none;}
  .dm-tabbar:has(.dm-tab[data-dm-tab="missions"]:not([hidden])) .dm-tab span{font-size:10px;letter-spacing:-.01em;-webkit-line-clamp:1;line-clamp:1;white-space:nowrap;overflow:visible;}
}
@media (max-width:440px){
  :root{--dm-tab-side:12px;}
}
@media (max-width:920px) and (prefers-reduced-motion:reduce){
  .dm-tabbar,.dm-tab-ind{transition-duration:.01ms !important;}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none !important;}
}
@media (max-width:920px){
  .dm-tabbar{box-shadow:var(--dm-edge);}
}