/* 1NFINIT3 1 → II → 3 Interaction Interface V2
   Uses the canonical paths already present in the Formation Aperture. No path redraw. */
.formation-aperture{
  --nf3-flow:0;
  --nf3-phase-energy:.45;
  --nf3-phase-speed:4.8s;
  --nf3-phase-step:.08;
  --nf3-intent-energy:0;
  --nf3-pointer-x:0;
  --nf3-pointer-y:0;
  --nf3-phase-angle:-2.94deg;
  isolation:isolate;
  perspective:1200px;
}
.formation-aperture__mark{overflow:visible}
.formation-aperture__mark::before{
  content:"";position:absolute;inset:9% 17%;border-radius:999px;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(255,255,255,.12),rgba(212,175,55,.06) 36%,transparent 70%);
  filter:blur(10px);opacity:var(--nf3-phase-energy);
  transform:translateZ(0);animation:nf3FieldBreath var(--nf3-phase-speed) ease-in-out infinite;
}
.formation-aperture__mark::after{
  content:"";position:absolute;left:25%;right:25%;top:50%;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,231,159,.12),rgba(255,255,255,.72),rgba(255,210,96,.16),transparent);
  background-size:220% 100%;opacity:.5;filter:drop-shadow(0 0 7px rgba(255,218,117,.26));
  animation:nf3SignalSweep 3.6s linear infinite;
}
.formation-aperture__i{transition:transform 980ms cubic-bezier(.16,1,.3,1),opacity 320ms ease,filter 520ms ease!important}
.formation-aperture__one,.formation-aperture__three{transition:opacity 620ms ease,filter 620ms ease!important}
.formation-aperture__three{opacity:0!important}
.formation-aperture[data-three-unlocked="true"] .formation-aperture__three{opacity:1!important;filter:drop-shadow(0 0 12px rgba(255,205,82,.52))}
.formation-aperture[data-formation-phase="receiving"] .formation-aperture__one{opacity:1!important;filter:drop-shadow(0 0 12px rgba(255,205,82,.38))}
.formation-aperture[data-formation-phase="understanding"] .formation-aperture__one,
.formation-aperture[data-formation-phase="question"] .formation-aperture__one,
.formation-aperture[data-formation-phase="confirming"] .formation-aperture__one{opacity:.26!important}
.formation-aperture[data-formation-phase="forming"] .formation-aperture__one,
.formation-aperture[data-formation-phase="waiting"] .formation-aperture__one,
.formation-aperture[data-formation-phase="needs-you"] .formation-aperture__one,
.formation-aperture[data-formation-phase="verifying"] .formation-aperture__one{opacity:.08!important}

.formation-aperture[data-formation-phase="receiving"] .formation-aperture__i--left{transform:translateX(-4.5%)}
.formation-aperture[data-formation-phase="receiving"] .formation-aperture__i--right{transform:translateX(4.5%)}
.formation-aperture[data-formation-phase="understanding"] .formation-aperture__i--left{transform:translateX(-10%)}
.formation-aperture[data-formation-phase="understanding"] .formation-aperture__i--right{transform:translateX(10%)}
.formation-aperture[data-formation-phase="question"] .formation-aperture__i--left,
.formation-aperture[data-formation-phase="needs-you"] .formation-aperture__i--left{transform:translateX(-7%)}
.formation-aperture[data-formation-phase="question"] .formation-aperture__i--right,
.formation-aperture[data-formation-phase="needs-you"] .formation-aperture__i--right{transform:translateX(7%)}
.formation-aperture[data-formation-phase="confirming"] .formation-aperture__i--left{transform:translateX(-11.5%)}
.formation-aperture[data-formation-phase="confirming"] .formation-aperture__i--right{transform:translateX(11.5%)}
.formation-aperture[data-formation-phase="forming"] .formation-aperture__i--left,
.formation-aperture[data-formation-phase="waiting"] .formation-aperture__i--left{transform:translateX(-15.5%)}
.formation-aperture[data-formation-phase="forming"] .formation-aperture__i--right,
.formation-aperture[data-formation-phase="waiting"] .formation-aperture__i--right{transform:translateX(15.5%)}
.formation-aperture[data-formation-phase="verifying"] .formation-aperture__i--left{transform:translateX(-3.5%)}
.formation-aperture[data-formation-phase="verifying"] .formation-aperture__i--right{transform:translateX(3.5%)}
.formation-aperture[data-three-unlocked="true"] .formation-aperture__i{transform:translateX(0)!important}

