/* D-124, WIP: current work = quiet frame, confirmed contribution = icon ink.
 * Native classes/ARIA/data still carry the actual participation state.
 */
body:not([data-pluritual-wip]) main.has-module-navigation .wip-explore-choice,
body:not([data-pluritual-wip]) main.has-module-navigation .wip-explore-choice:hover {
  background:transparent;
}
body:not([data-pluritual-wip]) main.has-module-navigation .wip-explore-choice::before {
  content:''; position:absolute; left:50%; top:50%; bottom:auto;
  width:44px; height:44px; border:1px solid color-mix(in srgb,currentColor 48%,transparent);
  border-radius:43% 48% 45% 42% / 46% 43% 49% 44%; background:transparent; box-shadow:none;
  transform:translate(-50%,-50%); opacity:0;
  transition:background-color 180ms ease,border-color 180ms ease,opacity 180ms ease;
}
body:not([data-pluritual-wip]) main.has-module-navigation .wip-explore-choice.is-current::before {
  background:color-mix(in srgb,currentColor 2%,transparent); opacity:1;
}
body:not([data-pluritual-wip]) main.has-module-navigation .wip-explore-choice:hover::before,
body:not([data-pluritual-wip]) main.has-module-navigation .wip-explore-choice:focus-visible::before {
  opacity:.55;
}
body:not([data-pluritual-wip]) main.has-module-navigation .wip-explore-choice.is-current:is(:hover,:focus-visible)::before {
  opacity:1;
}
body:not([data-pluritual-wip]) main.has-module-navigation .wip-explore-choice .wip-icon-fill {
  fill:currentColor; fill-opacity:0; transition:fill-opacity 350ms ease;
}
body:not([data-pluritual-wip]) main.has-module-navigation .wip-explore-choice.is-confirmed .wip-icon-fill {
  fill-opacity:.24;
}
body:not([data-pluritual-wip]) main.has-module-navigation .wip-icon-symbol > svg {
  opacity:.52;
}
body:not([data-pluritual-wip]) main.has-module-navigation .wip-explore-choice.is-confirmed .wip-icon-symbol > svg {
  opacity:.88;
}
body:not([data-pluritual-wip]) main.has-module-navigation .wip-explore-choice:is(.is-current,:hover,:focus-visible) .wip-icon-symbol > svg {
  opacity:1;
}
/* A quiet translucent surface softens satellite detail behind the whole row,
 * including its state markers. Solid ink stays crisp without glyph outlines. */
body:not([data-pluritual-wip]) main.ritual-room.journey > header .module-navigation {
  isolation:isolate;
}
body:not([data-pluritual-wip]) main.ritual-room.journey > header .module-navigation::before {
  content:''; position:absolute; inset:0 3px -3px; z-index:-1; pointer-events:none;
  border:0; border-radius:10px; background:rgb(245 241 230 / .32);
  box-shadow:inset 0 1px 0 rgb(255 253 242 / .14), 0 2px 8px rgb(16 39 30 / .08);
  -webkit-backdrop-filter:blur(6px) saturate(.85);
  backdrop-filter:blur(6px) saturate(.85);
}
body:not([data-pluritual-wip]) main.ritual-room.journey > header .wip-icon-symbol,
body:not([data-pluritual-wip]) main.ritual-room.journey > header .module-nav-arrow > svg {
  filter:none;
}
body:not([data-pluritual-wip]) main.ritual-room.journey > header .wip-icon-symbol > svg {
  opacity:1;
}
body:not([data-pluritual-wip]) main.ritual-room.journey > header .wip-explore-choice::before {
  box-shadow:none;
}
/* The retained controller travels between icon centres; ink stays on its work. */
body:not([data-pluritual-wip]) main.has-module-navigation .wip-explore-choices .module-motion-pill {
  top:0; border-radius:43% 48% 45% 42% / 46% 43% 49% 44%; max-height:none; box-shadow:none;
}
body:not([data-pluritual-wip]) 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:not([data-pluritual-wip]) main.has-module-navigation .wip-just-confirmed .wip-icon-symbol {
  animation:none;
}
body:not([data-pluritual-wip]) main.has-module-navigation .wip-just-confirmed::before {
  animation:none;
}
body:not([data-pluritual-wip]) .wip-icon-label small {
  display:block;margin-top:3px;opacity:.72;font-size:10px;font-weight:400;
}
/* The compact desktop header previously let Canvas tools overlap its bottom.
 * Lift the entire 44px target row, keeping the marker outside the tool strip. */
@media(min-width:901px) and (max-width:1280px) {
  body:not([data-pluritual-wip]) main.has-module-navigation > header .wip-explore-nav {
    translate:0 -10px;
  }
}
@media(prefers-reduced-motion:reduce) {
  body:not([data-pluritual-wip]) main.has-module-navigation .wip-explore-choice::before,
  body:not([data-pluritual-wip]) main.has-module-navigation .wip-explore-choice .wip-icon-fill {
    animation:none;transition:none;
  }
  body:not([data-pluritual-wip]) main.has-module-navigation .wip-explore-choices .module-motion-pill {
    display:none;
  }
}
/* Six works fit on narrow phones with full-size icon targets; direct selection
   makes the redundant previous/next pair unnecessary at this width. */
@media(max-width:420px){
  body[data-pluritual-wip] main.has-module-navigation > header .wip-explore-nav:has([data-module="melody"]){width:calc(var(--module-step-count)*44px + (var(--module-step-count) - 1)*4px);}
  body[data-pluritual-wip] .wip-explore-nav:has([data-module="melody"]) > .module-nav-arrow{display:none;}
}