.game-frame-box {
  max-width: 1140px;
  margin: 0px auto;
}

.wgContent {
  top: 0;
  left: 0
}

.wgMidroll {
  position: absolute !important;
  top: 0;
  left: 0
}

.wgFixed {
  position: fixed !important
}

.wgHidden {
  display: none !important;
  visibility: hidden
}

.wgVisible {
  display: block !important;
  visibility: visible
}

.wgLogo {
  position: absolute;
  z-index: 50;
  cursor: pointer;
  width: 25px;
  height: 25px;
  bottom: 10px;
  right: 10px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iSXNvbGF0aW9uX01vZGUiIGRhdGEtbmFtZT0iSXNvbGF0aW9uIE1vZGUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI3LjIxIDIxLjMyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzkxOTA5MTt9LmNscy0ye2ZpbGw6I2VkMjIyNDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNTA0LDQ5OS4yNWMuMDgtLjIuMTQtLjM0LjItLjQ3bDEuMS0yLjZjLjItLjQ2LjM4LS45MS41Ny0xLjM3bC4zNi0uODMuNjYtMS41NWMuMzgtLjg3Ljc3LTEuNzQsMS4xNS0yLjYycy43LTEuNjksMS4wNi0yLjUzLjY0LTEuNDMuOTUtMi4xNWMuMTktLjQ2LjM2LS45NC41Ni0xLjRzLjQ3LTEuMDkuNy0xLjYzLjQyLTEuMDYuNjQtMS41OC40Ny0xLjA5LjcxLTEuNjNsLjM1LS44MmMuMTIsMCwuMjcsMCwuNDMsMGwzLjIzLDBjLjUxLDAsLjU5LjA2Ljc3LjU0YTEuNywxLjcsMCwwLDEsLjE4LjQ0LDEuMTUsMS4xNSwwLDAsMSwwLC41OGMtLjMuNzYtLjY0LDEuNTEtMSwyLjI2LS4yNC41OC0uNDYsMS4xNi0uNywxLjczcy0uNTksMS4zMy0uODgsMmMtLjQzLDEtLjg0LDItMS4yNywzLS4yNS42LS41MSwxLjE5LS43NiwxLjc5LS4zNy44Ny0uNzIsMS43NC0xLjA4LDIuNjFsLS43LDEuNjVjLS4yMS41MS0uNCwxLS42MiwxLjU1LS4xNC4zNC0uMzIuNjctLjQ4LDFhNy43LDcuNywwLDAsMS0uMzMuNzEsMy4xMiwzLjEyLDAsMCwxLTEuOCwxLjMyLDYuMjYsNi4yNiwwLDAsMS0xLjcyLjE1Yy0uNjMsMC0xLjI2LDAtMS44OSwwQzUwNC4zMiw0OTkuMzEsNTA0LjE5LDQ5OS4yNyw1MDQsNDk5LjI1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ5MC40NyAtNDc4LjAxKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQ5OS44Miw0OTkuMjVhLjkxLjkxLDAsMCwxLS4yNS4wN2wtMy43OSwwYS42My42MywwLDAsMS0uMjMtLjA3bC0uNDEtLjk0YS43Ni43NiwwLDAsMSwwLS42OWMuMzItLjcuNjMtMS40MS45My0yLjEyLjM3LS44OC43My0xLjc3LDEuMTEtMi42NC4yNC0uNTcuNTEtMS4xMy43Ni0xLjdzLjM3LS45LjU3LTEuMzVjLjI2LS42Mi41NC0xLjIzLjc5LTEuODZzLjYtMS40Ny45LTIuMjFjLjE4LS40Mi4zOC0uODQuNTYtMS4yN3EuMTUtLjMzLjI3LS42NmE0LjQ5LDQuNDksMCwwLDEsLjkxLTEuNTEsNC41Niw0LjU2LDAsMCwxLC44My0uNjgsMS42NiwxLjY2LDAsMCwxLC41MS0uMTMsNS42Myw1LjYzLDAsMCwxLDEuNTktLjE4Yy41NSwwLDEuMSwwLDEuNjUsMGExLjI0LDEuMjQsMCwwLDEsLjg2LjIxYy0uMDYuMTktLjEyLjM2LS4xOS41My0uMjguNjMtLjU4LDEuMjUtLjg1LDEuODgtLjQyLDEtLjgyLDItMS4yNCwzLS4yMS41MS0uNDQsMS0uNjYsMS41M2wtLjY2LDEuNTNjLS4yNi42LS41NCwxLjItLjgsMS44MXMtLjQ3LDEuMi0uNzIsMS44Yy0uMTguNDQtLjM4Ljg3LS41NiwxLjMxLS4yNy42NC0uNTIsMS4yOS0uOCwxLjk0LS4xOC40My0uMzkuODYtLjU5LDEuMjlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDkwLjQ3IC00NzguMDEpIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNDkzLDQ5My40Yy0uMjQtLjQ4LS40OS0xLS43MS0xLjQ3LS4zLS42Ny0uNTctMS4zNi0uODYtMnMtLjY0LTEuNC0xLTIuMWEuNTEuNTEsMCwwLDEsLjA2LS41NSw2LjY2LDYuNjYsMCwwLDAsLjUzLTEuMDcsMy40OCwzLjQ4LDAsMCwxLDIuMTEtMS45MywyLjgxLDIuODEsMCwwLDEsMS4yMi0uMTcsMTEuNjMsMTEuNjMsMCwwLDAsMS4zMiwwYy40MiwwLC44MywwLDEuMjUsMHMuNDQuMS4yOC40N2MtLjI5LjY4LS41NSwxLjM3LS44OSwyLS40OS45NS0uOTEsMS45My0xLjM1LDIuOTEtLjI1LjU2LS41NSwxLjEtLjgsMS42NnMtLjYsMS4zOC0uODgsMi4wOEM0OTMuMyw0OTMuMzYsNDkzLjI0LDQ5My40NSw0OTMsNDkzLjRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNDkwLjQ3IC00NzguMDEpIi8+PC9zdmc+)
}

