/* Final Earth stage: preserve the globe as the canvas and expose only Maihar access. */
.page-villa-network .network-hud {
  justify-content: flex-end;
  align-items: center;
  padding: 0 1rem calc(var(--experience-footer-height) + clamp(0.75rem, 3vh, 2rem));
}

.page-villa-network .hud-header,
.page-villa-network .hud-instructions {
  display: none;
}

.page-villa-network .hud-footer {
  width: min(100%, 27rem);
  justify-content: center;
  align-items: center;
}

.page-villa-network .node-card {
  width: min(100%, 24rem);
  border: 1px solid rgba(196, 181, 253, 0.52);
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(20, 12, 42, 0.9), rgba(5, 3, 10, 0.86));
  box-shadow: 0 0 1.5rem rgba(139, 92, 246, 0.28), inset 0 1px rgba(248, 247, 255, 0.1);
  backdrop-filter: blur(14px);
  min-height: 3.5rem;
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.page-villa-network .node-card:is(:hover, :focus-visible) {
  transform: translateY(-2px) scale(1.01);
  border-color: rgba(248, 247, 255, 0.78);
}

@media (max-width: 768px) {
  .page-villa-network .network-hud {
    min-height: 100svh;
    padding: 0 max(0.75rem, env(safe-area-inset-right)) calc(var(--experience-footer-height) + 0.75rem) max(0.75rem, env(safe-area-inset-left));
  }

  .page-villa-network .hud-footer {
    display: flex;
    width: 100%;
  }

  .page-villa-network .node-card {
    width: min(100%, 22rem);
    padding: 0.78rem 1rem;
  }

  .page-villa-network .node-signal-status,
  .page-villa-network .node-signal-location {
    font-size: 0.7rem;
  }
}

@media (max-width: 480px) {
  .page-villa-network .network-hud {
    padding-inline: max(0.6rem, env(safe-area-inset-left)) max(0.6rem, env(safe-area-inset-right));
  }

  .page-villa-network .node-card {
    width: 100%;
    min-height: 3rem;
    border-radius: 0.8rem;
  }

  .page-villa-network .node-signal-name { font-size: 1rem; }
  .page-villa-network .node-coords { font-size: 0.66rem; }
}

@media (max-height: 540px) and (orientation: landscape) {
  .page-villa-network .network-hud {
    align-items: flex-end;
    justify-content: center;
    padding: 0.5rem 1rem calc(var(--experience-footer-height) + 0.5rem);
  }

  .page-villa-network .hud-footer { width: min(19rem, 42vw); }
  .page-villa-network .node-card { padding: 0.6rem 0.8rem; }
  .page-villa-network .node-coords { display: none; }
}