/* Shared navigation. Existing Live/reveal layouts, controls and data are kept. */
body main.has-module-navigation > header .wip-explore-nav {width:calc((var(--module-step-count) + 2)*44px + (var(--module-step-count) - 1)*8px);color:var(--brand-color);}
body main.has-module-navigation .wip-explore-choices {gap:8px;}
body main.has-module-navigation .wip-explore-choice {position:relative;appearance:none;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;color:inherit;cursor:pointer;--step-color:currentColor;}
body main.has-module-navigation .wip-explore-choice::before {width:44px;height:44px;border:1px solid color-mix(in srgb,currentColor 24%,transparent);border-radius:8px;background:color-mix(in srgb,currentColor 6%,transparent);opacity:0;}
body main.has-module-navigation .wip-explore-choice.is-current::before {opacity:1;}
body main.has-module-navigation .wip-explore-choices.has-module-motion .wip-explore-choice[data-module-motion-role]::before {width:44px;height:44px;opacity:0;}
body main.has-module-navigation .wip-explore-choices .module-motion-pill {z-index:1;border-radius:8px;}
.wip-icon-symbol {position:relative;z-index:3;display:block;width:28px;height:28px;}
.wip-icon-symbol > svg {display:block;width:28px;height:28px;opacity:.56;transition:opacity .18s ease,fill .18s ease;}
.wip-explore-choice:is(.is-current,.is-confirmed,:hover,:focus-visible) .wip-icon-symbol > svg {opacity:1;}
.wip-icon-fill {fill:currentColor;fill-opacity:0;transition:fill-opacity .35s ease;}
.wip-explore-choice.is-confirmed .wip-icon-fill {fill-opacity:.24;}
.wip-explore-choice:hover {background:color-mix(in srgb,currentColor 8%,transparent);}
.wip-explore-choice:focus-visible {outline:1px solid currentColor;outline-offset:3px;}
.wip-explore-choice.has-new-result .wip-icon-symbol > svg {animation:wipResultInvite 3.6s ease-in-out infinite;}
.wip-just-confirmed .wip-icon-symbol {animation:wipIconConfirmed .55s ease-out;}
@keyframes wipResultInvite {0%,100% {opacity:.62;filter:brightness(1);}50% {opacity:1;filter:brightness(1.25);}}
@keyframes wipIconConfirmed {0% {filter:brightness(1);transform:scale(1);}40% {filter:brightness(1.7);transform:scale(1.1);}100% {filter:brightness(1);transform:scale(1);}}
.wip-explore-nav .module-nav-arrow:disabled {opacity:.18;cursor:default;}
.wip-icon-label {position:absolute;left:50%;top:calc(100% + 8px);z-index:100;transform:translateX(-50%);padding:8px 11px;border:1px solid #d8d1c3;border-radius:5px;background:#fffaf0;color:#29251f;box-shadow:0 3px 12px rgb(0 0 0 / .18);font:12px/1.4 Arial,sans-serif;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;}
.wip-explore-choice:is(:hover,:focus-visible) .wip-icon-label {opacity:1;visibility:visible;}
body main:has(.wip-explore-nav) > .module-side-navigation {display:none;}
.wip-earth-curtain {position:fixed;inset:0;z-index:100000;background:#000;opacity:0;pointer-events:all;}
body.wip-earth-departing .wip-switcher {opacity:0;pointer-events:none;}
main.clock.is-earth-departing {overflow:visible;isolation:auto;}
main.clock.is-earth-departing > .room-content {z-index:9000;overflow:visible;}
main.clock.is-earth-departing .clock-ritual-panel {overflow:visible;}
main.clock.is-earth-departing [data-clock-scene] {z-index:9001;}
main.clock.is-earth-departing :is(.ritual-header,.annual-progress,.clock-ritual-readout,.clock-ritual-action,.clock-support-sky,.clock-support-link,.clock-dial,.clock-explore-entry,.flow-preview-controls,.flow-preview-notice) {opacity:0;transition:opacity .45s ease;}
body main.clock .clock-explore-entry::after {content:'';position:absolute;inset:4%;border:1px solid #afdaef30;border-radius:50%;pointer-events:none;animation:wipEarthInvite 3.2s ease-in-out infinite;}
@keyframes wipEarthInvite {0%,100% {opacity:.2;transform:scale(.99);}50% {opacity:.7;transform:scale(1.025);}}
main.wip-explore-arriving .sentence-official-sheet {animation:wipPhraseArrival 1.3s cubic-bezier(.2,.7,.2,1) both;transform-origin:center bottom;}
main.wip-explore-arriving .unified-sentence-candidates {animation:wipWordsArrival .7s .45s both;}
main.wip-explore-arriving .unified-results-panel {animation:wipWordsArrival .7s .35s both;}
@keyframes wipPhraseArrival {from {opacity:.65;transform:scale(1.025);}to {opacity:1;transform:scale(1);}}
@keyframes wipWordsArrival {from {opacity:0;transform:translateY(6px);}to {opacity:1;transform:translateY(0);}}
@media(max-width:900px) {
  body main.ritual-room.has-module-navigation:has(.wip-explore-nav) {grid-template-rows:124px minmax(0,1fr) 32px;}
  body main.ritual-room > header.pluritual-header:has(.wip-explore-nav) {height:auto;grid-template-rows:76px 48px;row-gap:0;}
  body main.has-module-navigation > header .wip-explore-nav {position:static;transform:none;grid-column:1 / -1;grid-row:2;justify-self:center;width:calc((var(--module-step-count) + 2)*44px + (var(--module-step-count) - 1)*4px);}
  body main.has-module-navigation .wip-explore-choices {gap:4px;}
}
@media(prefers-reduced-motion:reduce) {
  body .clock-explore-entry::after,
  main.wip-explore-arriving :is(.sentence-official-sheet,.unified-sentence-candidates,.unified-results-panel) {animation:none;}
  .wip-icon-symbol > svg,.wip-icon-fill {transition:none;}
  .wip-explore-choice.has-new-result .wip-icon-symbol > svg {animation:none;opacity:1;}
  .wip-just-confirmed .wip-icon-symbol {animation:none;}
}