html,body{margin:0;height:100%;background:#010918;overflow:hidden;font-family:ubuntu,system-ui,sans-serif}
.tw.circa-stellas {
  height: 100vh;
  overflow: hidden;
}
#Umbral{position:relative;width:100vw;height:100vh}
#geom{position:absolute;inset:0;width:100%;height:100%}
#band-fill{fill:rgba(245,245,245,.18)}
#band-stroke{fill:none;stroke:rgba(245,245,245,.18);stroke-width:5.25}
#origin-link{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);width:60px;height:60px;display:grid;place-items:center;text-decoration:none}
#disparo{ color:#ffffff57;font-weight: 300;font-size: 0.9rem;position: relative;top:10px;left:-15px}
#origin-dot{width:60px;height:60px;border-radius:999px;background:#fd6400;box-shadow:0 0 18px rgba(253,100,0,.55);transition:transform .15s ease}
#origin-link:hover #origin-dot{transform:scale(1.15)}
#sound-toggle{position:absolute;left:18px;top:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(0, 0, 0, 0.829);padding:8px 10px;border-radius:999px;cursor:pointer}
#sound-toggle:hover{background:rgba(255,255,255,.09)}

#return-link{
  position:absolute;
  width:60px;
  height:60px;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  text-decoration:none;
}

.return-dot{
  width:60px;
  height:60px;
  border-radius:999px;
  background:rgba(208, 226, 247, 0.7);
  box-shadow:0 0 10px rgba(255,255,255,0.25);
  transition:all .5s ease;
}

#return-link:hover .return-dot{
  
  background:#fd6400;
  box-shadow:0 0 14px rgba(253,100,0,.5);
}