/* FAZGAME V5.4.3 — Stable mobile floating pill, replacing the full-width fixed dock.
   Critical: rendered mobile dock is a SIBLING of .fg-saas-layout, not a child.
   No backdrop-filter or entrance animation on this fixed bar: avoids Chromium/PWA
   compositor flicker during frequent full-page DOM re-renders and scroll.
*/
@media (max-width:850px){
  .mobile-dock.fg-simple-dock.fg-mobile-pill{
    position:fixed!important;
    display:flex!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:max(12px,calc(env(safe-area-inset-bottom,0px) + 9px))!important;
    width:min(540px,calc(100% - 26px))!important;
    max-width:calc(100% - 26px)!important;
    height:auto!important;
    min-height:69px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:7px 7px!important;
    gap:3px!important;
    align-items:stretch!important;
    justify-content:space-between!important;
    border:1px solid #343a34!important;
    border-radius:24px!important;
    background:#1d2220!important;
    box-shadow:0 12px 35px rgba(9,16,12,.27),0 3px 9px rgba(9,16,12,.16)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:translate3d(-50%,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    isolation:isolate;
    z-index:48!important;
    animation:none!important;
    transition:none!important;
    contain:layout style;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-dock.fg-mobile-pill button{
    position:relative;
    flex:1 1 0!important;
    min-width:0!important;
    min-height:54px!important;
    max-width:none!important;
    padding:7px 0 5px!important;
    margin:0!important;
    border:1px solid transparent!important;
    border-radius:17px!important;
    color:#bbc3ba!important;
    background:transparent!important;
    box-shadow:none!important;
    font-family:inherit;
    font-size:10px!important;
    font-weight:750!important;
    line-height:1.1!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:center!important;
    gap:5px!important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
    transition:background-color 160ms ease,color 160ms ease,transform 140ms ease!important;
  }
  .mobile-dock.fg-mobile-pill button svg{
    width:20px!important;
    height:20px!important;
    flex:0 0 20px;
    stroke-width:1.85;
    transition:transform 175ms cubic-bezier(.22,1,.36,1)!important;
  }
  .mobile-dock.fg-mobile-pill button span{
    display:block!important;
    font-size:9px!important;
    font-weight:700!important;
    max-width:100%;
    color:inherit!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .mobile-dock.fg-mobile-pill button.active{
    color:#251f11!important;
    background:#f0d164!important;
    border-color:#e6c252!important;
    box-shadow:0 2px 8px #00000016!important;
  }
  .mobile-dock.fg-mobile-pill button.active svg{transform:scale(1.09)}
  /* Keep the existing light SaaS theme; switch to dark only in dark mode. */
  html[data-theme="light"] .mobile-dock.fg-mobile-pill{
    background:#fff!important;
    border-color:#e2e4df!important;
    box-shadow:0 13px 33px rgba(30,38,26,.12),0 3px 7px rgba(30,38,26,.06)!important;
  }
  html[data-theme="light"] .mobile-dock.fg-mobile-pill button:not(.active){color:#677068!important}
  html[data-theme="light"] .mobile-dock.fg-mobile-pill button.active{color:#4f3d16!important}
  .mobile-dock.fg-mobile-pill button:active{transform:scale(.93)!important}
  .mobile-dock.fg-mobile-pill button:focus-visible{outline:2px solid #f5d86e!important;outline-offset:2px}
  /* The page must scroll above the pill and Android/iOS home gesture area. */
  .fg-saas-layout .fg-simple-content{
    padding-bottom:calc(145px + env(safe-area-inset-bottom,0px))!important;
  }
}
@media (max-width:370px){
  .mobile-dock.fg-mobile-pill{width:calc(100% - 18px)!important;max-width:calc(100% - 18px)!important;padding:6px 4px!important;gap:1px!important;border-radius:21px!important}
  .mobile-dock.fg-mobile-pill button{min-height:51px!important;padding:6px 0 4px!important;gap:4px!important}
  .mobile-dock.fg-mobile-pill button svg{width:18px!important;height:18px!important;flex-basis:18px}
  .mobile-dock.fg-mobile-pill button span{font-size:8px!important}
}
@media (prefers-reduced-motion:reduce){
  .mobile-dock.fg-mobile-pill,.mobile-dock.fg-mobile-pill *,
  .mobile-dock.fg-mobile-pill *::before,.mobile-dock.fg-mobile-pill *::after{
    animation:none!important;transition:none!important;
  }
}
@media print{.mobile-dock.fg-mobile-pill{display:none!important}}