/* App4 home geometry: use the full mobile canvas without horizontal clipping. */
html, body, #root {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

.mobile-shell.mobile-shell.is-home {
  width: min(430px, 100vw) !important;
  max-width: 100vw !important;
  margin-inline: auto !important;
  padding-inline: 5px !important;
  box-sizing: border-box !important;
}

.mobile-shell.is-home :is(.app-header, .home-game-hub, #markets) {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  box-sizing: border-box !important;
}

.mobile-shell.is-home .app-header {
  padding-inline: 8px !important;
}

.mobile-shell.is-home .home-game-hub {
  padding-inline: 0 !important;
}

.mobile-shell.is-home .home-game-grid,
.mobile-shell.is-home .market-grid {
  width: 100% !important;
  max-width: 100% !important;
  padding-inline: 0 !important;
  margin-inline: 0 !important;
  box-sizing: border-box !important;
}

.mobile-shell.is-home .home-game-card {
  min-height: 58px !important;
  padding: 9px 10px !important;
}

.mobile-shell.is-home .market-card {
  min-height: 118px !important;
  padding: 14px 13px 12px !important;
  border-radius: 19px !important;
}

.mobile-shell.is-home .market-head h3 {
  font-size: 15px !important;
  line-height: 1.18 !important;
}

.mobile-shell.is-home .result-strip {
  margin-block: 11px 10px !important;
}

.mobile-shell.is-home .result-strip strong {
  min-height: 32px !important;
  font-size: 13px !important;
}

.mobile-shell.is-home .market-foot > span {
  font-size: 11px !important;
}

.mobile-shell.is-home .market-actions a {
  min-height: 38px !important;
}

/* Give the raised Home logo a clean, symmetric gap between money actions. */
.mobile-shell.is-home .app4-bottom-actions {
  width: min(420px, calc(100vw - 12px)) !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 84px !important;
}

.mobile-shell.is-home .app4-bottom-actions a {
  min-width: 0 !important;
  min-height: 34px !important;
  font-size: 11px !important;
}

.mobile-shell.is-home .bottom-nav {
  width: min(430px, 100vw) !important;
  max-width: 100vw !important;
}

@media (max-width: 360px) {
  .mobile-shell.mobile-shell.is-home { padding-inline: 3px !important; }
  .mobile-shell.is-home .market-card { min-height: 112px !important; padding: 12px 10px 11px !important; }
  .mobile-shell.is-home .market-head h3 { font-size: 14px !important; }
  .mobile-shell.is-home .app4-bottom-actions { width: calc(100vw - 8px) !important; gap: 76px !important; }
}