.wgLogo:hover {
  transition: .3s;
  transform: scale(1.1)
}

.wgThumbnail.small {
  width: 120px;
  height: 120px;
  border: 3px solid #fff;
  margin: 10px;
  display: inline-block;
  background-size: cover;
  background-position: center center
}

.WGP1M1ST1PK1MP1 {
  width: 100%
}

.WGP1M1ST1PK1MP1 {
  height: 100%
}

.WGP1M1ST1PK1MP1 {
  min-height: 100%
}

.WGP1M1ST1PK1MP1 {
  max-height: 100%
}

.WGP1M1ST1PK1MP1 {
  background-color: #000;
  overflow: hidden
}

.WGP1M1ST1PK1MP1 {
  padding: inherit;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  z-index: 50
}

.WGP1M1ST1PK1MP1 {
  container: content / size
}

body>.WGP1M1ST1PK1MP1 {
  position: fixed !important
}

.WGP1M1ST1PK1MP1.wgMidroll {
  background: rgba(0, 0, 0, 1)
}

.WGP1M1ST1PK1MP1>div:first-child {
  z-index: 50
}

.WGP1M1ST1PK1MP1.wgNoClick>div:first-child {
  z-index: 50
}

.WGP1M1ST1PK1MP1:not(.wgAdLoaded)>div:not([class]) {
  pointer-events: none
}

.wgSafeSize {
  width: 600px;
  height: 400px
}

.WGP1M1ST1PK1MP1 {
  position: absolute;
  z-index: 5
}

.wgContent {
  position: relative
}

.wgRelative:not(body) {
  position: relative
}

.game-frame-box .wgVisible {
  display: block !important
}

.wgRelative:not(body) {
  position: relative
}

.slideInFromTop {
  transform: translateY(0px) !important;
  transition: .3s ease-in-out
}

.wgOffViewport {
  position: fixed;
  transform: translateX(-10000px) !important
}

.wgcppe {
  display: none;
  cursor: pointer;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 50 !important;
  border: none;
  display: none
}

body div.fc-ccpa-root {
  clear: both !important;
  overflow: hidden !important
}

:root {
  --min5050: 50px;
  --min202: 20px;
  --min203: 20px;
  --min405: 40px;
  --min255: 25px;
  --min143: 14px;
  --min22040: 150px;
  --min33040: 150px;
  --min44040: 300px;
  --min15015: 150px;
  --min505: 50px;
  --min364: 36px;
  --min202: 20px
}

.wgSplash * {
  box-sizing: border-box;
  font-family: Roboto, sans-serif !important;
  font-weight: 300
}

.wgSplash {
  display: block;
  padding: var(--min5050);
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  background-color: #000;
  outline: none !important;
  transition: opacity .4s;
  background-repeat: no-repeat;
  background-position: center
}

.wgSplash .wgBg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1
}

.wgSplash .wgBg .wgBgImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: blur(45px);
  background-size: cover;
  transform: scale(1.3)
}

.wgSplash .wgSplashContent {
  background: rgba(255, 255, 255, .4);
  border-radius: 50px;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 10;
  box-shadow: 0px 0px 0px 0px #ffffff, 10px 20px 21px rgba(0, 0, 0, .4);
  position: relative;
  transition: box-shadow .2s
}

.wgSplash .wgSplashContent:hover {
  box-shadow: -2px -2px 10px 1px #ffffff, 10px 20px 21px rgba(0, 0, 0, .4)
}

