/* CLIRA VISUAL BRAIN — isolated presentation layer.
   Scope is intentionally limited to the full and compact brain canvases. */

#brain .brain-viewport-card{
  border-color:rgba(105,111,255,.30)!important;
  background:#010108!important;
  box-shadow:
    inset 0 0 90px rgba(3,1,20,.92),
    0 0 34px rgba(75,55,255,.12)!important;
}

#brain #brain3d.b112-brain-stage{
  background:
    radial-gradient(ellipse at 51% 48%,rgba(255,69,203,.14) 0,rgba(176,58,255,.17) 8%,rgba(80,65,220,.13) 20%,transparent 42%),
    radial-gradient(ellipse at 18% 35%,rgba(25,146,255,.30),transparent 38%),
    radial-gradient(ellipse at 84% 30%,rgba(255,46,184,.28),transparent 37%),
    radial-gradient(ellipse at 58% 86%,rgba(67,214,255,.18),transparent 42%),
    linear-gradient(180deg,#02010b 0%,#05021a 48%,#010108 100%)!important;
  box-shadow:inset 0 0 120px rgba(0,0,0,.78)!important;
}

#brain #brain3d.b112-brain-stage::before{
  content:""!important;display:block!important;position:absolute!important;inset:-18%!important;
  z-index:0!important;pointer-events:none!important;opacity:.80!important;
  background:
    conic-gradient(from 218deg at 52% 51%,transparent 0 10%,rgba(255,83,213,.12) 14%,transparent 21% 42%,rgba(64,203,255,.13) 48%,transparent 56% 76%,rgba(122,76,255,.16) 84%,transparent 92%),
    repeating-radial-gradient(ellipse at 51% 53%,transparent 0 44px,rgba(137,75,255,.035) 45px 47px,transparent 49px 78px)!important;
  filter:blur(12px) saturate(1.45)!important;
  animation:cliraNebulaTurn 42s linear infinite;
}

#brain #brain3d.b112-brain-stage::after{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;
  z-index:0!important;pointer-events:none!important;opacity:.68!important;
  background-image:
    radial-gradient(circle at 10% 20%,#fff 0 1px,transparent 1.7px),
    radial-gradient(circle at 35% 12%,#52dfff 0 1px,transparent 1.9px),
    radial-gradient(circle at 62% 24%,#ff74df 0 1.2px,transparent 2px),
    radial-gradient(circle at 82% 64%,#846eff 0 1px,transparent 1.8px),
    radial-gradient(circle at 28% 76%,#ffd8ed 0 1px,transparent 1.7px)!important;
  background-size:105px 91px,151px 129px,173px 143px,211px 181px,239px 203px!important;
  filter:drop-shadow(0 0 5px rgba(123,127,255,.92));
  animation:cliraStarDrift 18s ease-in-out infinite alternate;
}

#brain #b118BrainCanvas{
  filter:saturate(1.55) contrast(1.32) brightness(1.02)
    drop-shadow(0 0 5px rgba(57,212,255,.30))
    drop-shadow(0 0 13px rgba(255,64,214,.22))
    drop-shadow(0 0 24px rgba(116,78,255,.12))!important;
}

#brain .b119-node{width:58px!important;height:58px!important}
#brain .b119-node .b119-node-ring{
  inset:2px!important;border-width:1.5px!important;
  background:
    radial-gradient(circle at 32% 24%,rgba(255,255,255,.34),transparent 14%),
    radial-gradient(circle,rgba(30,13,75,.32),rgba(2,3,18,.62))!important;
  box-shadow:
    0 0 18px var(--node-color),
    0 0 38px color-mix(in srgb,var(--node-color) 28%,transparent),
    inset 0 0 18px color-mix(in srgb,var(--node-color) 28%,transparent)!important;
}
#brain .b119-node .b119-node-ring::before{
  content:"";position:absolute;inset:8px -5px;border:1px solid color-mix(in srgb,var(--node-color) 68%,white 32%);
  border-radius:50%;transform:rotate(-22deg);opacity:.56;box-shadow:0 0 8px var(--node-color)
}
#brain .b119-node .b119-node-ring::after{inset:19px!important;opacity:.95!important}
#brain .b119-node.selected .b119-node-ring{inset:-2px!important}
#brain .b119-node .b118-node-label{width:106px!important}
#brain .b119-node .b118-node-label b{font-size:13px!important;text-shadow:0 0 9px var(--node-color),0 2px 6px #000!important}

#brain .b118-scene-caption{
  color:#9aa7cc!important;text-shadow:0 0 10px rgba(71,208,255,.45)
}
#brain .b118-scene-caption b{color:#f0eaff!important}
#brain .b118-status-dot{background:#ff70d9!important;box-shadow:0 0 8px #ff70d9,0 0 16px #695dff}
#brain #b118Activity{color:#f0ddff!important;text-shadow:0 0 10px rgba(255,69,208,.34)}
#brain .b118-scene-help{color:#8792b4!important}
#brain .brain-hud span{background:rgba(3,2,19,.66)!important;border-color:rgba(135,105,255,.30)!important}
#brain .brain-hud span:first-child{color:#78f6ff!important}

#miniBrain3d{
  background:
    radial-gradient(circle at 50% 48%,rgba(255,63,213,.18),transparent 34%),
    radial-gradient(circle at 32% 42%,rgba(43,179,255,.16),transparent 48%),
    #01030b!important;
}
#miniBrain3d #b121MiniBrainCanvas{
  filter:saturate(1.42) contrast(1.26) brightness(.98) drop-shadow(0 0 6px rgba(255,76,218,.14))!important
}

@keyframes cliraNebulaTurn{to{transform:rotate(360deg) scale(1.03)}}
@keyframes cliraStarDrift{to{transform:translate3d(7px,-5px,0) scale(1.015);opacity:.80}}
@media(prefers-reduced-motion:reduce){#brain #brain3d.b112-brain-stage::before,#brain #brain3d.b112-brain-stage::after{animation:none}}
@media(max-width:900px){#brain .b119-node{width:46px!important;height:46px!important}}