html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.swiper,
.swiper * {
  -webkit-tap-highlight-color: transparent;
}

.swiper-pagination {
  width: auto !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.mySwiper .swiper-slide {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.monitor-node-actions {
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

/* Fallback for browsers without flex-gap support */
@supports not (gap: 10px) {
  .header_new_content > * {
    margin-right: 10px;
  }
  .header_new_content > *:last-child {
    margin-right: 0;
  }
  .monitor-node-actions > * {
    margin-bottom: 5px;
  }
  .monitor-node-actions > *:last-child {
    margin-bottom: 0;
  }
}

/* Fallback for browsers without backdrop-filter */
.no-backdrop-filter .monitor-node-actions {
  background: rgba(12, 21, 33, 0.88) !important;
}

/* Keep controls clickable above slide links and overlays */
.pag_slider,
.autoplay-progress,
.swiper-button-prev,
.swiper-button-next,
.swiper-pagination {
  z-index: 10;
}

/* Visual fallback if text-stroke isn't supported */
@supports not (-webkit-text-stroke: 1px #000) {
  .cybergames {
    text-shadow: 0 0 10px rgba(53, 142, 255, 0.55), 0 0 18px rgba(53, 142, 255, 0.35);
  }
}