/* =========================================================
   ARIA ATTACHED ORBIT TABS PATCH v3
   File: /assets/css/aria-attached-orbit-tabs.css

   Fix:
   - Tabs pop out from ARIA.
   - Each tab has a real route.
   - Click/tap forces navigation to the tab link.
   - V3 hard-scrub no longer hides .aotOrbitLayer.
========================================================= */

#ariaEventHorizonNoOverlapOverlay,
#ariaEventHorizonTabsOverlay,
#ariaDarkCoreOverlay,
#ariaQuantumBinaryOverlay,
#ariaSpiderPortalOverlay,
#ariaFinalOverlay,
#etVisibleAccessTray,
#ariaSolarAccessOverlay,
#ariaAccessOverlay,
#eliteGlobalAriaOverlay,
#etCleanPortalOverlay{
  display:none!important;
  pointer-events:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

.aotPortalTarget{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
  cursor:pointer!important;
}

.aehCleanPortal > .aotOrbitLayer,
.aehCleanPortal.aotOpen > .aotOrbitLayer,
.aotPortalTarget > .aotOrbitLayer{
  display:block!important;
  visibility:visible!important;
}

.aotOrbitLayer{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  min-width:440px!important;
  min-height:440px!important;
  transform:translate(-50%,-50%)!important;
  z-index:214748300!important;
  pointer-events:none!important;
  opacity:0!important;
  visibility:visible!important;
  transition:opacity .24s ease!important;
  overflow:visible!important;
}

.aotPortalTarget.aotOpen .aotOrbitLayer,
.aehCleanPortal.aotOpen > .aotOrbitLayer{
  opacity:1!important;
  pointer-events:auto!important;
  display:block!important;
  visibility:visible!important;
}

.aotTetherSvg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
  pointer-events:none!important;
  z-index:1!important;
  display:block!important;
  visibility:visible!important;
}

.aotTetherLine{
  fill:none!important;
  stroke:rgba(255,228,138,.38)!important;
  stroke-width:.82!important;
  stroke-dasharray:4 6!important;
  stroke-linecap:round!important;
  filter:drop-shadow(0 0 5px rgba(255,228,138,.30))!important;
  animation:aotTetherFlow 2.2s linear infinite!important;
}

.aotTetherLine.aotCyan{
  stroke:rgba(25,247,230,.36)!important;
}

.aotTab{
  --x:0px;
  --y:0px;
  --delay:0ms;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:118px!important;
  height:92px!important;
  transform:translate(-50%,-50%) translate(0,0) scale(.38)!important;
  transform-origin:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:6px!important;
  text-align:center!important;
  text-decoration:none!important;
  color:#fff!important;
  border-radius:24px!important;
  border:1px solid rgba(255,228,138,.34)!important;
  background:
    radial-gradient(circle at top right,rgba(255,228,138,.16),transparent 32%),
    radial-gradient(circle at bottom left,rgba(25,247,230,.13),transparent 36%),
    rgba(0,0,0,.32)!important;
  backdrop-filter:blur(16px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.25)!important;
  box-shadow:
    0 0 22px rgba(255,228,138,.16),
    0 0 44px rgba(25,247,230,.09),
    inset 0 0 20px rgba(255,255,255,.035)!important;
  font-family:'Share Tech Mono',monospace!important;
  letter-spacing:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  visibility:visible!important;
  z-index:5!important;
  transition:
    transform .48s cubic-bezier(.17,.84,.28,1.24),
    opacity .28s ease,
    border-color .22s ease,
    box-shadow .22s ease,
    background .22s ease!important;
  transition-delay:var(--delay)!important;
}

.aotTab b{
  color:#ffe48a!important;
  font-family:Cinzel,serif!important;
  font-size:15px!important;
  letter-spacing:1px!important;
  line-height:1!important;
  display:block!important;
}

.aotTab small{
  color:rgba(201,195,183,.90)!important;
  font-size:10px!important;
  letter-spacing:0!important;
  line-height:1.15!important;
  display:block!important;
}

