/* Shared responsive breakpoints */
@media (max-width: 768px) {
  /* Trial zones: keep for touch but ensure min tap target */
  .zone {
    min-width: 44px !important;
    min-height: 44px !important;
    opacity: 0 !important;
  }
  /* Cartouche too small for touch — hide */
  #_c { display: none !important; }

  /* Constrain all inputs */
  textarea, input[type="text"] {
    max-width: 90vw !important;
    width: 90vw !important;
  }

  /* Offering area */
  #offering-area {
    width: 95vw !important;
    max-width: 95vw !important;
    padding: 0 12px;
  }

  /* Weigh deity symbols — min touch target */
  .deity {
    font-size: 22px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Ankh gate / input wraps */
  #ankh-gate-wrap, #fieldWrap {
    width: 95vw;
  }
  #ankh-gate, #input {
    width: 85vw !important;
    max-width: 85vw !important;
  }

  /* Verify page */
  #verify-wrap {
    max-width: 90vw !important;
    padding: 20px !important;
  }

  /* Scale */
  #scale {
    font-size: 36px !important;
  }

  /* All buttons: 44px minimum touch target */
  button {
    max-width: 80vw;
    min-height: 44px;
  }

  /* Stats line */
  #live-stats {
    font-size: 10px !important;
  }
}

@media (max-width: 480px) {
  #trial-heading {
    font-size: 18px !important;
  }
  #trial-subtitle {
    font-size: 11px !important;
  }
  .deity {
    font-size: 18px !important;
  }
}