/* [project]/src/components/layout/CentralHub.module.css [app-client] (css) */
.CentralHub-module__YgWg1W__hubContainer {
  color: #fff;
  -webkit-user-select: none;
  user-select: none;
  perspective: 1500px;
  background-color: #0a0000;
  width: 100vw;
  height: 100vh;
  font-family: Inter, sans-serif;
  position: relative;
  overflow: hidden;
}

.CentralHub-module__YgWg1W__backgroundLayer {
  z-index: 0;
  background: radial-gradient(circle, #7f1d1d33 0%, #0a0000 70%);
  position: absolute;
  inset: 0;
}

.CentralHub-module__YgWg1W__particlesContainer {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.CentralHub-module__YgWg1W__particle {
  filter: blur(1px);
  border-radius: 50%;
  position: absolute;
}

.CentralHub-module__YgWg1W__backgroundLayer:after {
  content: "";
  pointer-events: none;
  background-color: #0000;
  background-image: linear-gradient(#dc26260d 1px, #0000 1px), linear-gradient(90deg, #dc26260d 1px, #0000 1px);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: 60px 60px;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(70% 70%, #000 70%, #0000 100%);
  mask-image: radial-gradient(70% 70%, #000 70%, #0000 100%);
}

.CentralHub-module__YgWg1W__scanOverlay {
  pointer-events: none;
  z-index: 50;
  mix-blend-mode: overlay;
  background: repeating-linear-gradient(0deg, #ff000005 0 1px, #0000 1px 3px) 0 0 / 100% 4px;
  position: absolute;
  inset: 0;
}

.CentralHub-module__YgWg1W__mainContainer {
  z-index: 20;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.CentralHub-module__YgWg1W__tentaclesContainer {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.CentralHub-module__YgWg1W__tentacleWrapper {
  position: absolute;
}

.CentralHub-module__YgWg1W__tentacleSvg {
  pointer-events: none;
  width: 1000px;
  height: 1000px;
  margin-top: -500px;
  margin-left: -500px;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: visible;
  transform: translate(500px, 500px);
}

.CentralHub-module__YgWg1W__menuNodeWrapper {
  z-index: 100;
  position: absolute;
}

.CentralHub-module__YgWg1W__nodeLink {
  text-decoration: none;
  display: block;
  transform: translate(-50%, -50%);
}

.CentralHub-module__YgWg1W__nodeContent {
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  border: 1px solid #ffffff1f;
  border-left: 4px solid var(--node-color);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  box-shadow: 0 0 30px #000c, 0 0 15px rgba(var(--node-color-rgb), .2);
  background: #08080ff2;
  align-items: center;
  gap: 15px;
  min-width: 200px;
  padding: 16px 20px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.CentralHub-module__YgWg1W__nodeLink:hover .CentralHub-module__YgWg1W__nodeContent {
  box-shadow: 0 0 40px #000000e6, 0 0 25px var(--node-color);
  background: #14141efa;
  border-color: #ffffff4d;
  transform: scale(1.05);
}

.CentralHub-module__YgWg1W__iconWrapper {
  background: linear-gradient(135deg, var(--node-color) 0%, #00000080 100%);
  color: #fff;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
  padding: 8px;
  display: flex;
}

.CentralHub-module__YgWg1W__nodeLabel {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-shadow: 0 2px 4px #00000080;
  font-family: Inter, sans-serif;
  font-size: .9rem;
  font-weight: 800;
}

.CentralHub-module__YgWg1W__labelUnderline {
  background: var(--node-color);
  width: 0;
  height: 2px;
  margin-top: 4px;
  transition: width .3s;
}

.CentralHub-module__YgWg1W__nodeLink:hover .CentralHub-module__YgWg1W__labelUnderline {
  width: 100%;
}

.CentralHub-module__YgWg1W__coreSystem {
  z-index: 50;
  cursor: pointer;
  position: relative;
}

.CentralHub-module__YgWg1W__coreRingOuter {
  border: 5px dashed var(--haroz-red, #e31e24);
  opacity: 1;
  border-radius: 50%;
  position: absolute;
  inset: -50px;
  box-shadow: 0 0 40px #e31e2499;
}

.CentralHub-module__YgWg1W__coreRingMiddle {
  border: 1px solid #ffd93d4d;
  border-radius: 50%;
  position: absolute;
  inset: -20px;
  box-shadow: inset 0 0 15px #e31e2433;
}

.CentralHub-module__YgWg1W__corePulse {
  filter: blur(30px);
  opacity: .3;
  background: #dc2626;
  border-radius: 50%;
  position: absolute;
  inset: 10px;
}

.CentralHub-module__YgWg1W__logoContainer {
  z-index: 30;
  background: radial-gradient(circle, #000000f2 0%, #0000 80%);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  transition: transform .3s;
  display: flex;
  position: relative;
}

.CentralHub-module__YgWg1W__logoContainer:hover {
  transform: scale(1.05);
}

.CentralHub-module__YgWg1W__coreLogo {
  object-fit: contain;
  filter: drop-shadow(0 0 10px #ffd93d4d);
  width: 100%;
  height: 100%;
}

.CentralHub-module__YgWg1W__activateHint {
  color: #fbbf24;
  letter-spacing: 3px;
  text-shadow: 0 0 15px #fbbf24;
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  font-family: monospace;
  font-size: .85rem;
  display: flex;
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
}

.CentralHub-module__YgWg1W__hudFooter {
  pointer-events: none;
  z-index: 100;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  display: flex;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
}

.CentralHub-module__YgWg1W__radarIcon {
  color: #dc2626;
  animation: 2s infinite CentralHub-module__YgWg1W__pulse;
}

.CentralHub-module__YgWg1W__statusText {
  color: #f87171cc;
  letter-spacing: .5em;
  text-transform: uppercase;
  text-shadow: 0 0 5px #dc262680;
  font-family: monospace;
  font-size: .7rem;
}

.CentralHub-module__YgWg1W__statusLine {
  background: linear-gradient(to right, #0000, #dc2626, #0000);
  width: 120px;
  height: 2px;
}

@media (max-width: 900px) {
  .CentralHub-module__YgWg1W__logoContainer {
    width: 140px;
    height: 140px;
  }

  .CentralHub-module__YgWg1W__coreRingOuter {
    inset: -25px;
  }

  .CentralHub-module__YgWg1W__nodeContent {
    min-width: 160px;
    padding: 12px 14px;
  }

  .CentralHub-module__YgWg1W__nodeLabel {
    font-size: .8rem;
  }
}

@media (max-width: 600px) {
  .CentralHub-module__YgWg1W__logoContainer {
    width: 110px;
    height: 110px;
  }

  .CentralHub-module__YgWg1W__tentacleSvg {
    opacity: .5;
  }

  .CentralHub-module__YgWg1W__nodeContent {
    min-width: 140px;
    padding: 10px;
  }

  .CentralHub-module__YgWg1W__nodeLabel {
    font-size: .75rem;
  }

  .CentralHub-module__YgWg1W__iconWrapper {
    min-width: 32px;
    min-height: 32px;
    padding: 6px;
  }
}

/*# sourceMappingURL=src_components_layout_CentralHub_module_e441bc47.css.map*/