.orb-host{z-index:0;pointer-events:none;transform-origin:50%;opacity:0;will-change:transform;width:240px;height:240px;transition:opacity .24s var(--ease-out-soft,ease-out);contain:layout style paint;position:absolute;top:0;left:0}.orb-disc{background:linear-gradient(#b8ff5a6b 0%,#b8ff5a66 24%,#b9ff6057 36%,#bdfe7044 44%,#c3fd882f 51%,#c8fc9821 58%,#cafb9e19 65%,#c8fa9a16 72%,#c4f78e14 80%,#bff37c13 88%,#bbef6c12 96%,#b9ed6411 100%),radial-gradient(78% 63% at 50% 12%,#b8ff5afc 0%,#b8ff5af4 32%,#b9ff60da 50%,#bcfe6ca1 65%,#c0fd7e4f 80%,#c4fc8e14 92%,#c6fc9400 100%);border-radius:50%;position:absolute;inset:0;overflow:hidden}.orb-mist{position:absolute;inset:0}.orb-mist>i{will-change:transform;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:-42% -55%}.orb-mist--far{-webkit-mask-image:linear-gradient(#0000 24%,#000 48% 80%,#0000 99%);mask-image:linear-gradient(#0000 24%,#000 48% 80%,#0000 99%)}.orb-mist--far>i{opacity:calc(.58 + var(--orb-level,0) * .2);transform:translate3d(calc(var(--orb-drift-a,0) * 1%), calc(var(--orb-drift-a,0) * 0.2%), 0);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='300'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.0065 0.030' numOctaves='4' seed='11'/%3E%3CfeColorMatrix values='0 0 0 0 0.55  0 0 0 0 1  0 0 0 0 0.26  2.1 0 0 0 -0.98'/%3E%3CfeGaussianBlur stdDeviation='6.5'/%3E%3C/filter%3E%3Crect width='420' height='300' filter='url(%23f)'/%3E%3C/svg%3E")}.orb-mist--near{-webkit-mask-image:linear-gradient(#0000 36%,#000 58% 88%,#0000 100%);mask-image:linear-gradient(#0000 36%,#000 58% 88%,#0000 100%)}.orb-mist--near>i{opacity:calc(.46 + var(--orb-level,0) * .26);transform:translate3d(calc(var(--orb-drift-b,0) * -1%), calc(var(--orb-drift-b,0) * 0.13%), 0);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='300'%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.011 0.050' numOctaves='4' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.70  0 0 0 0 1  0 0 0 0 0.42  2.5 0 0 0 -1.38'/%3E%3CfeGaussianBlur stdDeviation='3.4'/%3E%3C/filter%3E%3Crect width='420' height='300' filter='url(%23f)'/%3E%3C/svg%3E")}.orb-slot{aspect-ratio:1;contain:strict;width:clamp(132px,21vh,228px)}.orb-slot--dock{aspect-ratio:1;contain:strict;width:76px;height:76px}.orb-dock{align-items:center;gap:14px;min-width:0;display:flex}.orb-above{z-index:1;position:relative}.orb-backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb-backdrop__lattice{background-image:radial-gradient(circle,#b8ff5a0e 0 1px,#0000 1.4px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 22%,#000 0%,#0000 78%);mask-image:radial-gradient(90% 70% at 50% 22%,#000 0%,#0000 78%)}.orb-backdrop__pool{will-change:transform;border-radius:50%;width:60vmax;height:60vmax;position:absolute;top:0;left:0}.orb-backdrop__pool--a{background:radial-gradient(circle,#b8ff5a13 0%,#b8ff5a05 40%,#0000 68%);animation:54s ease-in-out infinite alternate orbDriftA;transform:translate(-18vmax,-26vmax)}.orb-backdrop__pool--b{background:radial-gradient(circle,#8fa2ff0e 0%,#8fa2ff04 42%,#0000 68%);animation:78s ease-in-out infinite alternate orbDriftB;transform:translate(58vmax,34vmax)scale(.82)}@keyframes orbDriftA{0%{transform:translate(-18vmax,-26vmax)scale(1)}to{transform:translate(22vmax,-8vmax)scale(1.18)}}@keyframes orbDriftB{0%{transform:translate(58vmax,34vmax)scale(.82)}to{transform:translate(24vmax,52vmax)scale(1.02)}}.orb-backdrop__vignette{background:radial-gradient(78% 62% at 50% 38%,#0000 0%,#0b0b0cb8 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.orb-backdrop__pool--a,.orb-backdrop__pool--b{animation:none}.orb-mist>i{will-change:auto}.orb-host{transition:none}}