/* MATHBHOOT Villa Globe — Active & Locked Node Cards */

.node-card {
  appearance: none;
  display: grid;
  justify-items: center;
  gap: 0.25rem;
  background: var(--bg-panel);
  border: 1px solid var(--color-gold);
  border-radius: 10px;
  padding: 1rem 1.25rem;
  width: min(280px, 100%);
  color: var(--color-text-main);
  font: inherit;
  text-align: center;
  cursor: pointer;
  backdrop-filter: blur(16px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.8), 0 0 25px rgba(245, 158, 11, 0.3);
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.node-card[hidden] { display: none; }

.node-signal-status {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--color-gold-bright);
}

.node-coords {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  color: var(--color-cyan);
}

.node-signal-name {
  font-family: var(--font-display);
  font-size: 1.35rem;
  color: var(--color-gold-bright);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.node-signal-location {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  color: var(--color-text-muted);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.node-signal:is(:hover, :focus-visible) {
  border-color: #f8fafc;
  box-shadow: 0 0 0.7rem rgba(248, 250, 252, 0.52), 0 0 1.8rem rgba(168, 85, 247, 0.58), inset 0 0 1.25rem rgba(238, 232, 255, 0.14);
  transform: scale(1.025);
}