/* Responsive layout */

@media (max-width: 768px) {
  body {
    padding: 12px;
  }
}

@media (max-width: 480px) {
  .app {
    padding: 12px;
    padding-bottom: 80px;
  }

  .app-header-title {
    font-size: 16px;
  }

  .app-header-subtitle {
    font-size: 12px;
  }

  .roulette-wrapper {
    height: 240px;
  }

  .roulette-scroll-container {
    height: 200px;
  }

  .roulette-item {
    height: 60px;
    font-size: 16px;
  }

  .roulette-indicator {
    height: 60px;
  }

  .roulette-scroll-mask-top,
  .roulette-scroll-mask-bottom {
    height: 60px;
  }

  .roulette-scroll-track {
    padding: 60px 0;
  }
}