.orb-box{aspect-ratio:1;width:100%;max-width:34rem;margin-inline:auto;position:relative}.orb-disc{pointer-events:none;background:#ffffff06;border:1px solid #ffffff0f;border-radius:9999px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orb-ring-light,.orb-ring-halo{pointer-events:none;border-radius:9999px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.orb-ring-light{-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 1.5px))}.orb-ring-halo{filter:blur(10px);opacity:.55;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 14px),#000 calc(100% - 6px),#000);mask:radial-gradient(farthest-side,#0000 calc(100% - 14px),#000 calc(100% - 6px),#000)}.orb-ring-light:before,.orb-ring-halo:before{content:"";background:conic-gradient(from 0deg, transparent 0 64%, #1d4fd8e6 82%, #ff7a1a 94%, #fff 97.5%, transparent 100%);will-change:transform;animation:9s linear infinite orbSpin;position:absolute;inset:-50%}.orb-ring-light.is-reverse:before{animation:14s linear infinite reverse orbSpin}@keyframes orbSpin{to{transform:rotate(360deg)}}.orb-core{border-radius:25%;width:5.25rem;height:5.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ff7a1a4d,0 0 54px 6px #ff7a1a38,0 24px 50px -20px #000000e6}.orb-node{flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;display:flex;position:absolute;transform:translate(-50%,-50%)}.orb-float{animation:6s ease-in-out infinite alternate orbFloat;animation-delay:var(--d,0s)}@keyframes orbFloat{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}.orb-chip{color:#fff;background:#09101f;border:1px solid #ffffff1a;border-radius:9999px;place-items:center;width:3.75rem;height:3.75rem;transition:border-color .25s,box-shadow .25s,transform .25s;display:grid;box-shadow:0 16px 40px -18px #000000e6,inset 0 1px #ffffff0f}.orb-node:hover .orb-chip,.orb-node:focus-visible .orb-chip{border-color:#ff7a1aa6;transform:scale(1.05);box-shadow:0 0 0 1px #ff7a1a59,0 0 36px 4px #ff7a1a38}.orb-label{white-space:nowrap;letter-spacing:.01em;color:#e2e8f0;background:#111d38cc;border:1px solid #ffffff14;border-radius:9999px;padding:.2rem .55rem;font-size:.7rem;font-weight:600}@media (width>=640px){.orb-core{width:7rem;height:7rem}.orb-chip{width:5.25rem;height:5.25rem}.orb-label{padding:.25rem .7rem;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.orb-float,.orb-ring-light:before,.orb-ring-halo:before{animation:none!important}}