/* TSTP World map — districts, venues, properties */
.world-map-panel { position: relative; }
.world-map-wrap {
  border-radius: 16px;
  overflow: hidden;
  border: 2px solid rgba(0, 240, 255, 0.2);
  box-shadow: 0 0 40px rgba(0, 240, 255, 0.08), inset 0 0 60px rgba(0, 0, 0, 0.4);
  margin-bottom: 1rem;
}
#worldMapCanvas { display: block; width: 100%; max-width: 672px; height: auto; cursor: crosshair; }
.world-map-legend {
  display: flex; flex-wrap: wrap; gap: 0.75rem; margin-bottom: 1rem; font-size: 0.78rem;
}
.world-legend-chip {
  display: inline-flex; align-items: center; gap: 0.35rem;
  padding: 0.25rem 0.6rem; border-radius: 999px;
  background: var(--world-surface-2, #10121e);
  border: 1px solid var(--world-border, rgba(0,240,255,0.12));
}
.world-housing-panel {
  background: var(--world-surface, #0c0e1a);
  border: 1px solid var(--world-border, rgba(0,240,255,0.12));
  border-radius: 14px;
  padding: 1rem 1.25rem;
  margin-top: 1rem;
}
.world-housing-index {
  font-family: 'Exo 2', sans-serif;
  font-size: 1.8rem;
  font-weight: 800;
  color: var(--world-gold, #f0b429);
}
.world-property-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.world-property-card {
  background: var(--world-surface-2, #10121e);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  padding: 0.75rem;
  font-size: 0.82rem;
}
.world-property-card.owned { border-color: rgba(34, 197, 94, 0.35); }
.world-property-card.mine { border-color: rgba(0, 240, 255, 0.45); box-shadow: 0 0 12px rgba(0,240,255,0.12); }
.world-property-card button { margin-top: 0.5rem; width: 100%; }