.aotPortalTarget.aotOpen .aotTab,
.aehCleanPortal.aotOpen .aotTab{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(1)!important;
}

.aotTab:hover,
.aotTab.aotHot{
  border-color:rgba(255,228,138,.82)!important;
  box-shadow:
    0 0 30px rgba(255,228,138,.36),
    0 0 58px rgba(25,247,230,.22),
    inset 0 0 24px rgba(255,255,255,.06)!important;
  background:
    radial-gradient(circle at top right,rgba(255,228,138,.24),transparent 32%),
    radial-gradient(circle at bottom left,rgba(25,247,230,.19),transparent 36%),
    rgba(0,0,0,.24)!important;
}

.aotT1{--x:0px;--y:-225px;--delay:20ms}
.aotT2{--x:158px;--y:-158px;--delay:55ms}
.aotT3{--x:225px;--y:0px;--delay:90ms}
.aotT4{--x:158px;--y:158px;--delay:125ms}
.aotT5{--x:0px;--y:225px;--delay:160ms}
.aotT6{--x:-158px;--y:158px;--delay:195ms}
.aotT7{--x:-225px;--y:0px;--delay:230ms}
.aotT8{--x:-158px;--y:-158px;--delay:265ms}

.aotClose{
  position:absolute!important;
  right:5%!important;
  top:5%!important;
  z-index:50!important;
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,228,138,.48)!important;
  background:rgba(0,0,0,.68)!important;
  color:#ffe48a!important;
  cursor:pointer!important;
  font-size:24px!important;
  line-height:1!important;
  display:none!important;
  box-shadow:0 0 18px rgba(255,228,138,.20)!important;
  place-items:center!important;
  font-family:Arial,sans-serif!important;
}

.aotPortalTarget.aotOpen .aotClose,
.aehCleanPortal.aotOpen .aotClose{
  display:grid!important;
}

.aotPortalTarget.aotOpen .aehThinSolarRing{
  opacity:1!important;
  border-color:rgba(255,228,138,.82)!important;
  box-shadow:
    0 0 14px rgba(255,228,138,.62),
    0 0 34px rgba(255,157,46,.32),
    0 0 58px rgba(25,247,230,.12),
    inset 0 0 14px rgba(255,228,138,.14)!important;
  transform:scale(1.045)!important;
}

.aotPortalTarget.aotOpen .aehEventHorizon{
  opacity:.88!important;
  transform:scale(1.04)!important;
  border-color:rgba(255,228,138,.55)!important;
  box-shadow:
    0 0 14px rgba(255,228,138,.28),
    0 0 28px rgba(255,157,46,.14),
    0 0 24px rgba(25,247,230,.10),
    inset 0 0 12px rgba(255,228,138,.10)!important;
}

.aotPortalTarget.aotOpen .aehGhostGeometry{
  opacity:.62!important;
  filter:
    drop-shadow(0 0 8px rgba(255,228,138,.42))
    drop-shadow(0 0 18px rgba(25,247,230,.28))!important;
}

.aotPortalTarget.aotOpen .aehSpiderLightning{
  opacity:1!important;
}

@keyframes aotTetherFlow{
  to{stroke-dashoffset:-30}
}

@media(max-width:760px){
  .aotOrbitLayer{
    min-width:330px!important;
    min-height:330px!important;
  }

  .aotTab{
    width:92px!important;
    height:74px!important;
    border-radius:20px!important;
  }

  .aotTab b{
    font-size:12px!important;
  }

  .aotTab small{
    display:none!important;
  }

  .aotT1{--x:0px;--y:-170px}
  .aotT2{--x:120px;--y:-120px}
  .aotT3{--x:170px;--y:0px}
  .aotT4{--x:120px;--y:120px}
  .aotT5{--x:0px;--y:170px}
  .aotT6{--x:-120px;--y:120px}
  .aotT7{--x:-170px;--y:0px}
  .aotT8{--x:-120px;--y:-120px}
}