.formation-aperture[data-formation-phase="forming"]{--nf3-phase-energy:.72;--nf3-phase-speed:3.4s}
.formation-aperture[data-formation-phase="understanding"]{--nf3-phase-energy:.58;--nf3-phase-speed:4.2s}
.formation-aperture[data-formation-phase="question"],
.formation-aperture[data-formation-phase="needs-you"]{--nf3-phase-energy:.62;--nf3-phase-speed:2.6s}
.formation-aperture[data-formation-phase="waiting"]{--nf3-phase-energy:.3;--nf3-phase-speed:7s}
.formation-aperture[data-formation-phase="verifying"]{--nf3-phase-energy:.82;--nf3-phase-speed:1.9s}
.formation-aperture[data-formation-phase="offline"],
.formation-aperture[data-formation-phase="error"],
.formation-aperture[data-formation-phase="recovering"]{--nf3-phase-energy:.16}
.formation-aperture[data-formation-phase="offline"] .formation-aperture__mark::before,
.formation-aperture[data-formation-phase="offline"] .formation-aperture__mark::after,
.formation-aperture[data-formation-phase="error"] .formation-aperture__mark::before,
.formation-aperture[data-formation-phase="error"] .formation-aperture__mark::after{animation:none!important;opacity:.15}

.nf3-123-continuum{
  width:min(94%,620px);margin:-14px auto 20px;display:grid;grid-template-columns:repeat(5,1fr);
  gap:0;position:relative;z-index:3;
}
.nf3-123-continuum::before{
  content:"";position:absolute;left:8%;right:8%;top:7px;height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,225,142,.36),rgba(255,255,255,.08));
}
.nf3-123-node{display:grid;justify-items:center;gap:7px;position:relative;color:rgba(255,255,255,.38);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.nf3-123-node i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(8,10,10,.58);box-shadow:0 0 0 4px rgba(0,0,0,.06);z-index:1;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
.nf3-123-node b{font:inherit;font-weight:650}
.nf3-123-node[data-status="done"]{color:rgba(255,244,210,.68)}
.nf3-123-node[data-status="done"] i{background:rgba(197,160,55,.72);border-color:rgba(255,226,139,.74)}
.nf3-123-node[data-status="active"]{color:inherit}
.nf3-123-node[data-status="active"] i{border-color:rgba(255,235,178,.92);box-shadow:0 0 0 4px rgba(212,175,55,.08),0 0 16px rgba(255,214,96,.36);animation:nf3ActiveNode 1.8s ease-in-out infinite}

.nf3-123-truth{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 2px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.nf3-123-phase{font-size:12px;font-weight:650;letter-spacing:-.01em}
.nf3-123-evidence{font-size:10px;line-height:1.45;text-align:right;color:var(--muted);max-width:58%}
.nf3-123-lockline{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:13px 0 2px}
.nf3-123-lockline span{height:2px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;position:relative}
.nf3-123-lockline span::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,229,151,.8),transparent)}
.formation-aperture[data-formation-phase="understanding"] .nf3-123-lockline span:nth-child(1)::after,
.formation-aperture[data-formation-phase="forming"] .nf3-123-lockline span:nth-child(-n+2)::after,
.formation-aperture[data-formation-phase="verifying"] .nf3-123-lockline span::after{animation:nf3LockScan 1.9s ease-in-out infinite}
.formation-aperture[data-three-unlocked="true"] .nf3-123-lockline span{background:linear-gradient(90deg,rgba(172,139,41,.45),rgba(255,232,163,.82),rgba(172,139,41,.45))}

@keyframes nf3FieldBreath{0%,100%{opacity:calc(var(--nf3-phase-energy)*.62)}50%{opacity:var(--nf3-phase-energy)}}
@keyframes nf3SignalSweep{to{background-position:-220% 0}}
@keyframes nf3ActiveNode{0%,100%{box-shadow:0 0 0 4px rgba(212,175,55,.06),0 0 10px rgba(255,214,96,.2)}50%{box-shadow:0 0 0 7px rgba(212,175,55,.09),0 0 22px rgba(255,214,96,.42)}}
@keyframes nf3LockScan{0%{transform:translateX(-120%)}60%,100%{transform:translateX(120%)}}

html[data-v22-world="fullday"] .nf3-123-node{color:rgba(22,29,24,.38)}
html[data-v22-world="fullday"] .nf3-123-continuum::before{background:linear-gradient(90deg,rgba(20,26,22,.08),rgba(163,126,30,.32),rgba(20,26,22,.08))}
html[data-v22-world="fullday"] .nf3-123-node i{background:rgba(255,255,255,.86);border-color:rgba(20,26,22,.16)}
html[data-v22-world="fullday"] .nf3-123-truth{border-color:rgba(20,26,22,.08)}
html[data-v22-world="fullday"] .nf3-123-lockline span{background:rgba(20,26,22,.07)}

