/* WhatDew World — Phase 4D social details + home declutter pass. */

/*
 * Keep aggregate live data available in each tap-open location sheet without
 * turning the town itself into a dashboard. The Tree already carries its
 * weekly rank/Growth in its normal subtitle, so it does not need a second pill.
 */
.world-map .world-live-badge {
  display: none;
}

/* Live-state classes still power the location sheets; neutralize their old map emphasis. */
.world-map .world-live-alert .world-place-label,
.world-map .world-live-leader .world-place-label,
.world-map .world-live-ready .world-place-label {
  border-color: rgba(50, 91, 67, .16);
  box-shadow: 0 8px 20px rgba(51, 82, 60, .12);
}

.world-town-champion-card {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
  margin: 8px 0 2px;
  padding: 11px 12px;
  border: 1px solid rgba(180, 139, 38, .2);
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(255, 249, 215, .92), rgba(243, 255, 235, .9));
}

.world-town-champion-card.hidden {
  display: none;
}

.world-town-champion-icon {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 12px;
  background: rgba(245, 195, 62, .18);
  font-size: 1.25rem;
}

.world-town-champion-card > div {
  display: grid;
  gap: 2px;
}

.world-town-champion-card small {
  color: #8a702d;
  font-size: .56rem;
  font-weight: 1000;
  letter-spacing: .11em;
}

.world-town-champion-card strong {
  color: #4f593f;
  font-size: .78rem;
}

.world-town-champion-card p {
  margin: 0;
  color: #6a766b;
  font-size: .64rem;
  line-height: 1.35;
  font-weight: 690;
}

.world-page .app-account-notification-status {
  display: block;
  margin: -1px 3px 3px;
  color: #60776d;
  font-size: .64rem;
  font-weight: 700;
  line-height: 1.35;
}

.world-page .app-account-notification-status.hidden {
  display: none;
}

.world-page .app-account-notification-status.error {
  color: #a33243;
}

.world-page .app-account-notifications[data-notification-state="enabled"] {
  border-color: rgba(16, 185, 129, .26);
  background: #ecfdf5;
  color: #047857;
}

@media (max-width: 820px) {
  .world-location .world-place-label {
    max-width: 132px;
    padding: 5px 7px;
    border-radius: 11px;
    box-shadow: 0 5px 14px rgba(51, 82, 60, .09);
  }

  .world-location .world-place-label strong {
    font-size: .71rem;
  }

  .world-location .world-place-label small {
    font-size: .57rem;
    line-height: 1.15;
  }
}

@media (max-width: 480px) {
  .world-location {
    width: 106px;
  }

  .world-location .world-place-label {
    max-width: 124px;
    padding: 5px 6px;
  }
}