.jkb{--lav:#cdb6ff;--cyan:#6ef3ff}.jkb-paused,.jkb-paused *{animation-play-state:paused!important}.jk-stage{aspect-ratio:1;perspective:1100px;width:min(600px,100%);margin-inline:auto;position:relative;container-type:inline-size}.jk-stage-glow{filter:blur(14px);background:radial-gradient(closest-side,#7c5cff6b,#4b32c924 55%,#0000 74%);animation:7s ease-in-out infinite jk-breathe;position:absolute;inset:-6%}@keyframes jk-breathe{0%,to{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.jk-platform{aspect-ratio:1;width:96%;transform-style:preserve-3d;position:absolute;bottom:-5%;left:50%;transform:translate(-50%)rotateX(74deg)}.jk-ring{border-radius:50%;position:absolute}.jk-ring-outer{background:radial-gradient(circle,#0c0822f5 0 52%,#3f2aa06b 100%);border:2px solid #7c5cffa6;inset:0;box-shadow:0 0 60px #7c5cff8c,inset 0 0 70px #7c5cff59}.jk-ring-ticks{background:repeating-conic-gradient(#cdb6ffd9 0deg .7deg,#0000 .7deg 6deg);animation:60s linear infinite jk-spin;inset:3%;-webkit-mask:radial-gradient(circle,#0000 89%,#000 90% 96%,#0000 97%);mask:radial-gradient(circle,#0000 89%,#000 90% 96%,#0000 97%)}.jk-ring-dash{border:1.5px dashed #6ef3ff80;animation:46s linear infinite reverse jk-spin;inset:-7%}.jk-ring-mid{background:radial-gradient(circle,#4b32c98c,#140c3cd9 70%);border:2px solid #cdb6ffbf;inset:15%;box-shadow:0 0 40px #7c5cffb3,inset 0 0 40px #7c5cff80}.jk-ring-core{background:radial-gradient(circle,#dcd3ff 0%,#8f76ff 38%,#3a26a8 100%);border:2px solid #dcd3ffe6;animation:4.6s ease-in-out infinite jk-core-pulse;inset:34%;box-shadow:0 0 60px #a082fff2,0 0 140px #7c5cffcc}@keyframes jk-core-pulse{0%,to{filter:brightness(.9)}50%{filter:brightness(1.25)}}@keyframes jk-spin{to{transform:rotate(360deg)}}.jk-beam{-webkit-mask-composite:source-in;filter:blur(6px);background:linear-gradient(#a082ff00,#a082ff8c 60%,#dcd3ffe6);width:24%;height:16%;animation:5s ease-in-out infinite jk-beam;position:absolute;top:42%;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 32% 68%,#0000),linear-gradient(#000 78%,#0000);mask-image:linear-gradient(90deg,#0000,#000 32% 68%,#0000),linear-gradient(#000 78%,#0000);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:border-box,border-box;mask-clip:border-box,border-box;-webkit-mask-origin:border-box,border-box;mask-origin:border-box,border-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes jk-beam{0%,to{opacity:.6}50%{opacity:1}}.jk-brain{z-index:50;width:56%;position:absolute;top:2%;left:50%;transform:translate(-50%)}.jk-brain svg{filter:drop-shadow(0 0 14px #7c5cfff2)drop-shadow(0 0 60px #7c5cffa6);width:100%;height:auto;display:block;overflow:visible}.jkb .b-fill{fill:#7c5cff24;stroke:none}.jkb .b-base{fill:none;stroke:var(--lav);stroke-linecap:round;stroke-linejoin:round}.jkb .b-energy{fill:none;stroke:var(--cyan);stroke-linecap:round;stroke-linejoin:round;animation:4.4s ease-in-out infinite jk-neural}.jkb .b-energy.d{animation-delay:-1.6s}@keyframes jk-neural{0%,to{opacity:.25}45%{opacity:1}}.jkb .node{fill:#fff;animation:3.6s ease-in-out infinite jk-node;animation-delay:calc(var(--n) * -.55s)}@keyframes jk-node{0%,to{opacity:.15}50%{opacity:1}}@property --a{syntax:"<angle>";inherits:true;initial-value:0deg}.jk-orbit{pointer-events:none;animation:30s linear infinite jk-orbit-turn;position:absolute;inset:0}@keyframes jk-orbit-turn{to{--a:360deg}}.jk-orbit-item{--ai:calc(var(--a) + var(--i) * 72deg);width:0;height:0;z-index:calc(50 + sin(var(--ai)) * 40);position:absolute;top:25.6%;left:50%;transform:rotate(-9deg)}.jk-orbit-x{transform:translateX(calc(cos(var(--ai)) * -41cqw));position:absolute}.jk-orbit-y{transform:translateY(calc(sin(var(--ai)) * 13cqw)) scale(calc(.96 + sin(var(--ai)) * .18));filter:brightness(calc(.89 + sin(var(--ai)) * .11));--behind:clamp(0, calc(sin(var(--ai)) * -6), 1);--emerge:clamp(0, calc(((cos(var(--ai)) + .05) * (cos(var(--ai)) + .05) - .048) / .052), 1);opacity:calc(1 - var(--behind) * (1 - var(--emerge)));position:absolute}.jk-tile{color:#fff;background:linear-gradient(145deg, var(--t1), var(--t2));width:12.4cqw;height:12.4cqw;box-shadow:0 10px 34px -6px var(--t2), inset 0 1px 0 #fff6;border:1px solid #ffffff47;border-radius:28%;place-items:center;display:grid;position:absolute;top:-6.2cqw;left:-6.2cqw;transform:rotate(9deg)}.jk-tile svg,.jk-tile>div{filter:drop-shadow(0 2px 6px #00000059)}.jk-tile svg{width:36%;height:36%}@media (max-width:560px){.jk-stage{margin-bottom:-40px}}@media (prefers-reduced-motion:reduce){.jkb *,.jkb :before,.jkb :after{animation:none!important}.jkb .b-energy{opacity:.6}.jkb .node{opacity:.8}}