/* v84 — entrance refinement, detailed True North controls, immutable navigation,
   and cross-browser/mobile production hardening. */

/* Remove the inherited rectangular/radial plate behind the entrance control. */
.avlrEntrance .entranceCore {
  width:min(540px,92vw)!important;
  padding:10px!important;
  background:transparent!important;
  filter:none!important;
}

/* Keep atmosphere in the room itself, not in a box around the compass. */
.avlrEntrance:not(.videoOpening)::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 45%,rgba(218,174,91,.12),transparent 19%),
    linear-gradient(90deg,rgba(0,0,0,.28),transparent 23% 77%,rgba(0,0,0,.28));
}

/* More instrument-like detail without replacing the established design. */
.entranceDial {
  isolation:isolate!important;
  border:1px solid rgba(255,222,151,.9)!important;
  background:
    radial-gradient(circle,transparent 0 52%,rgba(232,190,105,.25) 52.5% 53.2%,transparent 54%),
    repeating-conic-gradient(from -1deg,rgba(239,200,119,.9) 0 .65deg,transparent .7deg 7.5deg),
    radial-gradient(circle at 48% 42%,#344338 0 9%,#19241c 33%,#090f0b 68%,#030604 100%)!important;
  box-shadow:
    inset 0 0 0 2px rgba(244,207,132,.9),
    inset 0 0 0 8px #0a0e0b,
    inset 0 0 0 11px rgba(181,133,61,.9),
    inset 0 0 0 17px rgba(4,7,5,.86),
    inset 0 0 0 18px rgba(231,191,105,.32),
    inset 0 0 28px rgba(237,198,111,.28),
    0 0 38px rgba(207,163,78,.22)!important;
}
.entranceDial::before {
  inset:16%!important;
  border:1px solid rgba(246,207,127,.6)!important;
  box-shadow:0 0 0 5px rgba(4,7,5,.72),0 0 0 6px rgba(224,180,91,.22)!important;
}
.entranceDial::after {
  inset:27%!important;
  border:1px dashed rgba(246,207,127,.52)!important;
  opacity:.9!important;
}

/* Title compass: richer face and calibrated ticks; only the star seeks north. */
.universalNav>.brand,
.universalNav.menuOpen>.brand {
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle,transparent 0 50%,rgba(231,190,102,.25) 51% 52%,transparent 53%),
    repeating-conic-gradient(from 0deg,rgba(230,189,101,.72) 0 1deg,transparent 1.2deg 15deg),
    radial-gradient(circle at 50% 45%,#263229 0,#0d130f 61%,#040705 100%)!important;
  border:1px solid rgba(235,197,119,.74)!important;
}
.universalNav>.brand::after,
.universalNav.menuOpen>.brand::after {
  inset:9px!important;
  border:1px solid rgba(236,195,111,.42)!important;
  border-style:solid!important;
  box-shadow:0 0 0 3px rgba(5,8,6,.72),0 0 0 4px rgba(211,166,80,.25)!important;
}

/* The menu is an overlay. Opening it must never alter or duplicate the header. */
.universalNav.menuOpen { isolation:isolate!important; }
.universalNav.menuOpen>.navlinks {
  position:fixed!important;
  z-index:120!important;
}
.universalNav.menuOpen>.navlinks::before,
.universalNav.menuOpen>.navlinks::after,
.universalNav.menuOpen>.navlinks>.navCenterMark,
.universalNav.menuOpen>.navlinks>.navHeaderIdentity { content:none!important;display:none!important; }
.universalNav.menuOpen>.navCenterMark,
.universalNav.menuOpen>.navCenterMark>.navHeaderIdentity,
.universalNav.menuOpen>.navCenterMark img {
  opacity:1!important;
  visibility:visible!important;
  animation:none!important;
}

@media(max-width:1080px) {
  .universalNav,
  .universalNav.menuOpen {
    grid-template-columns:52px minmax(0,1fr) 62px 70px!important;
    grid-template-rows:76px!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    padding:0 7px!important;
  }
  .universalNav>.navCenterMark,
  .universalNav.menuOpen>.navCenterMark { position:static!important;display:block!important;grid-column:2!important;grid-row:1!important; }
  .universalNav.menuOpen>.navlinks { top:76px!important; }
}
@media(max-width:430px) {
  .universalNav,
  .universalNav.menuOpen { grid-template-columns:47px minmax(0,1fr) 57px 65px!important;padding-inline:4px!important; }
  .avlrEntrance .entranceCore { width:96vw!important;padding:6px!important; }
}
@media(max-width:355px) {
  .universalNav,
  .universalNav.menuOpen { grid-template-columns:43px minmax(0,1fr) 53px 60px!important; }
}

@media(prefers-reduced-motion:reduce) {
  .entranceDial>img,.universalNav>.brand::before { animation:none!important; }
}