/* MATHBHOOT Villa Globe — Responsive Breakpoints */

@media (max-width: 1024px) {
  .network-hud { padding: 70px 1.5rem 1.5rem 1.5rem; }
  .hud-title-box h1 { font-size: 1.5rem; }
  .node-card { width: min(260px, 100%); padding: 0.9rem 1rem; }
}

@media (max-width: 768px) {
  .custom-cursor { display: none; }
  .hud-title-box { display: none; }
  .hud-header { flex-direction: column; gap: 1rem; align-items: stretch; }
  .hud-telemetry { display: none; }
  .hud-footer { flex-direction: column-reverse; align-items: stretch; gap: 0.65rem; min-width: 0; }
  .hud-title-box { min-width: 0; padding: 0.9rem 1rem; }
  .hud-title-box h1 { font-size: clamp(1.25rem, 6vw, 1.55rem); overflow-wrap: anywhere; }
  .hud-subtitle { line-height: 1.35; overflow-wrap: anywhere; }
  .node-card { width: 100%; max-width: 100%; min-width: 0; padding: 1rem; overflow: hidden; }
  .node-coords { max-width: 100%; overflow-wrap: anywhere; }
  .network-hud { width: 100%; height: auto; min-height: 100svh; padding: 68px 0.75rem calc(var(--experience-footer-height) + 0.75rem); }
  .hud-instructions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; gap: 0.65rem; padding: 0.75rem; }
  .hud-instructions > span { min-width: 0; font-size: 0.7rem; white-space: normal; }
  .btn-quick-focus { min-width: 0; min-height: 2.75rem; white-space: normal; }
  #cesium-container { touch-action: pan-y pinch-zoom; }
}

@media (max-width: 420px) {
  .node-card { justify-self: end; }
  .map-attribution-bar { left: 0.5rem; max-width: calc(100vw - 1rem); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}