/* constellation.css — improved “space deck” */
.constellation-section{
  position: relative;
  z-index: 2;
  padding: var(--s12) var(--s6);
  /* key change: transparency so stars + webgl can show through */
  background: linear-gradient(to bottom,
    rgba(5,14,28,0.55),
    rgba(2,8,16,0.35)
  );
  overflow: hidden;
}

.constellation-section::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse 55% 60% at 50% 45%, rgba(61,255,208,0.06), transparent 70%),
    radial-gradient(ellipse 40% 35% at 25% 65%, rgba(157,120,245,0.035), transparent 70%);
  pointer-events:none;
}

#skill-canvas{
  display:block;
  width:100%;
  height:520px; /* match JS */
  cursor:none;
}

/* Readability upgrades for constellation text */
.constellation-sub {
  font-family: var(--font-mono);
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  color: rgba(61,255,208,0.65);   /* was 0.40 */
  text-align: center;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}
.constellation-sub::after {
  content: ' // hover nodes · click to select · links light up';
  display: block;
  font-size: 0.54rem;
  letter-spacing: 0.16em;
  color: rgba(61,255,208,0.40);   /* was 0.22 */
  margin-top: 0.25rem;
}