/* Mobile responsive styles */
@media (max-width: 768px) {
  /* Viewport settings for mobile zoom/pan */
  html {
    touch-action: none;
    overflow: hidden;
  }

  /* Main container - full viewport height */
  .w-full.h-screen {
    padding: 0;
    justify-content: flex-start;
    touch-action: none;
    overflow: hidden;
  }

  /* Game wrapper - full width, no max-width */
  .max-w-6xl {
    max-width: 100% !important;
    border-radius: 0 !important;
    border: none !important;
    touch-action: none;
    position: relative;
  }

  /* Header - stack elements vertically */
  .flex.justify-between {
    flex-direction: column;
    gap: 12px;
    padding: 12px;
  }

  /* Game canvas - centered with zoom/pan support */
  [class*="h-\\["] {
    height: calc(100vh - 120px) !important;
    width: 100vw !important;
    overflow: hidden;
    touch-action: none;
    position: relative;
    transform-origin: center center;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* Game content wrapper */
  .max-w-6xl > div:last-child {
    display: flex;
    justify-content: center;
    overflow: visible;
  }

  /* Address display - make smaller */
  .text-sm {
    font-size: 0.75rem !important;
    padding: 0.25rem 0.5rem !important;
  }
}

/* Tablet responsive styles */
@media (min-width: 769px) and (max-width: 1024px) {
  [class*="h-\\["] {
    height: 600px !important;
  }
}