.universe-card.active{
  border-color:#f5cf7b;
  box-shadow:0 0 0 1px rgba(245,207,123,0.35) inset;
}
.universe-card.pars{
  border-color:#8b3f35;
  background:linear-gradient(180deg,rgba(79,27,20,0.92),rgba(54,18,14,0.92));
}
.universe-planet{
  width:92px;
  height:92px;
  margin:0 auto 8px auto;
  border:0;
  border-radius:50%;
  position:relative;
  overflow:hidden;
  display:block;
  padding:0;
  background-clip:padding-box;
  box-shadow:inset -10px -10px 18px rgba(0,0,0,0.28), 0 6px 14px rgba(0,0,0,0.28);
}
.universe-planet.clickable{
  cursor:pointer;
  outline:1px solid rgba(245,207,123,0.5);
}
.universe-planet.current{
  outline:2px solid rgba(245,207,123,0.9);
  box-shadow:inset -10px -10px 18px rgba(0,0,0,0.28), 0 0 0 2px rgba(245,207,123,0.25), 0 6px 14px rgba(0,0,0,0.28);
}
.universe-lock{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  font-family:var(--font-big);
  font-size:26px;
  color:#ffe8b1;
  text-shadow:0 2px 5px rgba(0,0,0,0.7);
  pointer-events:none;
}