html.mobile-nav-active body.color-theme-custom #container:after {
  z-index: 8998; }

body.color-theme-custom #logo a .rgblogo {
  display: none; }

body.color-theme-custom #logo a .whitelogo {
  display: block; }

body.color-theme-custom.duel-pending #container:after, body.color-theme-custom.duel-test-mode #container:after {
  background-color: transparent;
  border: 0; }

body.color-theme-custom #container:after {
  position: fixed;
  top: 28px;
  left: 65%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 1;
  pointer-events: none;
  text-align: center;
  z-index: 8999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 1;
  content: "";
  border: 0;
  padding: 0;
  background: transparent url(logo-starry-night.png) no-repeat 50% 50%;
  background-size: contain;
  width: 80px;
  height: 50px; }

body.color-theme-custom .duel-head {
  background-color: #191528;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(85%, rgba(25, 21, 40, 0)), to(#191528)), url(bg-starry-night-top.png), url(bg-starry-night-bottom.png);
  background-image: -webkit-linear-gradient(rgba(25, 21, 40, 0) 85%, #191528), url(bg-starry-night-top.png), url(bg-starry-night-bottom.png);
  background-image: -o-linear-gradient(rgba(25, 21, 40, 0) 85%, #191528), url(bg-starry-night-top.png), url(bg-starry-night-bottom.png);
  background-image: linear-gradient(rgba(25, 21, 40, 0) 85%, #191528), url(bg-starry-night-top.png), url(bg-starry-night-bottom.png);
  background-size: auto auto,100% auto,100% auto;
  background-position: center center,center top, center bottom;
  background-repeat: no-repeat,no-repeat, no-repeat; }
  body.color-theme-custom .duel-head .duel-subhead .amount-container {
    color: #fff; }
  body.color-theme-custom .duel-head .duel-subhead .amount {
    border-color: rgba(255, 255, 255, 0.4);
    background-color: rgba(25, 21, 40, 0.85); }
  body.color-theme-custom .duel-head .duel-subhead .amount-raised {
    font-weight: 900; }
    body.color-theme-custom .duel-head .duel-subhead .amount-raised .amount {
      border-color: #fff;
      background-color: rgba(25, 21, 40, 0.55);
      font-weight: 900; }
  body.color-theme-custom .duel-head .duel-title {
    color: #fff;
    background: rgba(25, 21, 40, 0.85); }
  body.color-theme-custom .duel-head .mobile-duel-team-selector .mobile-duel-team-container .team-name {
    color: #fff; }
  body.color-theme-custom .duel-head .mobile-duel-team-selector .mobile-duel-team-container img {
    max-width: 100%; }

body.color-theme-custom .duel-team-head {
  background-color: #191528; }

@media only screen and (min-width: 481px) {
  body.color-theme-custom #container:after {
    left: 62%; } }

@media only screen and (min-width: 768px) {
  body.color-theme-custom #container:after {
    left: 50%;
    top: 38px;
    width: 106px;
    height: 66px; }
  body.color-theme-custom .duel-head .duel-title {
    padding-top: 12px;
    padding-bottom: 12px; } }

@media only screen and (min-width: 1024px) {
  html.scrolled body.color-theme-custom #container:after {
    width: 106px;
    height: 66px;
    top: 38px; }
  body.color-theme-custom #container:after {
    top: 48px;
    width: 136px;
    height: 84px;
    -webkit-transition: width 375ms, height 375ms, top 375ms;
    -o-transition: width 375ms, height 375ms, top 375ms;
    transition: width 375ms, height 375ms, top 375ms; }
  body.color-theme-custom .duel-team {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#191528), color-stop(20%, rgba(25, 21, 40, 0)));
    background-image: -webkit-linear-gradient(#191528, rgba(25, 21, 40, 0) 20%);
    background-image: -o-linear-gradient(#191528, rgba(25, 21, 40, 0) 20%);
    background-image: linear-gradient(#191528, rgba(25, 21, 40, 0) 20%); }
  body.color-theme-custom.mega-duel .duel-head .mobile-scoreboard.mob-duel .mobile-duel-team-selector .mobile-duel-team-container.active {
    background-color: rgba(190, 30, 45, 0.65); }
  body.color-theme-custom.mega-duel .duel-head .mobile-scoreboard.mob-duel .mobile-duel-team-selector .mobile-duel-team-container .mobile-duel-team {
    background-color: rgba(71, 68, 83, 0.9); } }

@media only screen and (min-width: 1025px) {
  body.color-theme-custom #container:after {
    left: 42%; } }

@media only screen and (min-width: 1240px) {
  body.color-theme-custom #container:after {
    left: 50%;
    top: 68px;
    width: 160px;
    height: 100px; } }