/* The original game is full-screen. These rules tune the menu copy and the
   built-in mobile controls without changing their pointer handlers. */
#root h1.text-6xl.font-black.text-white.neon-text {
  font-size: clamp(2.45rem, 9vw, 4.9rem) !important;
  line-height: 0.9 !important;
}

#root p.neon-text-cyan {
  max-width: 22rem;
  font-size: 0.58rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.15em !important;
}

/* Keep every built-in touch button inside the safe bottom area on phones.
   The game owns these buttons and their onPointerDown/onPointerUp behavior;
   this only makes the layout easier to use. */
@media (max-width: 639px) {
  #root .sm\:hidden.absolute.inset-0.z-20.pointer-events-none
    > .absolute.bottom-6.left-4.pointer-events-auto.flex.gap-1\.5 {
    left: max(0.5rem, env(safe-area-inset-left)) !important;
    bottom: max(0.75rem, env(safe-area-inset-bottom)) !important;
    gap: 0.3rem !important;
  }

  #root .sm\:hidden.absolute.inset-0.z-20.pointer-events-none
    > .absolute.bottom-6.right-4.pointer-events-auto.flex.flex-col.gap-2.items-end {
    right: max(0.5rem, env(safe-area-inset-right)) !important;
    bottom: max(0.75rem, env(safe-area-inset-bottom)) !important;
    gap: 0.45rem !important;
  }

  #root .sm\:hidden.absolute.inset-0.z-20.pointer-events-none
    > .absolute.bottom-6.left-4.pointer-events-auto.flex.gap-1\.5 > button {
    width: clamp(52px, 16vw, 64px) !important;
    height: clamp(52px, 15vw, 60px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    font-size: clamp(1.35rem, 6vw, 1.75rem) !important;
  }

  #root .sm\:hidden.absolute.inset-0.z-20.pointer-events-none
    > .absolute.bottom-6.right-4.pointer-events-auto.flex.flex-col.gap-2.items-end > button {
    width: clamp(72px, 22vw, 92px) !important;
    height: clamp(52px, 15vw, 60px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 0.35rem !important;
    font-size: clamp(0.7rem, 3.6vw, 0.95rem) !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
}