/* Scoped perfectly for Elementor to prevent theme conflicts */
#rubiks-cube-widget {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1; 
  max-width: 520px;
  margin: 0 auto; 
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: transparent; /* Strictly no background */
}

#rubiks-cube-widget canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  display: block;
  outline: none;
}

/* Soft bloom layer for the white glowing blocks */
#rubiks-cube-widget .bloom-layer {
  filter: blur(18px) brightness(1.25);
  opacity: 0.85;
  mix-blend-mode: screen;
  pointer-events: none;
}

/* Maintain proportions on mobile */
@media (max-width: 768px) {
  #rubiks-cube-widget {
    max-width: 85%;
    margin-top: 1rem;
  }
}