/* ====================== RESPONSIVENESS ====================== */
@media (max-width: 1200px) {
  .app-container {
      flex-direction: column;
  }
  
  .left-column, .right-column {
      flex: 1;
      width: 100%;
  }
  
  .fund-options {
      grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .header-container {
      flex-wrap: wrap;
  }
  
  .nav-3d {
      order: 3;
      width: 100%;
      margin-top: 1rem;
  }
  
  .nav-3d ul {
      justify-content: center;
  }
  
  .profile-header {
      flex-direction: column;
      align-items: center;
      text-align: center;
  }
  
  .shop-grid {
      grid-template-columns: 1fr;
  }
  
  .fund-options {
      grid-template-columns: 1fr;
  }
  
  .room-actions {
      flex-wrap: wrap;
  }
  
  .chat-header {
      flex-direction: column;
      align-items: flex-start;
      gap: 1rem;
  }
  
  .room-actions {
      width: 100%;
      justify-content: space-between;
  }
}

@media (max-width: 480px) {
  .app-container {
      padding: 1rem;
  }
  
  .modal-content {
      width: 95%;
      padding: 1rem;
  }
  
  .room-action-btn span {
      display: none;
  }
}

@media (max-width: 600px) {
  .profile-modal-actions {
      flex-direction: column;
  }
  
  .profile-modal-address {
      flex-direction: column;
      gap: 5px;
  }
}

@media (max-width: 768px) {
  .effect-glow {
      text-shadow: 0 0 8px currentColor, 0 0 16px currentColor;
  }
  
  .gold-text {
      text-shadow: 0 0 8px rgba(255, 215, 0, 0.7), 0 0 16px rgba(255, 215, 0, 0.4);
  }
}