/* Le schede con i nodi di «Cosa faccio» e «Chi sono» (scelte di Leo, APPROVATO.md; le muove js/schede-nodi.js; col
   mouse si sollevano: comune.css): la luce dei nodi e l'energia sui fili sono solo bianche, con un filo d'ombra
   grigia (la stessa delle ombre del sito) perché il bianco si veda sul vetro chiaro. */
:root {
  --luce-bordo: rgba(60, 50, 40, 0.55);
  --luce-bordo-forte: rgba(60, 50, 40, 0.75);
  --luce-ombra: rgba(60, 50, 40, 0.18);
  --luce-ombra-forte: rgba(60, 50, 40, 0.25);
}

/* Prima di arrivare sullo schermo nodi e fili non si vedono; poi salgono a scaletta */
.schede-in-arrivo .caso:not(.arrivata) .rete .pill,
.schede-in-arrivo .caso:not(.arrivata) .rete .fili {
  opacity: 0;
}

.luce-nodo {
  position: absolute;
  z-index: 1;
  border-radius: 999px;
  background: var(--bianco-22);
  box-shadow:
    0 0 34px 16px var(--bianco),
    0 0 70px 30px var(--bianco-90),
    inset 0 0 24px var(--bianco);
  opacity: 0;
  pointer-events: none;
}

.cometa-coda,
.cometa-testa {
  fill: none;
  stroke: var(--bianco);
  stroke-linecap: round;
  pointer-events: none;
}
.cometa-coda {
  stroke-width: 10;
  filter: drop-shadow(0 0 0.6px var(--luce-bordo)) drop-shadow(0 0 3px var(--luce-ombra))
    drop-shadow(0 0 12px var(--bianco));
}
.cometa-testa {
  stroke-width: 6;
  filter: drop-shadow(0 0 0.6px var(--luce-bordo-forte)) drop-shadow(0 0 4px var(--luce-ombra-forte))
    drop-shadow(0 0 10px var(--bianco)) drop-shadow(0 0 22px var(--bianco));
}