.explorer {
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  
  .explorer__nav {
    flex: 0 0 auto;
    background: rgba(5, 9, 18, 0.9);
    border-bottom: 1px solid var(--ej-border);
    padding: var(--ej-space-sm) 0;
  }
  
  .explorer__stage {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-height: 0;
    background: transparent; /* detrás se ve la galaxia */
  }
  
  /* ---------- Fondo de galaxia ---------- */
  
  /* Estrellas: el canvas lo dibuja effects/starfield.js (igual que en la portada) */
  .explorer .starfield {
    position: fixed;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    display: block;
  }
  
  /* Nebulosa: manchas de color suaves y una banda diagonal tipo Vía Láctea */
  .explorer::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
      radial-gradient(60% 45% at 80% 15%, rgba(110, 70, 220, 0.22), transparent 70%),
      radial-gradient(55% 50% at 12% 85%, rgba(30, 120, 220, 0.2), transparent 70%),
      radial-gradient(40% 30% at 50% 55%, rgba(40, 190, 200, 0.07), transparent 70%),
      linear-gradient(
        115deg,
        transparent 36%,
        rgba(150, 170, 255, 0.07) 47%,
        rgba(200, 150, 255, 0.06) 53%,
        transparent 64%
      ),
      var(--ej-bg-deep);
  }
  
  .globe {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
  }
  
  .globe__placeholder {
    width: min(70vmin, 520px);
    aspect-ratio: 1;
    display: grid;
    place-content: center;
    gap: var(--ej-space-sm);
    border: 1px dashed var(--ej-border);
    border-radius: 50%;
    color: var(--ej-text-muted);
    text-align: center;
    padding: var(--ej-space-lg);
  }
    
  .layer-item .form-check-input {
    margin: 0;
    float: none;
  }
  
  .layer-item .form-check-label {
    display: flex;
    align-items: center;
    gap: var(--ej-space-sm);
  }
    
  .globe__map {
    position: absolute;
    inset: 0;
  }
  
  .globe__status {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--ej-text-muted);
  }
  
  .globe--ready .globe__status {
    display: none;
  }
  
  .globe--error .globe__status {
    color: var(--ej-fire);
  }