/* v82 — restored AVLR entrance, stable Guide, compact mobile overlays */

/* Restore the original designed cover before interaction. The video appears
   only after the center control is activated. */
.avlrEntrance {
  background:radial-gradient(circle at 50% 48%,#182019 0,#090d0a 38%,#030504 100%)!important;
}
.avlrEntrance:not(.videoOpening) .entranceVideo { opacity:0!important; }
.avlrEntrance.videoOpening .entranceVideo {
  opacity:1!important;
  filter:brightness(1.12) saturate(.94) contrast(1.05)!important;
}
.avlrEntrance.hasEntranceVideo:not(.videoOpening) .entranceDoor {
  opacity:1!important;
  visibility:visible!important;
}
.avlrEntrance::before {
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 31%,rgba(255,232,181,.04) 42%,rgba(255,237,194,.2) 50%,rgba(255,232,181,.04) 58%,transparent 69%);
  transform:translateX(-115%);
  mix-blend-mode:screen;
  animation:entranceGlassV82 8.5s ease-in-out infinite;
}
.avlrEntrance.videoOpening::before { opacity:0;transition:opacity .18s ease; }
.avlrEntrance.handoff {
  opacity:0!important;
  transition:opacity .78s cubic-bezier(.18,.72,.18,1)!important;
}
@keyframes entranceGlassV82 {
  0%,48% { transform:translateX(-115%);opacity:0; }
  58% { opacity:1; }
  78%,100% { transform:translateX(115%);opacity:0; }
}

/* The dock never moves when speaking. Only the Guide face jiggles. */
@media(min-width:801px) {
  .experienceDock,
  .experienceDock.guidePrompt,
  .experienceDock.guideResponding { transform:translateY(-50%)!important; }
}
@media(max-width:800px) {
  .experienceDock,
  .experienceDock.guidePrompt,
  .experienceDock.guideResponding { transform:none!important; }
}
.experienceDock .guideToggle.guideJiggle,
.experienceDock.guidePrompt .guideToggle,
.experienceDock.guideResponding .guideToggle {
  animation:guideJiggleV82 .82s cubic-bezier(.35,.02,.22,1) 1!important;
  transform-origin:center!important;
}
@keyframes guideJiggleV82 {
  0%,100% { transform:rotate(0) scale(1); }
  18% { transform:rotate(-6deg) scale(1.035); }
  36% { transform:rotate(6deg) scale(1.055); }
  54% { transform:rotate(-4deg) scale(1.04); }
  72% { transform:rotate(3deg) scale(1.025); }
  88% { transform:rotate(-1deg) scale(1.01); }
}

/* Balance the supplied title art with the missing right-side accent. */
.universalNav>.navCenterMark::before {
  content:"";
  position:absolute;
  z-index:2;
  top:50%;
  right:1%;
  width:clamp(24px,3.4vw,58px);
  height:1px;
  background:linear-gradient(90deg,rgba(211,169,91,.85),transparent);
  box-shadow:0 0 8px rgba(211,169,91,.24);
  pointer-events:none;
}

/* Avoid repeating the same WatchTower mark twice on the Community page. */
.streamingBridge>div:first-child { display:none!important; }
.streamingBridge { grid-template-columns:minmax(0,1fr)!important; }
.streamingBridge>div:last-child { max-width:1080px;margin-inline:auto; }

@media(max-width:1080px) {
  body.mobileMenuOpen { overflow:auto!important; }
  body.mobileMenuOpen :is(.fieldConditions,.soundscapeBar,.experienceDock) {
    opacity:1!important;
    pointer-events:auto!important;
  }
  .universalNav.menuOpen>.navlinks {
    position:fixed!important;
    top:82px!important;
    right:8px!important;
    bottom:auto!important;
    left:8px!important;
    width:auto!important;
    height:auto!important;
    max-height:min(68dvh,520px)!important;
    padding:10px!important;
    border:1px solid rgba(205,169,105,.34)!important;
    border-radius:18px!important;
    background:rgba(5,9,7,.94)!important;
    box-shadow:0 24px 70px rgba(0,0,0,.62)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    backdrop-filter:blur(18px)!important;
    overflow-y:auto!important;
  }
  .universalNav.menuOpen>.navlinks a { min-height:46px!important;padding:7px 12px!important; }
  .mailChooser { align-items:center!important;padding:14px!important; }
  .mailSheet { width:min(520px,calc(100vw - 28px))!important;max-height:min(78dvh,620px)!important;overflow:auto!important; }
}

@media(max-width:650px) {
  .fieldConditions.touchExpanded {
    width:calc(100vw - 14px)!important;
    height:68px!important;
  }
  .soundscapeBar.trackBar.hoverExpanded {
    width:calc(100vw - 16px)!important;
    height:56px!important;
  }
  .universalNav.menuOpen>.navlinks { max-height:min(64dvh,460px)!important; }
  .universalNav>.navCenterMark::before { width:18px;right:0; }
}

@media(prefers-reduced-motion:reduce) {
  .avlrEntrance::before,
  .experienceDock .guideToggle.guideJiggle,
  .experienceDock.guidePrompt .guideToggle,
  .experienceDock.guideResponding .guideToggle { animation:none!important; }
}
