/* =========================================================
   ELITE-TEK HOME BLACK-HOLE SYNC v1
   File: /assets/css/elite-home-blackhole-sync.css
   Purpose:
   - Makes the main-page ARIA black hole match the clean event-horizon portal.
   - Removes old ARIA / PORTAL TAP TO ENTER / face / voice command look.
   - Keeps attached orbit tabs available.
========================================================= */

body.eliteHomeBlackholeSynced section.command-card{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  height:0!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
}

#ariaPortal.eliteHomeBlackholeSync{
  position:relative!important;
  width:min(430px,52vw)!important;
  height:min(430px,52vw)!important;
  min-width:290px!important;
  min-height:290px!important;
  border-radius:50%!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:
    drop-shadow(0 0 26px rgba(255,228,138,.28))
    drop-shadow(0 0 60px rgba(25,247,230,.18))!important;
  animation:none!important;
  overflow:visible!important;
  isolation:isolate!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  text-decoration:none!important;
}

#ariaPortal.eliteHomeBlackholeSync:before,
#ariaPortal.eliteHomeBlackholeSync:after{
  display:none!important;
  content:none!important;
}

/* Hide old portal pieces if any old HTML sneaks back in */
#ariaPortal.eliteHomeBlackholeSync .portal-mist,
#ariaPortal.eliteHomeBlackholeSync .runes,
#ariaPortal.eliteHomeBlackholeSync .portal-stars,
#ariaPortal.eliteHomeBlackholeSync .portal-core,
#ariaPortal.eliteHomeBlackholeSync .aria-face,
#ariaPortal.eliteHomeBlackholeSync .aria-mouth,
#ariaPortal.eliteHomeBlackholeSync .portal-title,
#ariaPortal.eliteHomeBlackholeSync .voice-light,
#ariaPortal.eliteHomeBlackholeSync .voice-core,
#ariaPortal.eliteHomeBlackholeSync .audio-core,
#ariaPortal.eliteHomeBlackholeSync .waveform,
#ariaPortal.eliteHomeBlackholeSync .sound-bars,
#ariaPortal.eliteHomeBlackholeSync .freq-bars{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Clean event-horizon black hole */
#ariaPortal.eliteHomeBlackholeSync .aehPortalLayer{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:100%!important;
  height:100%!important;
  min-width:290px!important;
  min-height:290px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  z-index:50!important;
  pointer-events:none!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
}

#ariaPortal.eliteHomeBlackholeSync .aehLightwave{
  position:absolute!important;
  inset:-16%!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle,
      rgba(255,248,207,.16),
      rgba(255,228,138,.10) 28%,
      rgba(25,247,230,.06) 52%,
      transparent 74%)!important;
  filter:blur(20px)!important;
  opacity:.74!important;
  animation:aehHomeWaveBreath 4.6s ease-in-out infinite!important;
}

#ariaPortal.eliteHomeBlackholeSync .aehVoid{
  position:absolute!important;
  inset:24%!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 48% 48%,
      rgba(0,0,0,.98) 0%,
      rgba(0,0,0,.90) 34%,
      rgba(0,0,0,.58) 61%,
      rgba(0,0,0,.22) 76%,
      transparent 88%)!important;
  box-shadow:
    inset 0 0 42px rgba(0,0,0,1),
    inset 0 0 84px rgba(0,0,0,.86),
    0 0 34px rgba(0,0,0,.84),
    0 0 42px rgba(255,228,138,.12)!important;
  backdrop-filter:blur(1px)!important;
  z-index:4!important;
}

#ariaPortal.eliteHomeBlackholeSync .aehVoid:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:34%!important;
  height:34%!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(0,0,0,1),rgba(0,0,0,.86),transparent 72%)!important;
  box-shadow:inset 0 0 18px #000,0 0 18px rgba(25,247,230,.10)!important;
}

#ariaPortal.eliteHomeBlackholeSync .aehEventHorizon{
  position:absolute!important;
  inset:33%!important;
  border-radius:50%!important;
  z-index:6!important;
  opacity:.26!important;
  border:1px solid rgba(255,228,138,.18)!important;
  box-shadow:
    0 0 10px rgba(255,228,138,.12),
    0 0 20px rgba(25,247,230,.05),
    inset 0 0 10px rgba(255,228,138,.05)!important;
  transition:opacity .28s ease, transform .28s ease, box-shadow .28s ease, border-color .28s ease!important;
}

#ariaPortal.eliteHomeBlackholeSync .aehEventHorizon:before{
  content:""!important;
  position:absolute!important;
  inset:-4px!important;
  border-radius:50%!important;
  border:1px solid rgba(25,247,230,.08)!important;
  opacity:.7!important;
}

#ariaPortal.eliteHomeBlackholeSync .aehEventHorizon:after{
  content:""!important;
  position:absolute!important;
  inset:12%!important;
  border-radius:50%!important;
  background:radial-gradient(circle, transparent 52%, rgba(255,228,138,.03) 63%, transparent 72%)!important;
  filter:blur(1px)!important;
}

#ariaPortal.eliteHomeBlackholeSync .aehGhostGeometry{
  position:absolute!important;
  inset:27%!important;
  width:46%!important;
  height:46%!important;
  z-index:7!important;
  opacity:.055!important;
  filter:drop-shadow(0 0 3px rgba(255,228,138,.07)) drop-shadow(0 0 8px rgba(25,247,230,.035))!important;
  transition:opacity .28s ease, filter .28s ease!important;
  pointer-events:none!important;
  display:block!important;
  overflow:visible!important;
  visibility:visible!important;
}

