.mvn-cinema-head h2 {
  color: #fff !important;
  text-shadow: 0 8px 34px rgba(0, 0, 0, .62);
}

.mvn-cinema-node {
  color: rgba(255, 255, 255, .76);
  opacity: .72;
  background: rgba(255, 255, 255, .04);
}

.mvn-cinema-node span {
  color: rgba(255, 255, 255, .62);
}

.mvn-cinema-node.is-active {
  color: #fff;
  opacity: 1;
}

.mvn-cinema-message {
  border: 1px solid rgba(255, 215, 0, .22);
  border-left: 0;
  border-right: 0;
  background:
    linear-gradient(
      90deg,
      rgba(3, 3, 3, .76),
      rgba(3, 3, 3, .97) 22%,
      rgba(3, 3, 3, .97) 78%,
      rgba(3, 3, 3, .76)
    );
  backdrop-filter: blur(8px);
}

@media (max-width: 720px) {
  .mvn-cinema {
    padding-top: 76px;
    padding-bottom: 82px;
  }

  .mvn-cinema-head h2 {
    max-width: 620px;
    font-size: clamp(2rem, 9vw, 3.7rem);
    line-height: 1.02;
  }

  .mvn-cinema-stage {
    min-height: 720px;
  }

  .mvn-cinema-node {
    width: 42%;
    padding: 13px;
  }

  .mvn-cinema-node[data-index="0"] {
    top: 5%;
    left: 4%;
  }

  .mvn-cinema-node[data-index="1"] {
    top: 5%;
    right: 4%;
  }

  .mvn-cinema-node[data-index="2"] {
    top: 26%;
    right: 4%;
  }

  .mvn-cinema-node[data-index="5"] {
    top: 26%;
    left: 4%;
  }

  .mvn-cinema-node[data-index="3"] {
    right: 4%;
    bottom: 27%;
  }

  .mvn-cinema-node[data-index="4"] {
    bottom: 27%;
    left: 4%;
  }

  .mvn-cinema-core {
    top: 52%;
  }

  .mvn-cinema-message {
    bottom: 16px;
    width: calc(100% - 28px);
    padding: 15px 13px;
    border-radius: 10px;
  }
}

@media (max-width: 420px) {
  .mvn-cinema-controls {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .mvn-cinema-control {
    padding: 10px 8px;
  }

  .mvn-cinema-node strong {
    font-size: .75rem;
  }

  .mvn-cinema-node span {
    font-size: .61rem;
  }
}