/* Keep the ad outside the game surface, with the provider's responsive sizes. */
#freestar-leaderboard {
  position: fixed;
  inset: auto 0 0;
  z-index: 1000;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a0a0a;
}

#freestar-leaderboard[hidden] {
  display: none;
}

#ev-io_leaderboard_atf {
  flex: 1;
  max-width: 100%;
}

#pmLink {
  visibility: hidden;
  text-decoration: none;
  cursor: pointer;
  background: transparent;
  border: none;
  color: #b5b5b5;
  font-size: 11px;
}

#pmLink:hover {
  color: grey;
}

.freestar-leaderboard-enabled #canvas,
.freestar-leaderboard-enabled #canvas2,
.freestar-leaderboard-enabled #flashWhiteDiv,
.freestar-leaderboard-enabled #canvasSpeedLines,
.freestar-leaderboard-enabled #game_hud,
.freestar-leaderboard-enabled #game_menu_overlay,
.freestar-leaderboard-enabled #lobbyBG,
.freestar-leaderboard-enabled #fracSurPWDiv {
  top: 0 !important;
  height: calc(100% - var(--game-ad-footer-height, 0px)) !important;
}

/* Crosshairs are positioned against the viewport, outside the renderer canvas. */
.freestar-leaderboard-enabled #canvas_crosshair {
  position: fixed;
  top: calc((100% - var(--game-ad-footer-height)) / 2);
}

.freestar-leaderboard-enabled #custom_crosshair {
  position: fixed;
  bottom: var(--game-ad-footer-height);
}

.freestar-leaderboard-enabled #weaponsDiv {
  bottom: calc(10px + var(--game-ad-footer-height));
}

.freestar-leaderboard-enabled #lower_left_container {
  bottom: var(--game-ad-footer-height);
}

.freestar-leaderboard-enabled #healthDivCont {
  bottom: calc(28px + var(--game-ad-footer-height));
}

.freestar-leaderboard-enabled #manaDivCont {
  bottom: calc(17px + var(--game-ad-footer-height));
}

.freestar-leaderboard-enabled #icons_container {
  bottom: calc(45px + var(--game-ad-footer-height));
}

.freestar-leaderboard-enabled #chat-window {
  bottom: calc(140px + var(--game-ad-footer-height));
}

/* Menu controls also use fixed viewport coordinates. */
.freestar-leaderboard-enabled .sm_link {
  bottom: calc(67px + var(--game-ad-footer-height));
}

.freestar-leaderboard-enabled .sm_link#twitter {
  bottom: calc(116px + var(--game-ad-footer-height));
}

.freestar-leaderboard-enabled .sm_link#reddit {
  bottom: calc(65px + var(--game-ad-footer-height));
}

.freestar-leaderboard-enabled #abilities_button,
.freestar-leaderboard-enabled #friends_button {
  bottom: calc(214px + var(--game-ad-footer-height));
}

.freestar-leaderboard-enabled #full_screen_button {
  bottom: calc(5px + var(--game-ad-footer-height));
}

@media (max-width: 767px) {
  #freestar-leaderboard {
    height: 100px;
  }
}