/* v50 — simplified audio, live-state clarity, contained guide prompts, and desktop menu */
.soundscapeBar .trackMinimize,.soundscapeBar .trackPower{display:none!important}
.soundscapeBar .trackMute{
  flex:0 0 32px;
  width:32px;height:32px;
  display:none;
  place-items:center;
  border:1px solid rgba(205,169,105,.45)!important;
  border-radius:50%;
  background:rgba(185,145,79,.07)!important;
  color:#e6ca8a!important;
}
.soundscapeBar:is(:hover,:focus-within,.hoverExpanded,.dragging) .trackMute{display:grid!important}
.trackMute svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trackMute .soundOffIcon,.trackMute.isMuted .soundOnIcon{display:none}
.trackMute.isMuted .soundOffIcon{display:block}
.trackMute.isMuted{color:#a8a095!important;border-color:#6d675d!important}

.fieldConditions .fieldPeek small>span:first-child:before{
  content:"";display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;
  background:#db3d34;box-shadow:0 0 0 3px rgba(219,61,52,.14),0 0 9px rgba(219,61,52,.65);
  animation:avlrLivePulse 2s ease-in-out infinite;
}
.fieldConditions:is(:hover,:focus-visible)>div:not(.fieldPeek)>b:before{
  content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;
  background:#db3d34;box-shadow:0 0 0 3px rgba(219,61,52,.13),0 0 8px rgba(219,61,52,.55);
}
@keyframes avlrLivePulse{50%{opacity:.48;box-shadow:0 0 0 5px rgba(219,61,52,.05)}}

.experienceDock:after{
  right:0!important;left:auto!important;
  width:max-content!important;max-width:min(230px,calc(100vw - 24px))!important;
  white-space:normal!important;overflow-wrap:anywhere;
  transform:translateY(8px) scale(.95)!important;
  transform-origin:bottom right!important;
}
.experienceDock:is(:hover,:focus-within):after,.experienceDock.guidePrompt:after{transform:none!important}
.experienceDock:before{right:22px!important;transform:rotate(45deg)!important}

.navCenterMark{display:none}
@media(min-width:1081px){
  .universalNav{overflow:visible!important}
  .universalNav .navMenu{
    display:inline-flex!important;align-items:center;justify-content:center;min-width:84px;
    border-color:rgba(205,169,105,.58);color:#e4c681;background:rgba(10,13,11,.88);
  }
  .universalNav .navMenu:before{content:"";width:12px;height:8px;margin-right:8px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;box-shadow:inset 0 3px transparent,inset 0 4px currentColor,inset 0 5px transparent}
  .universalNav .navMenu.isOpen:before{width:10px;height:10px;margin-right:8px;border:0;box-shadow:none;background:linear-gradient(45deg,transparent 44%,currentColor 45% 55%,transparent 56%),linear-gradient(-45deg,transparent 44%,currentColor 45% 55%,transparent 56%)}
  .universalNav>.navlinks{display:none!important}
  .universalNav.menuOpen>.navlinks{
    position:absolute;z-index:3;top:calc(100% + 1px);left:50%;transform:translateX(-50%);
    width:min(960px,calc(100vw - 64px));padding:15px 20px!important;
    display:flex!important;justify-content:center;align-items:center;gap:clamp(12px,2vw,28px)!important;
    border:1px solid rgba(205,169,105,.48);border-top:0;
    background:linear-gradient(180deg,rgba(10,13,11,.98),rgba(14,18,15,.97));
    box-shadow:0 24px 65px rgba(0,0,0,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    animation:avlrMenuOpen .22s ease both;
  }
  .navCenterMark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;pointer-events:none}
  .navCenterCompass{grid-row:1/3;width:27px;height:27px;border:1px solid var(--gold);border-radius:50%;background:url('assets/avlr-guide-compass-v47.svg') center/31px no-repeat;box-shadow:0 0 14px rgba(205,169,105,.13)}
  .navCenterMark small{color:#dabb79;font-size:8px;font-weight:800;letter-spacing:.18em;white-space:nowrap}
  .navCenterMark i{color:#716b61;font-size:6px;font-style:normal;letter-spacing:.13em;white-space:nowrap}
  .universalNav.menuOpen .navCenterMark{opacity:.28}
  @keyframes avlrMenuOpen{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
}
@media(max-width:1080px){.navCenterMark{display:none!important}}
@media(prefers-reduced-motion:reduce){.fieldConditions .fieldPeek small>span:first-child:before,.universalNav.menuOpen>.navlinks{animation:none!important}}