:host {
  display: block;
  width: 100%;
  height: 100%;
}
/* Custom spinner border width for Tailwind */
.border-3 {
  border-width: 3px;
}

/* Backdrop blur fallback for older browsers */
.backdrop-blur-sm {
  backdrop-filter: blur(4px);
}

/* Custom shadow glow effect */
.shadow-cyan-500\/30 {
  box-shadow: 0 0 20px rgba(6, 182, 212, 0.3);
}

/* Responsive container for smaller screens */
@media (max-width: 840px) {
  .w-\[800px\] {
    width: 100%;
    max-width: 800px;
  }

  .h-\[600px\] {
    height: 60vw;
    max-height: 600px;
  }
}

@media (max-width: 768px) {
  .absolute.top-5.right-5 {
    top: 0.625rem;
    right: 0.625rem;
    left: 0.625rem;
  }

  .absolute.top-5.right-5 button {
    width: 100%;
    justify-content: center;
  }
}
