/* Mycelium Network — Responsive Breakpoints */

/* Tablet */
@media (max-width: 1024px) {
  html { font-size: 15px; }
}

/* Mobile */
@media (max-width: 768px) {
  html { font-size: 14px; }

  .phase-title { font-size: 1.1rem !important; }
  .phase-subtitle { font-size: 0.75rem !important; }

  .node-tooltip {
    max-width: 85vw !important;
    font-size: 0.8rem !important;
  }

  .symbol-btn {
    min-width: 70px !important;
    padding: 10px 12px !important;
    font-size: 0.75rem !important;
  }

  #synthesis-input {
    width: 90vw !important;
  }

  .myco-counter {
    font-size: 0.65rem !important;
    bottom: 8px !important;
    left: 8px !important;
  }
}

/* Small mobile */
@media (max-width: 480px) {
  html { font-size: 13px; }

  .phase-header { padding: 12px !important; }
}

/* Touch targets minimum 44px */
@media (pointer: coarse) {
  button, .symbol-btn, .node-clickable {
    min-height: 44px;
    min-width: 44px;
  }
}