.wgSplashContent .wgCenterContent {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: 2fr 1fr;
  box-sizing: border-box;
  place-items: center;
  padding: var(--min202)
}

.wgSplashContent .wgCenterContent>div {
  text-align: center;
  padding: var(--min202);
  width: 100%
}

.wgSplashContent .wgCenterContent .wgPrerollInfo {
  display: grid;
  width: 100%;
  text-align: left;
  row-gap: 20px
}

.wgSplashContent .wgCenterContent .wgButtons {
  display: inline-block;
  text-align: center;
  display: grid;
  row-gap: 20px;
  width: max-content;
  padding: 20px
}

.wgSplashContent .wgCenterContent .wgPrerollCTA {
  transition: .2s;
  position: relative;
  cursor: pointer
}

.wgSplashContent .wgCenterContent .wgPrerollCTA:hover {
  transform: scale(1.1)
}

.wgSplashContent .wgCenterContent .wgPrerollCTA span {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
  background-color: #1c1c1c;
  color: #fff;
  border-radius: 100px;
  padding: var(--min203) var(--min405);
  font-weight: 400;
  font-size: var(--min255);
  box-shadow: 0 0 20px rgba(0, 0, 0, .8);
  align-items: center;
  cursor: pointer;
  transition: .3s;
  text-transform: uppercase;
  user-select: none;
  pointer-events: none
}

.wgSplashContent .wgCenterContent .wgPrerollCTA:hover span {
  background-color: #91000a
}

.wgSplashContent .wgCenterContent .wgPrerollCTA span:before {
  display: block;
  content: " ";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAABKklEQVQokY2TvyvEcRjHX75dDFIGFhmuFFaLC7NFERkNBvInuCubhdtsBsUimVx28iPJarHSme4kAyU/6qVPPur6du7uqc+zPJ/3834/7+fzQR1Un9RzNavSykmAXaAMVIB7YAvopVmoFXU9skypD+qbuqZm/mMPqaxupAp59V2tqrNqkgYmUVBbSlgR6Ab2gBJwBeRqLyQNJvkA8kBPnP8GOAGyzYB/8QzMARNAF3AGTLcC7I+s11HuKXDQCBi6bwMXcd5O4BCYAVbrAYNRi8Aj0AesAMvAKzAcZIaGmTrAfWASWIim7ESp89Hh34h73KzZ0ai6pJbUF7WgdqT3GBjbga/YZwQoAGPAETAEVOs6oN6ql2pR/VaP1YFmDz2kcfVTvVNzLf0O5QcZKy4YNKUs+wAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: center;
  width: 15px;
  height: 15px
}

.wgSplashContent .wgCenterContent .wgPrerollCTA span:before {
  animation: wgKnock .3s infinite
}

@keyframes wgKnock {
  0% {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-10px)
  }
}

.wgSplashContent .wgCenterContent .wgPrerollWb {
  transition: .2s
}

.wgSplashContent .wgCenterContent .wgPrerollWb:hover {
  transform: scale(1.2)
}

.wgSplashContent .wgCenterContent .wgPrerollWb span {
  display: inline-block;
  border: 2px solid #1c1c1c;
  color: #1c1c1c;
  border-radius: 100px;
  padding: 15px 20px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: var(--min143);
  box-shadow: 0 0 20px rgba(0, 0, 0, .8);
  cursor: pointer;
  user-select: none
}

.wgThumb {
  display: block;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .4);
  width: var(--min22040);
  height: var(--min22040);
  transition: .3s;
  cursor: pointer;
  margin: auto
}

.wgThumb.large {
  display: block;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .4);
  width: var(--min44040);
  height: var(--min33040);
  transition: .3s;
  cursor: pointer;
  margin: auto
}

.wgThumb:hover {
  transform: scale(1.1);
  box-shadow: -2px -2px 10px 1px #ffffff, 0 5px 40px rgba(0, 0, 0, .4)
}

.wgThumb>div {
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center
}

.wgTitle {
  font-weight: 300;
  font-size: var(--min364);
  user-select: none;
  color: #1c1c1c;
  line-height: normal
}

.wgTitle:after {
  content: "" !important
}

.wgPrerollDescription {
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  user-select: none;
  color: #1c1c1c;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

@media screen and (max-width:768px) {
  .pc-container {
    display: none !important;
  }

  .mobile-container {
    display: block !important;
  }

  .wgSplash {
    padding: 15px 20px;
  }

  .wgTitle {
    font-size: 18px;
    font-weight: 700;
  }

  .wgSplashContent .wgCenterContent {
    display: block;
  }

  .wgSplashContent .wgCenterContent>div {
    padding: 15px 0;
  }

  .wgSplashContent .wgCenterContent .wgPrerollInfo {
    text-align: center;
  }

  .wgSplashContent .wgCenterContent .wgPrerollCTA span {
    background-color: #91000a
  }

}