@media(max-width:560px){
  .nf3-123-continuum{width:98%;margin:-7px auto 13px}
  .nf3-123-node{font-size:8px;letter-spacing:.06em}.nf3-123-node i{width:12px;height:12px}
  .nf3-123-truth{display:grid;gap:5px;margin-top:9px}.nf3-123-evidence{text-align:left;max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .formation-aperture__mark::before,.formation-aperture__mark::after,.nf3-123-node i,.nf3-123-lockline span::after{animation:none!important}
  .formation-aperture__i,.formation-aperture__one,.formation-aperture__three,.nf3-123-node i{transition-duration:1ms!important}
}

/* V2.1 sensory polish: visual response only; never contributes to Formation truth/progress. */
.formation-aperture__svg{
  transform-origin:50% 50%;
  transform:
    rotateX(calc(var(--nf3-pointer-y) * -1.6deg))
    rotateY(calc(var(--nf3-pointer-x) * 2.2deg))
    translateY(calc((.5 - var(--nf3-phase-step)) * 5px));
  filter:
    drop-shadow(calc(var(--nf3-pointer-x) * 4px) calc(var(--nf3-pointer-y) * 3px) 14px rgba(0,0,0,.14))
    drop-shadow(0 0 calc(5px + var(--nf3-intent-energy) * 14px) rgba(255,215,103,calc(.05 + var(--nf3-intent-energy) * .16)));
  transition:transform 520ms cubic-bezier(.16,1,.3,1),filter 420ms ease;
}
.formation-chamber{
  position:relative;
  transform:translateZ(0);
}
.formation-chamber::before{
  content:"";
  position:absolute;
  inset:-18px -22px;
  z-index:-1;
  pointer-events:none;
  border-radius:28px;
  opacity:calc(.10 + var(--nf3-phase-step) * .16 + var(--nf3-intent-energy) * .12);
  background:
    radial-gradient(circle at calc(50% + var(--nf3-pointer-x) * 9%) calc(18% + var(--nf3-pointer-y) * 6%),rgba(255,255,255,.15),transparent 31%),
    linear-gradient(115deg,rgba(255,226,145,.06),transparent 42%,rgba(255,255,255,.045));
  filter:blur(calc(11px - var(--nf3-phase-step) * 3px));
  transition:opacity 420ms ease,filter 420ms ease;
}
.formation-aperture[data-intent-band="seed"] .formation-aperture__mark::before{transform:scale(1.01)}
.formation-aperture[data-intent-band="shaping"] .formation-aperture__mark::before{transform:scale(1.025)}
.formation-aperture[data-intent-band="deep"] .formation-aperture__mark::before{transform:scale(1.045)}
.nf3-123-node[data-status="active"] b{
  text-shadow:0 0 calc(5px + var(--nf3-phase-step) * 9px) rgba(255,224,142,calc(.08 + var(--nf3-phase-step) * .18));
}
.formation-aperture[data-formation-phase="verifying"] .formation-aperture__svg{
  transform:
    rotateX(calc(var(--nf3-pointer-y) * -1deg))
    rotateY(calc(var(--nf3-pointer-x) * 1.3deg))
    translateY(-2px);
}
.formation-aperture[data-three-unlocked="true"] .formation-aperture__svg{
  transform:rotateX(0) rotateY(0) translateY(0);
}
@media(pointer:coarse){
  .formation-aperture__svg{transform:translateY(calc((.5 - var(--nf3-phase-step)) * 3px))}
}
@media(prefers-reduced-motion:reduce){
  .formation-aperture{--nf3-pointer-x:0;--nf3-pointer-y:0}
  .formation-aperture__svg{transform:none!important;transition:none!important}
  .formation-chamber::before{transition:none!important}
  .formation-aperture[data-intent-band] .formation-aperture__mark::before{transform:none!important}
}


/* CANONICAL THREE-GATE OVERRIDE — 1 / II / 3 are the product lifecycle, not decorative labels. */
.nf3-123-continuum{
  grid-template-columns:repeat(3,1fr)!important;
  width:min(90%,540px)!important;
  margin:-12px auto 20px!important;
}
.nf3-123-continuum::before{left:12%!important;right:12%!important}
.nf3-123-node{gap:5px!important}
.nf3-123-node b{
  font-size:clamp(18px,3.8vw,28px)!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  font-weight:760!important;
  text-transform:none!important;
  color:inherit;
}
.nf3-123-node small{
  font-size:8px;
  line-height:1.1;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:inherit;
  opacity:.72;
}
.nf3-123-node[data-corridor="three"][data-locked="true"] b{opacity:.18;filter:blur(.15px)}
.nf3-123-node[data-corridor="three"][data-locked="false"] b{opacity:1;color:#ffe39a;text-shadow:0 0 18px rgba(255,214,96,.3)}
.formation-aperture[data-formation-step="1"] .formation-aperture__one{opacity:1!important}
.formation-aperture[data-formation-step="ii"] .formation-aperture__one{opacity:.08!important}
.formation-aperture[data-formation-step="3-gate"] .formation-aperture__one{opacity:.04!important}
.formation-aperture[data-verification-return="II"] .formation-aperture__mark::after,
.formation-aperture[data-verification-return="1"] .formation-aperture__mark::after{
  animation-direction:reverse!important;
}
.formation-aperture[data-verification-return="HOLD"] .formation-aperture__mark::after{animation-play-state:paused!important;opacity:.18!important}
@media(max-width:560px){
  .nf3-123-continuum{width:94%!important;margin:-6px auto 12px!important}
  .nf3-123-node b{font-size:20px!important}
  .nf3-123-node small{font-size:7px}
}