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

.loading-screen-main-container {
  width: 100vw;
  height: 100vh;
  height: 100svh;
  background: var(--screen-background-radial-gradient);
  font-family: "Ubuntu Regular", sans-serif;
  text-align: center;
  box-sizing: border-box;
}

.loading-screen-dragon-logo {
  height: 7.83vw;
  max-height: 18vh;
}

[data-partner-id="31"] .loading-screen-dragon-logo {
  opacity: 0;
}

.loading-screen-partner-logo-holder > img {
  max-height: 100%;
  max-width: 80vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
}

@media (orientation: landscape) {
  [data-mahjong-network=casualmahjong] .loading-screen-partner-logo-holder > img,
  [data-mahjong-network=casual2] .loading-screen-partner-logo-holder > img {
    max-width: 40vw;
  }
}
@media (orientation: portrait) {
  [data-mahjong-network=casualmahjong] .loading-screen-partner-logo-holder > img,
  [data-mahjong-network=casual2] .loading-screen-partner-logo-holder > img {
    max-width: 80vw;
  }
}
.loading-screen-bar-holder {
  width: 40vw;
  height: 8vh;
  margin: auto;
  display: flex;
}

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

.loading-screen-mahjong-logic-logo {
  height: 3.45vw;
  max-height: 9vh;
  display: none;
}

[data-partner-id="31"] .loading-screen-mahjong-logic-logo {
  opacity: 0;
}

.loading-screen-version {
  position: fixed;
  bottom: 4px;
  right: 4px;
  font-size: 12px;
  font-family: "Ubuntu Regular", sans-serif;
  color: #888888;
}

@media (orientation: landscape) {
  .loading-screen-partner-logo-holder {
    height: 32vw;
    max-height: 55vh;
    position: relative;
  }
}
@media (orientation: portrait) {
  .loading-screen-main-container {
    padding-top: 7vh;
  }
  .loading-screen-partner-logo-holder {
    height: 48vw;
    position: relative;
  }
}
body[data-mahjong-network=mahjonglogic] .loading-screen-mahjong-logic-logo,
body[data-mahjong-network=freedora] .loading-screen-mahjong-logic-logo {
  display: unset;
}

body[data-mahjong-network=casualmahjong] .loading-screen-progress-bar,
body[data-mahjong-network=casual2] .loading-screen-progress-bar,
body[data-mahjong-network=mahjong365] .loading-screen-progress-bar {
  background-color: #ffffff;
}

.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=casualmahjong] {
  --screen-background-radial-gradient: radial-gradient(#323232, black);
  --primary-color: #323232;
}
body[data-mahjong-network=mstar] {
  --screen-background-radial-gradient: radial-gradient(at 50% 10%, #640000, #250100 60%);
  --primary-color: #6A0000;
}
body[data-mahjong-network=casual2] {
  --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;
}