/* ==========================================================
   MOBILE RESPONSIVE – SPARKADE Neon Maps
   ========================================================== */
@media (max-width: 768px) {
  header, footer {
    flex-direction: column;
    text-align: center;
  }

  #context-bar {
    max-width: 95%;
    font-size: 0.85em;
  }

  .action-side-bar {
    left: 10px;
    top: 100px;
    transform: scale(0.9);
  }

  .overlay-content {
    max-width: 90%;
    font-size: 0.9em;
  }

  .neon-loader {
    width: 40px;
    height: 40px;
  }

  #upland-progress-bar {
    width: 180px;
  }
}