/* CRUDO / LAB — autonomous background constellation field. */
.attractor-field{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  opacity:1;
  pointer-events:none;
}

.attractor-cursor{
  position:absolute;
  z-index:4;
  top:0;
  left:0;
  width:132px;
  height:132px;
  border:1px solid rgba(255,36,0,.42);
  border-radius:50%;
  opacity:0;
  pointer-events:none;
  transform:translate3d(-50%,-50%,0);
  transition:opacity .18s ease;
  will-change:transform,opacity;
}
.attractor-cursor::before,
.attractor-cursor::after{
  position:absolute;
  border-radius:50%;
  content:"";
}
.attractor-cursor::before{
  inset:18px;
  border:1px solid rgba(255,36,0,.19);
}
.attractor-cursor::after{
  inset:-44px;
  border:1px dashed rgba(255,36,0,.10);
}
.attractor-cursor i{
  position:absolute;
  top:50%;
  left:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--lime);
  box-shadow:
    0 0 0 10px rgba(255,36,0,.075),
    0 0 34px rgba(255,36,0,.78);
  transform:translate(-50%,-50%);
}
.attractor-cursor.is-active{opacity:1}

.experimental-index .orbit-stage{cursor:crosshair}
.experimental-index .orbit-kicker,
.experimental-index .orbit-instruction{z-index:5}
.experimental-index .orbit-field{z-index:2}
.experimental-index .orbit-ledger{z-index:5}

@media (max-width:850px){
  .attractor-cursor{width:96px;height:96px}
  .attractor-cursor::after{inset:-28px}
}

@media (prefers-reduced-motion:reduce){
  .attractor-cursor::after{display:none}
}


