/* V48: final mobile guest, treehouse and league readability corrections. */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.family-roost {
  visibility: visible !important;
  opacity: 1 !important;
}

.family-overflow {
  display: grid;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  place-items: center;
  align-self: center;
  border-radius: 50%;
  background: #f0ca55;
  color: #153e32;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 5px 12px rgba(21, 62, 50, .16);
}

.leaderboard .league-identity,
.summary-league .league-identity {
  min-width: 0;
}

.leaderboard .league-identity b,
.summary-league .league-identity b {
  display: block;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: normal;
}

@media (max-width: 640px) and (orientation: portrait) {
  body:not(.needs-entry) .family-roost {
    z-index: 18 !important;
    bottom: -4px !important;
    display: flex !important;
    width: 158px !important;
    min-height: 68px;
    transform: translateX(-50%) scale(.7) !important;
    transform-origin: center bottom;
  }

  body:not(.needs-entry) .treehouse-card,
  body:not(.needs-entry) .treehouse-card.is-open {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:not(.needs-entry) .treehouse-copy .treehouse-mobile-status {
    width: 78px;
    max-width: 78px;
    white-space: normal !important;
    overflow-wrap: anywhere;
    line-height: 1.18;
  }

  .leaderboard li,
  .summary-league li {
    min-height: 70px;
  }

  .leaderboard .league-identity b,
  .summary-league .league-identity b {
    font-size: .78rem;
    line-height: 1.15;
  }
}

@media (prefers-reduced-motion: reduce) {
  .family-sloth { animation: none !important; }
}