#ariaPortal.eliteHomeBlackholeSync .aehGhostGeometry circle,
#ariaPortal.eliteHomeBlackholeSync .aehGhostGeometry polygon,
#ariaPortal.eliteHomeBlackholeSync .aehGhostGeometry line{
  fill:none!important;
  stroke:rgba(255,228,138,.18)!important;
  stroke-width:.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  stroke-dasharray:7 6!important;
}

#ariaPortal.eliteHomeBlackholeSync .aehGhostGeometry line{
  stroke:rgba(25,247,230,.13)!important;
}

#ariaPortal.eliteHomeBlackholeSync .aehGhostSpinSpark{
  fill:rgba(255,228,138,.12)!important;
  stroke:none!important;
  opacity:.12!important;
}

#ariaPortal.eliteHomeBlackholeSync .aehThinSolarRing{
  position:absolute!important;
  inset:21%!important;
  border-radius:50%!important;
  border:1px solid rgba(255,228,138,.12)!important;
  z-index:5!important;
  opacity:.22!important;
  box-shadow:
    0 0 8px rgba(255,228,138,.08),
    inset 0 0 8px rgba(255,228,138,.04)!important;
  transition:
    opacity .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    transform .28s ease!important;
}

#ariaPortal.eliteHomeBlackholeSync:hover .aehThinSolarRing,
#ariaPortal.eliteHomeBlackholeSync.aotOpen .aehThinSolarRing,
#ariaPortal.eliteHomeBlackholeSync.aehHover .aehThinSolarRing,
#ariaPortal.eliteHomeBlackholeSync.aehSpeaking .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;
}

#ariaPortal.eliteHomeBlackholeSync:hover .aehEventHorizon,
#ariaPortal.eliteHomeBlackholeSync.aotOpen .aehEventHorizon,
#ariaPortal.eliteHomeBlackholeSync.aehHover .aehEventHorizon,
#ariaPortal.eliteHomeBlackholeSync.aehSpeaking .aehEventHorizon,
#ariaPortal.eliteHomeBlackholeSync.aehListening .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;
}

#ariaPortal.eliteHomeBlackholeSync:hover .aehGhostGeometry,
#ariaPortal.eliteHomeBlackholeSync.aotOpen .aehGhostGeometry,
#ariaPortal.eliteHomeBlackholeSync.aehHover .aehGhostGeometry,
#ariaPortal.eliteHomeBlackholeSync.aehSpeaking .aehGhostGeometry,
#ariaPortal.eliteHomeBlackholeSync.aehListening .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;
}

#ariaPortal.eliteHomeBlackholeSync .aehSpiderLightning{
  position:absolute!important;
  inset:0!important;
  z-index:8!important;
  pointer-events:none!important;
  overflow:visible!important;
  opacity:0!important;
  transition:opacity .15s ease!important;
}

#ariaPortal.eliteHomeBlackholeSync:hover .aehSpiderLightning,
#ariaPortal.eliteHomeBlackholeSync.aotOpen .aehSpiderLightning,
#ariaPortal.eliteHomeBlackholeSync.aehHover .aehSpiderLightning,
#ariaPortal.eliteHomeBlackholeSync.aehSpeaking .aehSpiderLightning,
#ariaPortal.eliteHomeBlackholeSync.aehListening .aehSpiderLightning{
  opacity:1!important;
}

#ariaPortal.eliteHomeBlackholeSync .aehSpiderMain,
#ariaPortal.eliteHomeBlackholeSync .aehSpiderBranch{
  fill:none!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}

#ariaPortal.eliteHomeBlackholeSync .aehSpiderMain{
  stroke:url(#aehHomeSpiderGrad)!important;
  stroke-width:1.35!important;
  filter:
    drop-shadow(0 0 3px rgba(255,255,255,.95))
    drop-shadow(0 0 8px rgba(138,240,255,.95))
    drop-shadow(0 0 14px rgba(25,247,230,.72))!important;
}

#ariaPortal.eliteHomeBlackholeSync .aehSpiderBranch{
  stroke:rgba(205,248,255,.90)!important;
  stroke-width:.72!important;
  filter:
    drop-shadow(0 0 3px rgba(255,255,255,.66))
    drop-shadow(0 0 7px rgba(138,240,255,.54))!important;
}

/* Attached orbit tabs - enough CSS to match the chosen portal if standalone */
#ariaPortal.eliteHomeBlackholeSync .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;
  display:block!important;
}

#ariaPortal.eliteHomeBlackholeSync.aotOpen .aotOrbitLayer{
  opacity:1!important;
  pointer-events:auto!important;
}

#ariaPortal.eliteHomeBlackholeSync .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;
}

#ariaPortal.eliteHomeBlackholeSync .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:aotHomeTetherFlow 2.2s linear infinite!important;
}

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

#ariaPortal.eliteHomeBlackholeSync .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;
  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;
  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;
}

#ariaPortal.eliteHomeBlackholeSync .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;
}

#ariaPortal.eliteHomeBlackholeSync .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;
}

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

#ariaPortal.eliteHomeBlackholeSync .aotTab:hover,
#ariaPortal.eliteHomeBlackholeSync .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;
}

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

#ariaPortal.eliteHomeBlackholeSync .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;
}

#ariaPortal.eliteHomeBlackholeSync.aotOpen .aotClose{
  display:grid!important;
}

@keyframes aehHomeWaveBreath{
  0%,100%{opacity:.70;transform:scale(1)}
  50%{opacity:1;transform:scale(1.08)}
}

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

@media(max-width:760px){
  #ariaPortal.eliteHomeBlackholeSync{
    width:min(330px,86vw)!important;
    height:min(330px,86vw)!important;
  }

  #ariaPortal.eliteHomeBlackholeSync .aotOrbitLayer{
    min-width:330px!important;
    min-height:330px!important;
  }

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

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

  #ariaPortal.eliteHomeBlackholeSync .aotTab small{
    display:none!important;
  }

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