:root {
  --solo-bottom-offset: calc(var(--nav-h, 72px) + var(--safe-bottom, 0px) + 18px);
}

#solo-plinko-panel,
#solo-crash-panel,
#solo-lucky-panel,
#solo-pvp-panel {
  box-sizing: border-box;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 0 0 var(--solo-bottom-offset) !important;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

#solo-plinko-panel::-webkit-scrollbar,
#solo-crash-panel::-webkit-scrollbar,
#solo-lucky-panel::-webkit-scrollbar,
#solo-pvp-panel::-webkit-scrollbar {
  display: none;
}

#solo-plinko-panel.active,
#solo-crash-panel.active,
#solo-lucky-panel.active,
#solo-pvp-panel.active {
  display: block !important;
}

#solo-plinko-panel .fullscreen-game-card,
#solo-plinko-panel .fullscreen-board-card,
#solo-lucky-panel .lucky-shell,
#solo-crash-panel .crash-shell,
#solo-pvp-panel .pvp-shell {
  min-height: auto !important;
  height: auto !important;
}

#solo-plinko-panel .fullscreen-game-card {
  padding-bottom: 0 !important;
}

#solo-plinko-panel .fullscreen-controls {
  position: relative !important;
  bottom: auto !important;
  margin-bottom: 0 !important;
}

#solo-lucky-panel .lucky-shell,
#solo-crash-panel .crash-shell,
#solo-pvp-panel .pvp-shell {
  padding-bottom: 0 !important;
}

@media (max-width: 640px) {
  :root {
    --solo-bottom-offset: calc(var(--nav-h, 72px) + var(--safe-bottom, 0px) + 22px);
  }
}