/* App4: keep the same compact Home dock on every React route. */
html[data-app-domain="app4.akingames.online"] .mobile-shell > .bottom-nav,
html[data-app-domain="app4.akingames.online"] .mobile-shell .bottom-nav {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  top: auto !important;
  z-index: 1500 !important;
  width: min(430px,100vw) !important;
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  margin: 0 !important;
  padding: 0 7px 4px !important;
  transform: translateX(-50%) !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) 68px minmax(0,1fr) minmax(0,1fr) !important;
  align-items: end !important;
  border: 1px solid rgba(98,122,55,.22) !important;
  border-bottom: 0 !important;
  border-radius: 18px 18px 0 0 !important;
  background: rgba(255,253,244,.98) !important;
  box-shadow: 0 -7px 18px rgba(54,72,31,.14) !important;
  backdrop-filter: blur(14px) !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}
html[data-app-domain="app4.akingames.online"] .mobile-shell .bottom-nav::before,
html[data-app-domain="app4.akingames.online"] .mobile-shell .bottom-nav::after { display:none !important; content:none !important; }
html[data-app-domain="app4.akingames.online"] .mobile-shell .bottom-nav > a {
  min-height:50px !important;
  height:50px !important;
  margin:0 !important;
  padding:0 1px 4px !important;
  align-content:end !important;
  gap:1px !important;
  color:#5a742d !important;
  font-size:8.5px !important;
  line-height:10px !important;
  box-sizing:border-box !important;
}
html[data-app-domain="app4.akingames.online"] .mobile-shell .bottom-nav > a svg { width:19px !important; height:19px !important; }
html[data-app-domain="app4.akingames.online"] .mobile-shell .bottom-nav .bottom-fab-wrap {
  position:relative !important;
  align-self:end !important;
  width:68px !important;
  height:68px !important;
  min-width:68px !important;
  margin:0 !important;
  overflow:visible !important;
  pointer-events:none !important;
}
html[data-app-domain="app4.akingames.online"] .mobile-shell .bottom-nav .bottom-fab-dice {
  position:absolute !important;
  pointer-events:auto !important;
  left:50% !important;
  right:auto !important;
  top:auto !important;
  bottom:15px !important;
  width:58px !important;
  min-width:58px !important;
  max-width:58px !important;
  height:58px !important;
  min-height:58px !important;
  max-height:58px !important;
  margin:0 !important;
  padding:0 !important;
  transform:translateX(-50%) !important;
  border:4px solid #fff !important;
  border-radius:50% !important;
  background:linear-gradient(145deg,#91b53b,#6f9227 48%,#4b681b) !important;
  box-shadow:inset 0 3px 5px rgba(255,255,255,.48),inset 0 -5px 8px rgba(37,66,15,.28),0 0 0 2px rgba(119,153,50,.3),0 8px 17px rgba(54,82,23,.34) !important;
  box-sizing:border-box !important;
}
html[data-app-domain="app4.akingames.online"] .mobile-shell .bottom-nav .bottom-fab-dice svg { width:25px !important; height:25px !important; }
html[data-app-domain="app4.akingames.online"] .mobile-shell .bottom-nav .bottom-fab-label { display:none !important; }
html[data-app-domain="app4.akingames.online"] .mobile-shell:not(.is-select-game):not(.is-bet) { padding-bottom:68px !important; box-sizing:border-box !important; }
@media (max-height:520px) {
 html[data-app-domain="app4.akingames.online"] .mobile-shell .bottom-nav { display:none !important; }
}