/* Original Orbit buttons, with a larger five-planet orbit. */
#menu{padding-inline:0;padding-top:16px}
#menu>.wrap{max-width:1000px}
.orbit{width:min(94vmin,760px);aspect-ratio:1;margin:8px auto 12px;--p:clamp(94px,17vmin,140px);--r:calc((min(94vmin,760px) - var(--p))/2 - 8px)}
.track{border:2px dashed var(--line)}
.spin{animation:orb 90s linear infinite}
.cx{animation:orb 90s linear infinite reverse}
.sat{transform:rotate(var(--a)) translateY(calc(var(--r)*-1)) rotate(calc(var(--a)*-1))}
.planet.on{background:var(--panel);border:3px solid var(--line);box-shadow:0 0 24px #ff8a2b22;color:var(--tx);text-decoration:none}
.planet b{font-size:clamp(17px,2.7vmin,23px)}
.planet small{font-size:clamp(9px,1.5vmin,12px);color:var(--mut);max-width:110px;line-height:1.4;margin-top:6px}
.planetRing{display:none}
.core{pointer-events:none}
.core h1{font-size:clamp(44px,9vmin,76px)}
.core p{font-size:12px;line-height:1.5;max-width:150px;margin:8px auto}
.orbit:hover .spin,.orbit:hover .cx{animation-play-state:running}
.orbit:has(.planet:hover) .spin,.orbit:has(.planet:hover) .cx,.orbit:focus-within .spin,.orbit:focus-within .cx{animation-play-state:paused}
@media(max-width:500px){.core h1{font-size:42px}.core p{font-size:10px;max-width:110px}.planet small{max-width:80px}}
@media(prefers-reduced-motion:reduce){.spin,.cx{animation:none}}
.planet.on:hover,.planet.on:focus-visible{border-color:#ff8a2b;box-shadow:0 0 35px #ff8a2b55}