html,
body {
  margin: 0;
  padding: 0;
  background-color: black;
  overscroll-behavior: none;
}

.generic-block-screen-main-container {
  width: 100vw;
  height: 100vh;
  height: 100svh;
  background: radial-gradient(#6A0000, black);
  font-family: "Ubuntu Regular", sans-serif;
  text-align: center;
}

.generic-block-screen-logo-image {
  height: 7.83vw;
  max-height: 18vh;
}

.generic-block-screen-bar-holder {
  width: 40vw;
  height: 8vh;
  margin: auto;
}

.generic-block-screen-progress-bar {
  width: 0;
  height: 3px;
  background-color: #FFFF91;
  margin: auto;
}

.generic-block-screen-mahjong-logic-logo {
  height: 3.45vw;
  max-height: 9vh;
}

@media (orientation: portrait) {
  .generic-block-screen-error {
    height: 48vw;
    display: flex;
  }
  .generic-block-screen-error-message {
    margin: auto;
    font-size: 4vw;
    white-space: pre-line;
    color: white;
  }
}
@media (orientation: landscape) {
  .generic-block-screen-error {
    height: 32vw;
    max-height: 60vh;
    display: flex;
  }
  .generic-block-screen-error-message {
    margin: auto;
    font-size: 3vw;
    white-space: pre-line;
    color: white;
  }
}
body[data-mahjong-network=mahjonglogic] {
  --screen-background-radial-gradient: radial-gradient(#6A0000, black);
  --primary-color: #6A0000;
}
body[data-mahjong-network=freedora] {
  --screen-background-radial-gradient: radial-gradient(#6A0000, black);
  --primary-color: #6A0000;
}
body[data-mahjong-network=crystalmahjong] {
  --screen-background-radial-gradient: radial-gradient(#323232, black);
  --primary-color: #323232;
}
body[data-mahjong-network=mlnet] {
  --screen-background-radial-gradient: radial-gradient(at 50% 10%, #640000, #250100 60%);
  --primary-color: #6A0000;
}
body[data-mahjong-network=crystal2] {
  --screen-background-radial-gradient: radial-gradient(#323232, black);
  --primary-color: #323232;
}
body[data-mahjong-network=mahjong365] {
  --screen-background-radial-gradient: radial-gradient(#323232, black);
  --primary-color: #323232;
}