/* Prime Creation page transitions: overlay-only, transform/opacity for smooth compositing.
   Layer lane: page transition overlay stays below persistent Command Deck chrome. */
html body.prime-v2 #primeSiteTransition.prime-site-transition{position:fixed!important;inset:0!important;z-index:9980!important;display:block!important;width:100%!important;height:100%!important;overflow:hidden!important;pointer-events:none!important;visibility:hidden!important;opacity:0!important;background:transparent!important;transform:translateZ(0);contain:layout paint style;}
html body.prime-v2 #primeSiteTransition.prime-site-transition.is-active{visibility:visible!important;opacity:1!important}
#primeSiteTransition .pst-layer{position:absolute;inset:0;pointer-events:none;will-change:transform,opacity}
#primeSiteTransition .pst-backdrop{background:linear-gradient(135deg,rgba(2,5,9,.28),rgba(7,19,29,.22));opacity:0}
#primeSiteTransition .pst-grid{opacity:0;background-image:linear-gradient(rgba(105,231,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(105,231,255,.10) 1px,transparent 1px);background-size:34px 34px}
#primeSiteTransition .pst-field{opacity:0}
#primeSiteTransition .pst-beam{opacity:0}
#primeSiteTransition .pst-core{opacity:0;background:radial-gradient(circle at 50% 50%,rgba(190,247,255,.5),rgba(77,220,255,.14) 12%,transparent 34%)}
#primeSiteTransition .pst-particles i{position:absolute;left:var(--pst-x,50%);top:100%;width:2px;height:16px;background:rgba(145,237,255,.85);box-shadow:0 0 12px rgba(85,221,255,.55);opacity:0;will-change:transform,opacity}
#primeSiteTransition.is-active .pst-backdrop{animation:pstFade var(--prime-transition-duration,660ms) cubic-bezier(.2,.72,.2,1) both}
#primeSiteTransition.is-active .pst-core{animation:pstCore var(--prime-transition-duration,660ms) ease both}
#primeSiteTransition.effect-scan .pst-beam{top:-4px;height:3px;background:#a1f4ff;box-shadow:0 0 22px rgba(89,225,255,.9)}
#primeSiteTransition.effect-scan.is-active .pst-grid{animation:pstGrid var(--prime-transition-duration,660ms) ease both}
#primeSiteTransition.effect-scan.is-active .pst-beam{animation:pstScan var(--prime-transition-duration,660ms) cubic-bezier(.18,.78,.2,1) both}
#primeSiteTransition.effect-prism .pst-field{inset:-20% -40%;background:linear-gradient(105deg,transparent 28%,rgba(255,72,156,.38) 38%,rgba(169,95,255,.55) 45%,rgba(68,224,255,.72) 52%,rgba(255,226,109,.42) 58%,transparent 70%)}
#primeSiteTransition.effect-prism.is-active .pst-field{animation:pstSweep var(--prime-transition-duration,660ms) cubic-bezier(.2,.82,.2,1) both}
#primeSiteTransition.effect-grid .pst-grid{inset:-30%;transform-origin:50% 100%}
#primeSiteTransition.effect-grid.is-active .pst-grid{animation:pstRush var(--prime-transition-duration,660ms) cubic-bezier(.18,.8,.2,1) both}
#primeSiteTransition.effect-shutter .pst-field{background:linear-gradient(180deg,#07131d 0 49.7%,transparent 49.7% 50.3%,#07131d 50.3%);transform:scaleY(0)}
#primeSiteTransition.effect-shutter.is-active .pst-field{animation:pstShutter var(--prime-transition-duration,660ms) cubic-bezier(.2,.8,.2,1) both}
#primeSiteTransition.effect-warp .pst-field{left:50%;top:50%;right:auto;bottom:auto;width:18vmin;height:18vmin;margin:-9vmin;border:2px solid rgba(138,238,255,.8);border-radius:50%;box-shadow:0 0 0 8vmin rgba(68,220,255,.08),0 0 70px rgba(68,220,255,.35)}
#primeSiteTransition.effect-warp.is-active .pst-field{animation:pstWarp var(--prime-transition-duration,660ms) cubic-bezier(.16,.84,.2,1) both}
#primeSiteTransition.effect-pixel .pst-grid{background-size:28px 28px;background-image:linear-gradient(rgba(100,225,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(181,88,255,.13) 1px,transparent 1px)}
#primeSiteTransition.effect-pixel.is-active .pst-grid{animation:pstPixel var(--prime-transition-duration,660ms) cubic-bezier(.2,.75,.2,1) both}
#primeSiteTransition.effect-circuit .pst-field{background:linear-gradient(90deg,transparent 0 18%,rgba(86,223,255,.3) 18% 18.4%,transparent 18.4% 42%,rgba(176,94,255,.22) 42% 42.4%,transparent 42.4% 72%,rgba(86,223,255,.22) 72% 72.4%,transparent 72.4%)}
#primeSiteTransition.effect-circuit.is-active .pst-field{animation:pstCircuit var(--prime-transition-duration,660ms) ease both}
#primeSiteTransition.is-active .pst-particles i{animation:pstParticle calc(var(--prime-transition-duration,660ms)*.85) ease-out both;animation-delay:calc(var(--pst-i)*12ms)}
@keyframes pstFade{0%,100%{opacity:0}18%,78%{opacity:1}}
@keyframes pstCore{0%,100%{opacity:0;transform:scale(.8)}45%{opacity:.85;transform:scale(1.08)}60%{opacity:.45;transform:scale(1.35)}}
@keyframes pstGrid{0%,100%{opacity:0;transform:translateY(-2%)}28%,70%{opacity:.65}55%{transform:translateY(2%)}}
@keyframes pstScan{0%{opacity:0;transform:translateY(0)}15%{opacity:1}68%{opacity:1;transform:translateY(100vh)}100%{opacity:0;transform:translateY(105vh)}}
@keyframes pstSweep{0%{opacity:0;transform:translate3d(-28%,0,0) skewX(-8deg)}25%{opacity:1}62%{opacity:.9}100%{opacity:0;transform:translate3d(28%,0,0) skewX(8deg)}}
@keyframes pstRush{0%{opacity:0;transform:perspective(700px) rotateX(62deg) scale(1.35) translateY(16%)}35%{opacity:.8}70%{opacity:.55}100%{opacity:0;transform:perspective(700px) rotateX(62deg) scale(2.2) translateY(-6%)}}
@keyframes pstShutter{0%{opacity:0;transform:scaleY(0)}28%{opacity:1;transform:scaleY(1)}62%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(0)}}
@keyframes pstWarp{0%{opacity:0;transform:scale(.25)}28%{opacity:1}58%{opacity:.95;transform:scale(3.2)}100%{opacity:0;transform:scale(5)}}
@keyframes pstPixel{0%{opacity:0;transform:scale(.96)}25%{opacity:.75}58%{opacity:.65;transform:scale(1.03)}100%{opacity:0;transform:scale(1.08)}}
@keyframes pstCircuit{0%{opacity:0;transform:translateX(-10%)}28%{opacity:.9}62%{opacity:.7}100%{opacity:0;transform:translateX(10%)}}
@keyframes pstParticle{0%{opacity:0;transform:translate3d(0,0,0) scaleY(.4)}20%{opacity:.85}100%{opacity:0;transform:translate3d(0,-110vh,0) scaleY(1.3)}}
@media (prefers-reduced-motion:reduce){html body.prime-v2 #primeSiteTransition.prime-site-transition{display:none!important}}

/* 2026-09-15 isolated visual seal: full-width command deck color fill, including the rounded right cap, in initializer and online states. */
html body.prime-v2 > #primeCommandDeck.prime-command-deck{
  background:
    linear-gradient(102deg,
      rgba(84,225,255,.34) 0%,
      rgba(137,218,255,.42) 24%,
      rgba(196,205,235,.54) 50%,
      rgba(181,148,244,.62) 76%,
      rgba(160,116,255,.70) 100%),
    linear-gradient(180deg,rgba(13,24,34,.97),rgba(4,10,16,.94))!important;
}
html body.prime-v2 > #primeCommandDeck.prime-command-deck::before{
  background-color:rgba(156,118,255,.18)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.18),
    inset 0 0 18px rgba(105,233,255,.08),
    inset -64px 0 58px rgba(164,116,255,.30),
    inset -28px 0 36px rgba(105,233,255,.20)!important;
}
@media(max-width:680px){
  html body.prime-v2 > #primeCommandDeck.prime-command-deck::before{
    background-color:rgba(156,118,255,.20)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.18),
      inset 0 -1px 0 rgba(0,0,0,.18),
      inset 0 0 18px rgba(105,233,255,.08),
      inset -58px 0 52px rgba(164,116,255,.34),
      inset -24px 0 32px rgba(105,233,255,.22)!important;
  }
}