.lorb{z-index:1;flex-direction:column;align-items:center;width:100%;margin:0 auto clamp(40px,6vw,88px);display:flex;position:relative}.lorb-stage{--lorb-r1:115px;--lorb-gap:66px;--lorb-chip:58px;--lorb-center:104px;--lorb-r2:calc(var(--lorb-r1) + var(--lorb-gap));--lorb-r3:calc(var(--lorb-r1) + var(--lorb-gap) * 2);--lorb-r4:calc(var(--lorb-r1) + var(--lorb-gap) * 3);--lorb-r5:calc(var(--lorb-r1) + var(--lorb-gap) * 4);width:calc(var(--lorb-r5) * 2 + var(--lorb-chip) + 16px);height:calc(var(--lorb-r5) * 2 + var(--lorb-chip) + 16px);flex-shrink:0;position:relative}.lorb-line{width:calc(var(--d) * 2);height:calc(var(--d) * 2);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lorb-line-1{--d:var(--lorb-r1)}.lorb-line-2{--d:var(--lorb-r2)}.lorb-line-3{--d:var(--lorb-r3)}.lorb-line-4{--d:var(--lorb-r4)}.lorb-line-5{--d:var(--lorb-r5)}.lorb-core{width:var(--lorb-center);height:var(--lorb-center);margin:calc(var(--lorb-center) / -2) 0 0 calc(var(--lorb-center) / -2);z-index:3;background:#0d0d16cc;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;box-shadow:0 0 70px #a855f759,0 0 140px #ec489938,inset 0 1px #ffffff1a}.lorb-core:before{content:"";filter:blur(14px);pointer-events:none;background:radial-gradient(circle,#ec489959 0%,#a855f738 38%,#00d4ff1a 62%,#0000 75%);border-radius:50%;animation:5s ease-in-out infinite lorb-pulse;position:absolute;inset:-46%}@keyframes lorb-pulse{0%,to{opacity:.65}50%{opacity:1}}.lorb-core img{z-index:1;object-fit:contain;width:62%;height:62%;display:block;position:relative}.lorb-ring{pointer-events:none;will-change:transform;position:absolute;inset:0}.lorb-ring-1{animation:64s linear infinite lorb-spin}.lorb-ring-2{animation:83s linear infinite reverse lorb-spin}.lorb-ring-3{animation:101s linear infinite lorb-spin}.lorb-ring-4{animation:122s linear infinite reverse lorb-spin}.lorb-ring-5{animation:143s linear infinite lorb-spin}@keyframes lorb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lorb-sat{width:0;height:0;transform:rotate(var(--da)) translateX(var(--r)) rotate(calc(var(--da) * -1));position:absolute;top:50%;left:50%}.lorb-ring-1 .lorb-sat{--r:var(--lorb-r1)}.lorb-ring-2 .lorb-sat{--r:var(--lorb-r2)}.lorb-ring-3 .lorb-sat{--r:var(--lorb-r3)}.lorb-ring-4 .lorb-sat{--r:var(--lorb-r4)}.lorb-ring-5 .lorb-sat{--r:var(--lorb-r5)}.lorb-satin{will-change:transform;display:block}.lorb-ring-1 .lorb-satin{animation:64s linear infinite reverse lorb-spin}.lorb-ring-2 .lorb-satin{animation:83s linear infinite lorb-spin}.lorb-ring-3 .lorb-satin{animation:101s linear infinite reverse lorb-spin}.lorb-ring-4 .lorb-satin{animation:122s linear infinite lorb-spin}.lorb-ring-5 .lorb-satin{animation:143s linear infinite reverse lorb-spin}.lorb-stage:hover .lorb-ring,.lorb-stage:hover .lorb-satin,.lorb-stage:focus-within .lorb-ring,.lorb-stage:focus-within .lorb-satin{animation-play-state:paused}.lorb-chip{width:var(--lorb-chip);height:var(--lorb-chip);margin:calc(var(--lorb-chip) / -2) 0 0 calc(var(--lorb-chip) / -2);border:1px solid color-mix(in srgb, var(--accent) 34%, #ffffff1f);-webkit-backdrop-filter:blur(8px);pointer-events:auto;cursor:pointer;background:#0d0d16bf;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 12px 32px -16px #000c}.lorb-chip:hover,.lorb-chip:focus-visible{background:color-mix(in srgb, var(--accent) 20%, #0d0d16eb);border-color:var(--accent);box-shadow:0 0 26px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 60px color-mix(in srgb, var(--accent) 28%, transparent), 0 12px 32px -16px #000c;z-index:5;transform:scale(1.16)}.lorb-chip img{object-fit:contain;opacity:.92;width:70%;height:64%;transition:opacity .3s,filter .3s;display:block}.lorb-chip:hover img,.lorb-chip:focus-visible img{opacity:1;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--accent) 85%, transparent))}.lorb-tip{border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);letter-spacing:-.01em;color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:6;background:#0a0a12f7;border-radius:10px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,6px);box-shadow:0 14px 34px -12px #000000f2}.lorb-chip:hover .lorb-tip,.lorb-chip:focus-visible .lorb-tip{opacity:1;transform:translate(-50%)}.lorb-count{color:#fff9;text-align:center;margin:22px 0 0;font-family:DM Sans,sans-serif;font-size:15px}.lorb-count strong{color:#fff;font-weight:700}.lorb-legend{color:#ffffffb8;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin:14px 0 0;padding:0;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;list-style:none;display:flex}.lorb-legend li{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.lorb-legend-dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:50%;flex-shrink:0}.lorb-legend-n{color:#ffffff73;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.lorb-legend-short{display:none}@media (min-width:1200px) and (min-height:1000px){.lorb-stage{--lorb-r1:134px;--lorb-gap:76px;--lorb-chip:68px;--lorb-center:120px}}@media (max-width:1024px){.lorb-stage{--lorb-r1:95px;--lorb-gap:55px;--lorb-chip:48px;--lorb-center:88px}.lorb-legend{gap:8px 16px;font-size:12px}}@media (max-width:680px){.lorb-stage{--lorb-mr1:75px;--lorb-mr2:120px;--lorb-mr3:165px;--lorb-chip:44px;--lorb-center:84px;width:calc(var(--lorb-mr3) * 2 + var(--lorb-chip) + 8px);height:calc(var(--lorb-mr3) * 2 + var(--lorb-chip) + 8px)}.lorb{width:auto;margin-inline:calc(-1*clamp(20px,6vw,80px))}.lorb-stage .lorb-sat{transform:rotate(var(--ma)) translateX(var(--mr)) rotate(calc(var(--ma) * -1))}.lorb-line-1{--d:var(--lorb-mr1)}.lorb-line-2{--d:var(--lorb-mr2)}.lorb-line-3{--d:var(--lorb-mr3)}.lorb-line-4,.lorb-line-5{display:none}.lorb-ring-1,.lorb-ring-2,.lorb-ring-3,.lorb-ring-4,.lorb-ring-5{animation:110s linear infinite lorb-spin}.lorb-ring-1 .lorb-satin,.lorb-ring-2 .lorb-satin,.lorb-ring-3 .lorb-satin,.lorb-ring-4 .lorb-satin,.lorb-ring-5 .lorb-satin{animation:110s linear infinite reverse lorb-spin}.lorb-tip{display:none}.lorb-chip{transition:transform .12s,background-color .12s,border-color .12s}.lorb-chip:active{background:color-mix(in srgb, var(--accent) 24%, #0d0d16eb);border-color:var(--accent);z-index:5;transform:scale(1.2)}.lorb-stage:active .lorb-ring,.lorb-stage:active .lorb-satin{animation-play-state:paused}.lorb-count{margin-top:16px;font-size:14px}.lorb-legend{grid-template-columns:repeat(2,auto);justify-content:center;gap:9px 18px;margin:12px auto 0;padding-inline:12px;font-size:11.5px;display:grid}.lorb-legend li{justify-self:start}.lorb-legend-dot{width:7px;height:7px}.lorb-legend-long{display:none}.lorb-legend-short{display:inline}}@media (max-width:380px){.lorb-stage{--lorb-mr1:68px;--lorb-mr2:109px;--lorb-mr3:150px;--lorb-chip:40px;--lorb-center:76px}}@media (max-width:340px){.lorb-stage{--lorb-mr1:62px;--lorb-mr2:99px;--lorb-mr3:136px;--lorb-chip:36px;--lorb-center:68px}.lorb-legend{gap:6px 10px;font-size:10.5px}}@media (prefers-reduced-motion:reduce){.lorb-stage .lorb-ring,.lorb-stage .lorb-satin,.lorb-stage .lorb-core:before{animation:none}.lorb-chip,.lorb-chip img,.lorb-tip{transition:none}}