/* 2026-09-08 / attractor styling override */
.attractor-cursor{border-color:rgba(var(--lab-red-rgb),.34)!important}
.attractor-cursor::before{border-color:rgba(var(--lab-red-rgb),.16)!important}
.attractor-cursor::after{border-color:rgba(var(--lab-red-rgb),.10)!important}
.attractor-cursor i{background:var(--lime)!important;box-shadow:0 0 0 10px rgba(var(--lab-red-rgb),.06),0 0 30px rgba(var(--lab-red-rgb),.52)!important}
/* 2026-09-09 / user supplied LAB attractor atmosphere */
.experimental-index .orbit-stage::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(at 76.06844454409664% 76.12139286149493%, hsla(0,69.56521739130434%,27.058823529411764%,.82) 0%, hsla(0,69.56521739130434%,27.058823529411764%,0) 100%),
    radial-gradient(at 41.010250352346944% 19.48753162673098%, hsla(345.4054054054054,69.81132075471699%,10.392156862745098%,.92) 0%, hsla(345.4054054054054,69.81132075471699%,10.392156862745098%,0) 100%),
    radial-gradient(at 60.355949098682785% 74.64769020408862%, hsla(0,69.56521739130434%,27.058823529411764%,.76) 0%, hsla(0,69.56521739130434%,27.058823529411764%,0) 100%),
    radial-gradient(at 71.48135259883807% 91.0722426097601%, hsla(345.4054054054054,69.81132075471699%,10.392156862745098%,.88) 0%, hsla(345.4054054054054,69.81132075471699%,10.392156862745098%,0) 100%),
    radial-gradient(at 38.2884458416644% 50.48802883068031%, hsla(0,69.56521739130434%,27.058823529411764%,.72) 0%, hsla(0,69.56521739130434%,27.058823529411764%,0) 100%),
    radial-gradient(at 8.531053308431302% 46.701726649832565%, hsla(345.4054054054054,69.81132075471699%,10.392156862745098%,.84) 0%, hsla(345.4054054054054,69.81132075471699%,10.392156862745098%,0) 100%),
    radial-gradient(at 56.037317097473974% 82.26505628792124%, hsla(0,69.56521739130434%,27.058823529411764%,.68) 0%, hsla(0,69.56521739130434%,27.058823529411764%,0) 100%),
    radial-gradient(at 62.38666955528303% 20.705059402817994%, hsla(345.4054054054054,69.81132075471699%,10.392156862745098%,.82) 0%, hsla(345.4054054054054,69.81132075471699%,10.392156862745098%,0) 100%),
    radial-gradient(at 98.80995933743102% 92.1957455089243%, hsla(0,69.56521739130434%,27.058823529411764%,.72) 0%, hsla(0,69.56521739130434%,27.058823529411764%,0) 100%),
    radial-gradient(at 72.54153486626436% 78.0422603883696%, hsla(345.4054054054054,69.81132075471699%,10.392156862745098%,.82) 0%, hsla(345.4054054054054,69.81132075471699%,10.392156862745098%,0) 100%),
    radial-gradient(at 20.785303134073985% 90.89791634648923%, hsla(0,69.56521739130434%,27.058823529411764%,.66) 0%, hsla(0,69.56521739130434%,27.058823529411764%,0) 100%),
    #090908!important;
  opacity:.72!important;
  filter:saturate(.9) contrast(1.04)!important;
}
.experimental-index .orbit-stage::after{z-index:1!important;opacity:.7!important}
.experimental-index .attractor-field{z-index:2!important;mix-blend-mode:screen;opacity:.82!important}
.experimental-index .orbit-kicker,.experimental-index .orbit-field,.experimental-index .orbit-ledger{position:relative;z-index:3!important}
@media(max-width:850px){
  .experimental-index .orbit-stage::before{opacity:.62!important;background-size:145% 145%!important;background-position:center!important}
  .experimental-index .attractor-field{opacity:.68!important}
}
/* 2026-09-09 / subtle star-noise layer above LAB gradient */
.experimental-index .orbit-stage::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:.86!important;
  background:
    radial-gradient(circle at 8% 12%,rgba(255,255,255,.28) 0 1px,transparent 1.7px),
    radial-gradient(circle at 17% 48%,rgba(255,255,255,.18) 0 1px,transparent 1.8px),
    radial-gradient(circle at 24% 76%,rgba(255,36,0,.35) 0 1.2px,transparent 2px),
    radial-gradient(circle at 37% 26%,rgba(255,255,255,.2) 0 1px,transparent 1.8px),
    radial-gradient(circle at 42% 58%,rgba(255,36,0,.28) 0 1px,transparent 1.8px),
    radial-gradient(circle at 51% 18%,rgba(255,255,255,.18) 0 1px,transparent 1.7px),
    radial-gradient(circle at 63% 42%,rgba(255,255,255,.22) 0 1px,transparent 1.8px),
    radial-gradient(circle at 72% 72%,rgba(255,36,0,.32) 0 1.2px,transparent 2px),
    radial-gradient(circle at 84% 24%,rgba(255,255,255,.2) 0 1px,transparent 1.8px),
    radial-gradient(circle at 91% 61%,rgba(255,255,255,.16) 0 1px,transparent 1.8px),
    radial-gradient(ellipse at center,transparent 36%,rgba(0,0,0,.72) 100%)!important;
  background-size:
    240px 240px,
    310px 310px,
    420px 420px,
    360px 360px,
    280px 280px,
    390px 390px,
    330px 330px,
    460px 460px,
    300px 300px,
    410px 410px,
    100% 100%!important;
  background-position:
    0 0,
    70px 30px,
    20px 90px,
    120px 160px,
    190px 40px,
    45px 210px,
    155px 85px,
    260px 140px,
    35px 55px,
    210px 250px,
    center!important;
  mix-blend-mode:screen;
}
.experimental-index .orbit-stage::before{filter:saturate(.92) contrast(1.05) brightness(.9)!important}
@media(max-width:850px){
  .experimental-index .orbit-stage::after{opacity:.72!important;background-size:190px 190px,250px 250px,330px 330px,290px 290px,220px 220px,310px 310px,270px 270px,360px 360px,240px 240px,320px 320px,100% 100%!important}
}
/* 2026-09-09 / final LAB space background: full page, low red, point cursor */
.experimental-index{background:#020203!important;cursor:default!important}
.experimental-index .entry-sequence,.experimental-index .experimental-entry,.experimental-index .orbit-kicker{display:none!important;visibility:hidden!important;opacity:0!important}
.experimental-index::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 50% 52%,rgba(24,6,10,.58) 0%,rgba(10,2,4,.34) 30%,rgba(3,3,5,.95) 72%,#020203 100%),radial-gradient(circle at 74% 78%,hsla(0,62%,24%,.12) 0%,hsla(0,62%,24%,0) 48%),radial-gradient(circle at 36% 22%,hsla(345,65%,11%,.18) 0%,hsla(345,65%,11%,0) 54%),#020203}
.experimental-index::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.44;background-image:radial-gradient(circle,rgba(255,255,255,.35) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(255,255,255,.18) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(212,59,45,.14) 0 1px,transparent 1.8px);background-size:130px 130px,210px 210px,340px 340px;background-position:20px 35px,90px 120px,180px 40px;animation:lab-page-dust 8s steps(5,end) infinite}
@keyframes lab-page-dust{0%,100%{opacity:.30}35%{opacity:.50}68%{opacity:.22}}
.experimental-index .orbit-archive,.experimental-index .orbit-footer{background:transparent!important}
.experimental-index .orbit-stage{cursor:default!important;background:transparent!important;min-height:100svh!important}
.experimental-index .orbit-stage::before{opacity:.22!important;filter:saturate(.48) contrast(1.03) brightness(.50)!important}
.experimental-index .orbit-stage::after{opacity:.42!important}
.experimental-index .attractor-field{opacity:.94!important;mix-blend-mode:screen}
.experimental-index .attractor-cursor{width:16px!important;height:16px!important;border:0!important;border-radius:50%!important;background:rgba(244,244,241,.78)!important;box-shadow:0 0 0 7px rgba(244,244,241,.055),0 0 22px rgba(244,244,241,.20)!important}
.experimental-index .attractor-cursor::before,.experimental-index .attractor-cursor::after,.experimental-index .attractor-cursor i{display:none!important}
@media(max-width:850px){.experimental-index::before{background:radial-gradient(ellipse at 50% 48%,rgba(22,5,8,.56) 0%,rgba(8,2,3,.38) 38%,#020203 100%),radial-gradient(circle at 72% 74%,hsla(0,62%,24%,.10) 0%,hsla(0,62%,24%,0) 50%),#020203!important}.experimental-index .orbit-stage::before{opacity:.16!important}.experimental-index .attractor-field{opacity:.86!important}}
@media(prefers-reduced-motion:reduce){.experimental-index::after{animation:none}}


/* 2026-09-09 / LAB chrome cleanup + deeper space field */
html:has(body.experimental-page),
html:has(body.experimental-page) body{
  background:#020203!important;
  margin:0!important;
  min-height:100%!important;
  overflow-x:hidden!important;
}
body.experimental-page::before,
body.experimental-page::after{
  display:none!important;
}
.experimental-page .entry-sequence,
.experimental-page .experimental-entry{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.experimental-index{
  background:#020203!important;
}
.experimental-index::before{
  background:
    radial-gradient(ellipse at 50% 48%,rgba(18,5,10,.50) 0%,rgba(7,2,5,.44) 34%,rgba(2,2,4,.98) 78%,#020203 100%),
    radial-gradient(circle at 72% 78%,rgba(88,12,14,.10) 0%,rgba(88,12,14,0) 48%),
    radial-gradient(circle at 32% 20%,rgba(70,9,24,.12) 0%,rgba(70,9,24,0) 50%),
    #020203!important;
}
.experimental-index::after{
  opacity:.36!important;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.38) 0 1px,transparent 1.8px),
    radial-gradient(circle,rgba(255,255,255,.16) 0 .8px,transparent 1.5px),
    radial-gradient(circle,rgba(255,255,255,.10) 0 .7px,transparent 1.4px)!important;
  background-size:86px 86px,142px 142px,230px 230px!important;
  background-position:18px 33px,91px 120px,173px 41px!important;
}
.experimental-index .orbit-stage{
  min-height:100svh!important;
  padding-top:max(84px,env(safe-area-inset-top))!important;
  padding-bottom:max(28px,env(safe-area-inset-bottom))!important;
  background:transparent!important;
}
.experimental-index .orbit-stage::after{
  display:none!important;
}
.experimental-page .site-nav{
  top:0!important;
}
@supports not selector(:has(*)){
  html,body.experimental-page{background:#020203!important;margin:0!important;overflow-x:hidden!important}
}
