/* ============================================
 * RESPONSIVE
 * Extracted from index.html
 * ============================================ */

/* ==== RESPONSIVE LAYOUT: TABLET & DESKTOP ==== */
@media (min-width: 768px) {
  /* Sedikit longgar di tablet, tapi tetap rasio 9:16 */
  #ojol-lounge-root .ojol-wrapper,
  #ojol-mission-root .mission-scene,
  .menu-scene {
    max-width: 540px;
  }
}

@media (min-width: 1024px) {
  /* Di layar besar (iPad landscape / desktop), bikin frame lebih lebar
     supaya tidak terlalu sempit seperti HP, tapi tetap 9:16. */
  #ojol-lounge-root .ojol-wrapper,
  #ojol-mission-root .mission-scene,
  .menu-scene {
    max-width: 640px;
  }
}